MediaWiki:Timeless.css
From Eldur Wiki
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
:root {
--pi-width: 300px;
}
html {
background: rgb(0,0,0) !important;
}
body {
margin: 0;
background: #000;
color: #FFFFFF;
}
a {
color: #FFD800;
}
a:hover, a:visited {
color: #EFC800;
}
.new a {
color: #EFC800;
}
.toctogglelabel {
color: #FFD800;
}
h1 {
color: #FFD800;
text-shadow: 1px 1px 1px #000;
font-size: 40px !important;
}
h2, h3, h4 {
color: #FFD800;
}
#p-logo-text a {
color: #FFD800;
}
.color-left, .color-right, .color-middle {
background: #FFD800;
}
#mw-content-block {
background: #000;
}
#mw-content-wrapper, #mw-content {
background: #222;
border: 0px #000;
}
#personal .dropdown {
background: #222;
border: 1px solid #111;
}
.pi-background {
background: #333;
}
.article-table {
background: #333;
border-collapse: collapse;
border: 0;
margin: 1em 1em 1em 0;
}
.article-table th, .article-table td {
padding: 6px 12px;
border-bottom: 1px #444 solid;
}
.article-table th {
background: #444;
}
#mw-header, #mw-header-container {
background: #111;
}
div.editOptions {
border: #222;
background: #555;
}
#mw-header-nav-hack {
border-top: solid 2px #333;
background: #333;
}
#mw-site-navigation .sidebar-inner {
background: #333;
border: 0;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-inner {
background: #222 !important;
border: solid #111;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
background: #222;
border: solid #111;
}
}
#mw-site-navigation .sidebar-chunk {
border: outset #222;
background: #333;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
@media screen and (max-width: 851px) {
#mw-site-navigation .sidebar-chunk {
padding: 0 15px 5px 20px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
background: #222 !important;
border: solid #111 !important;
}
}
#mw-page-header-links li.selected a {
color: #FFD800;
}
#mw-related-navigation .sidebar-chunk {
background: #333;
border: outset #222;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
.toc {
background: #333;
border: outset #222;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-chunk {
background: #333;
border: outset #222;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
padding: 0 15px 5px 20px;
}
}
.color-middle-container, .ts-inner {
padding: 0;
}
.mw-parser-output a.external {
color: #FFD800;
}
.mw-body h1.firstHeading {
border-bottom: solid 3px #FFD800;
}
#mw-content-container {
border-bottom: solid 3px #FFD800;
background: #000;
}
#mw-page-header-links li.selected {
border-bottom: solid 3px #FFD800;
}
#searchInput {
padding: 0.2em 4.5em 0.2em 2em !important;
color: #DDD;
margin: 0;
}
#searchInput-container {
background: #333;
height: 35px;
}
#simpleSearch {
border: inset 1px #000;
border-radius: 3px;
background: #333;
height: 35px;
width: 48vw;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 7px;
}
#user-tools {
position: fixed;
right: 86px;
}
@media screen and (min-width: 851px) {
#user-tools {
left: 74vw;
top: 5px;
}
}
.mw-notification {
background: #222;
border: #111;
background: #111;
border-radius: 5px;
color: #999;
width: 200px;
}
.postedit-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
padding: 15px 0 15px 15px;
text-align: right;
}
.postedit-icon {
margin: auto;
padding: 0;
}