MediaWiki:Timeless.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.
#mw-content-container {
background: url(https://idleon.info/wiki/images/9/9f/Background_Beach.png) no-repeat center center fixed;
background-size: cover;
}
#mw-content{
background: var(--main-bg-color);
box-shadow: var(--main-box-shadow);
border:none;
}
@media screen and (min-width: 1100px){
#mw-content{
border: 1px solid var(--main-border-color);
border-radius: 0 0 3px 3px;
border-top-width: 0;
}
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background: rgba(213, 215, 218, .9);
border: 1px solid var(--main-border-color);
box-shadow: var(--main-box-shadow);
border-radius: 3px;
}
}
#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
font-family: 'Idleon';
font-size: 16px;
}
#mw-site-navigation .sidebar-chunk h3:empty {
display: none
}
#p-logo {
border-radius: 3px;
border: 1px solid #0c0d1c;
box-shadow: var(--main-box-shadow);
margin-top: 1em;
padding: 0;
image-rendering: -webkit-optimize-contrast;
}
.client-darkmode #p-logo {
border-color:var(--main-border-color);
}
@media screen and (min-width: 851px) {
.mw-wiki-logo.fallback {
width: 13em;
height: 13em;
background-size: cover;
margin: 0;
max-width: 100%;
}
}
@media screen and (max-width: 550px) {
#p-logo-text {
position: absolute;
}
}
/* ----- DARK MODE ----- */
.client-darkmode #mw-content-container {
filter: none;
background: url(https://idleon.info/wiki/images/2/24/NightDesertBG.png) no-repeat center center fixed;
background-size: cover;
}
.client-darkmode .mw-footer-container {
background: var(--element-bg-color);
color: #000;
}
.client-darkmode .mw-footer-container a,
.client-darkmode .mw-footer-container a:visited {
color: var(--main-link-color);
}
.client-darkmode .mw-footer-container a:hover,
.client-darkmode .mw-footer-container a:visited:hover {
color: var(--main-link-color-hover);
}
.client-darkmode #searchButton {
background:transparent;
}
@media screen and (min-width: 851px) {
.client-darkmode #mw-content-container,
.client-darkmode #mw-content-block,
.client-darkmode .mw-wiki-logo.fallback {
filter: invert(1) hue-rotate(180deg);
-webkit-filter: invert(1) hue-rotate(180deg);
}
}
/* ----- EDITOR ----- */
.oo-ui-labelElement-label,
.label {
color: #000;
}
.codeEditor-status-worker {
color: #f00;
}
.CodeMirror pre.CodeMirror-line {
font-size: 13px;
line-height: 17px;
}
