MediaWiki:Common.css
From IdleOn MMO Wiki
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 */
.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;
}
/* CSS placed here will be applied to all skins */
.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{
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;
}
