Difference between revisions of "MediaWiki:Common.css"

From Bad Kitty Games Wiki
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 8: Line 8:
  
 
.HeadingBoxes{
 
.HeadingBoxes{
     margin: 0px 0px 0px 0px;
+
     margin-top: unset !important;
 
     border:1px solid #cca6d1;  
 
     border:1px solid #cca6d1;  
 
     background:#6f027c;
 
     background:#6f027c;
Line 67: Line 67:
 
.calc {
 
.calc {
 
   text-align: center;
 
   text-align: center;
   color: black;
+
   color: #000;
 
   width: 180px;
 
   width: 180px;
 
   background-color:lightgray;
 
   background-color:lightgray;
Line 75: Line 75:
  
 
.calc input {
 
.calc input {
   color: black;
+
   color: #fff;
 
   text-align: center;
 
   text-align: center;
 
   border-radius: 5px;  
 
   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;
}