Difference between revisions of "MediaWiki:Common.css"

From Bad Kitty Games Wiki
Jump to navigation Jump to search
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* 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 */
 
/* Design for infoboxes */
Line 10: Line 42:
 
}
 
}
 
.infobox-title {
 
.infobox-title {
 +
    border-radius:10px;
 
     color: white;
 
     color: white;
 
     background: #800080;
 
     background: #800080;
Line 19: Line 52:
 
}
 
}
 
.infobox th {
 
.infobox th {
     background: #BEBEBE;
+
    border-radius:10px;
 +
     background: #9370DB;
 
     text-align: center;
 
     text-align: center;
 
     vertical-align: top;
 
     vertical-align: top;
Line 27: Line 61:
 
     width: 200px;
 
     width: 200px;
 
     vertical-align: top;
 
     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;
 
}
 
}
  

Latest revision as of 03:11, 30 November 2019

/* 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;
}