MediaWiki:Timeless.css
Jump to navigation
Jump to search
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.
/* CSS placed here will affect users of the Timeless skin */
#mw-content-container { }
@media all and (max-width: 850px) {
#game-icons {
margin-top: -21px !important;
}
#mw-content #game-icons a img {
height: 20px !important;
width: auto !important;
}
}
/* Timeless theme */
#mw-content-container {
background: url(/images/timeless-bg.webp) fixed;
}
#mw-header-container {
background: #d1f0e1;
}
.color-left, .color-middle, .color-right {
background: #418262;
}
#mw-content-container,
#mw-content h1.firstHeading,
#mw-content h1, #mw-content h2 {
border-color: #418262;
}
body.skin-timeless {
background: #26573e;
}
body.skin-timeless #mw-footer-container {
border-top: 0;
box-shadow: none;
}
/* Standard changes */
#siteNotice {
text-align: center;
}
#firstHeading {
overflow: visible;
}
#mw-content h1, #mw-content h2,
#mw-content h3, #mw-content h4,
#mw-content h5, #mw-content h6,
#mw-content dt {
margin-top: 1em;
}
#mw-content dd {
margin-bottom: 0.25em;
}
.CodeMirror {
padding: 0.25em 0.35em;
box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.05);
}
table {
border-collapse: separate;
border-spacing: 2px;
}
table td, table th {
padding: 2px 4px;
}
table.wikitable {
padding: 0;
}
table.wikitable img {
max-width: 100% !important;
height: auto !important;
}
.thumb, .thumbcaption {
padding-bottom: 0;
}
@media all and (max-width: 850px) {
#siteNotice {
display: none;
}
.infobox {
display: block !important;
float: none !important;
margin: 15px 0 15.5px !important;
}
.infobox, table {
display: block;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.infobox table {
width: 100% !important;
}
table tbody {
width: 100% !important;
display: table !important;
}
.thumbimage {
text-align: center;
}
ul.gallery {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
}