MediaWiki:Common.css

From Bad Kitty Games Wiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* Heading boxes */

.categoryBOX{
  margin: 0px 0px 10px 0px;
}

.HeadingBoxes{
    margin-top: unset !important;
    border:1px solid #cca6d1; 
    background:#6f027c;
    color:#fff; 
    font-size:120%; 
    font-weight:bold; 
    text-align:left; 
    text-shadow: black 0.1em 0.1em 0.2em;
}  

/* 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: #9370DB;
    text-align: center;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    width: 200px;
    vertical-align: top;
}

/* Calculator */

.calc {
  text-align: center;
  color: #000;
  width: 180px;
  background-color:lightgray;
  border: 2px solid grey;
  border-radius: 5px;   
}

.calc input {
  color: #fff;
  text-align: center;
  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;
}