MediaWiki:Common.css

/* Background Image */
#mw-content-container {
    background:  url('https://static.miraheze.org/idleonwiki/2/24/NightDesertBG.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Logo image border */
#p-logo {
    background: #f8f9fa;
    padding: 1px 1px 0.8em 1px;
    border: #f8f9fa;
    border-style: solid;
    border-width: 1px 1px 0.2em;
}

/* World banners (couldn't make .banner-image work, using style instead) */
.banner-image {
  position: relative;
  border-radius: 0.4em;
  max-width: 100%;
  overflow: hidden;
  float: left;
  margin: 0 0 3px;
}

.banner-text {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 35px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

.header-text {
  position: absolute;
  bottom: 2px;
  left: 20px;
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 18px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

/* Navbox */
.navbox-body
{
	border-radius: 10px;
}

.navbox-body a:link {
  color: red;
}

/* visited link */
.navbox-body a:visited {
  color: red;
}

/* Bestiary */

.bestiary-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.bestiary-cell {
  display: flex;
  align-items: center;
  float: left;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 0.4em;
  min-height: 120px;
  margin: 1px;
}

.bestiary-cell:hover {
  border: 1px solid #000;
  background-color: #e6e6e6;
}

.bestiary-cell table {
	line-height: 0;
}

.bestiary-cell p {
  text-align: center;
}

/* -------------------------Infobox  */
.infobox {
    border: 1px solid #000;
    background: #e6e6e6;
    border-radius: 0.7em;
    font-size: 120%;
    color: #000;
    margin: 0 0 1em .5em;
    padding: 0.1em;
    float: right;
    clear: right;
    width: 30%;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th.header {
    background: #916699;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    padding: 0.5em;
    border-radius: .4em .4em 0 0;
    text-align: center;
    width: 20em;
}
.infobox th.subheader {
	text-align: center;
    background: #916699;
    width: 20em;
    padding: 0.2em;
    font-weight: bold;
}
.infobox th {
    vertical-align: top;
    background: #c0b3cc;
    text-align: left;
    padding: 0.2em;
    padding-left: 0.4em;
    width: 7.5em;
}
.infobox td {
    vertical-align: top;
}

/*----------------------------Droptable */
.droptable{
	width: 60%;
}
.droptable th.header {
    background: #916699;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    border-radius: .4em .4em 0 0;
    text-align: center;
}
.droptable th.subheader {
	text-align: center;
    background: #916699;
    font-weight: bold;
}

.droptable tr:nth-child(odd){
  background-color: lightgrey;
}

.navigation{
	width: 60%;
}
/* -------------------------------------------------- TOC */
/* Title */ 
.toc .toctitle {    
	text-align: center; 
} 
.toc .toctitle h2 {
    font-weight: bold; 
} 

/* List */ 
.mw-parser-output .toc ul {
    list-style-type: none;    margin: 0 0 0 0.5em; 
} 
.mw-parser-output .toc ul ul {
    margin: 0 0 0 1.5em; 
} .mw-parser-output .toc ul li {
    margin-right: 3px; 
}