Difference between revisions of "MediaWiki:Common.css"

From Bad Kitty Games Wiki
Jump to navigation Jump to search
Line 54: Line 54:
 
a:visited {
 
a:visited {
 
   color: purple;
 
   color: purple;
 +
}
 +
 +
/* Calculator */
 +
 +
.calc {
 +
  color: white;
 +
  width: 180px;
 +
  background-color:purple;
 +
  border: 2px solid purple;
 +
  border-radius: 5px;
 +
  box-shadow: 2px 2px #000000;
 +
}
 +
 +
.calc input {
 +
  color: white;
 +
  background: black;
 +
  text-align: center;
 +
  border: 2px solid white;
 +
  border-radius: 5px;
 
}
 
}
  

Revision as of 04:19, 15 November 2019

/* CSS placed here will be applied to all skins */

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Design for infoboxes */

.infobox {
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    border-radius:10px;
    color: white;
    background: #800080;
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    border-radius:10px;
    background: #BEBEBE;
    text-align: center;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    width: 200px;
    vertical-align: top;
}

/* unvisited link */
a:link {
  color: purple;
}

/* visited link */
a:visited {
  color: purple;
}

/* Calculator */

.calc {
  color: white;
  width: 180px;
  background-color:purple;
  border: 2px solid purple;
  border-radius: 5px; 
  box-shadow: 2px 2px #000000;
}

.calc input {
  color: white;
  background: black;
  text-align: center;
  border: 2px solid white;
  border-radius: 5px; 
}

/* Design tools */

.shadow
{
  text-shadow: 0 0 7px black;
}

.box
{
  border:1px solid black;
}

.box_shadow
{
  box-shadow: 5px 5px 10px black;
}

.centered_text
{
  text-align: center;
}

.round_box
{
	border:1px solid black;
	border-radius:10px;
}

.inverted
{
color: white;
background-color: black;
}