MediaWiki:Timeless.css

/* CSS placed here will affect users of the Timeless skin */ /* If CodeEditor complains about lines being "overqualified", ignore it, it's probably necessary to make it work because of how the skin is coded

/* Neuton font, as used in EO4/EOU/EO2U */ @import url('https://fonts.googleapis.com/css?family=Neuton:400,400i,700&subset=latin-ext');

/* HTML/body */ html { /* This makes the footer always show up at the bottom of the page, even if the actual page content is too short */ min-height: 100%; }

body { background: linear-gradient(to right, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0,0,0,1) 85%), linear-gradient(to top, transparent 0%, black 200px, black 50%, transparent 50%), linear-gradient(to bottom, transparent 0%, black 475px, black 50%, transparent 50%), url("//i.imgur.com/97eteXj.jpg") center bottom no-repeat, url("//i.imgur.com/9voCmCp.jpg") center -550px no-repeat, #010; min-height: 100%; color: #E0E0E0; /*aren't I hilarious*/ }

/* Link colours */ a:hover, a:visited { color: #08d; /*maybe temporary until I find a colour that works better on a dark background*/ }

a:hover { text-decoration: underline; }

/* Header (search bar, user tools) */ background: black; background: rgba(0, 0, 0, 0.75); color: inherit; }
 * 1) mw-header-container {

border-top: none; background: black; }
 * 1) mw-header-nav-hack {

color: inherit; font-family: Neuton, serif; font-variant: normal; }
 * 1) p-logo-text a {

font-size: 1.75em; margin-top: -0.25em; }
 * 1) p-logo-text a.long {

background: black; }
 * 1) simpleSearch {

font-family: Neuton; font-size: large; height: 1.1em; }
 * 1) personal h2 span {

border: 2px solid #396; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background: black; background: rgba(0, 0, 0, 0.85); }
 * 1) personal .dropdown {

.color-middle { background: #265; }

.color-left { background: #396; }

/* Logo */ .mw-wiki-logo { width: 400px; height: 200px; margin: 0 auto 1em; }

margin-top: 4em; }
 * 1) p-logo {

/* Article content area */ .toc { background: none; }

background: none; }
 * 1) mw-content-container {

border: 2px solid #396; border-radius: 15px; background: black; background: rgba(0, 0, 0, 0.5); }
 * 1) mw-content-block {

border: none; background: none; }
 * 1) mw-content, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {

border-bottom-color: #396; }
 * 1) mw-page-header-links li.selected, .mw-body h1.firstHeading {

color: #46C; }
 * 1) mw-page-header-links li.selected a {

/* Headers */ .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, .wikitable th { font-family: Neuton, serif; }

/* Tables */ table { border-collapse: separate; }

table.wikitable { background: none; color: inherit; border: 1px solid #a2a9b1; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #075129; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #a2a9b1; padding: 0.2em 0.4em; }

.wikitable th { font-size: large; }

table.cargoTable { color: black; }

/* Edit page */ div.editOptions { background: none; }

.codeEditor-status { color: black; }

/* Recent changes */ fieldset { background: none; }

fieldset legend, .mw-changeslist-legend { background: none; color: inherit; }

filter: invert(100%); color: #f72; }
 * 1) mw-indicator-mw-helplink a {

/* Diff pages */ .diff-addedline { background-color: #9c9; }

.diff-deletedline { background-color: #cc8; }

.diff-context { background-color: #111; color: #555; }

.diff-deletedline, .diff-addedline { color: black; }

/* Others */ .mw-notification-content { color: black; }