MediaWiki talk:Timeless.css

Please overwrite MediaWiki:Timeless.css code with this instead
User:Kmdenmark can do you this? It should improve color contrast, and restore the layout and the missing user preferences for mobile users, who currently have to change skins back in Special:SpecialPages. It will also remove the Merriweather font since the new default font is much nicer. There will probably may to be a few more changes after this. Thanks notjusttired (talk)

/* CSS placed here will affect users of the Timeless skin */

html { background: rgb(0,0,0) !important; height: 100%; filter: brightness(100%) contrast(100%) grayscale(0%) !important; -webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important; } body { margin: 0; background: #000; color: #ccc; }

/* make orange brighter using low vision colors */ a { color: #E69F00; } /* wanted pages red color */ a.new, a.new:hover, .new a:hover, a.new:visited, .new a:visited { color: #FF4444; } /* stubs lighter than low vision sky blue */ a.stub { color: #86d4f9 !important; } /* low vision sky blue shade for some headings and visited */ h2, h3, h4, a:visited, a:hover, a.link:visited { color: #56b4e9; }

/* caption does site visits */ caption { color: #ccc; } caption big { color: #bbb; font-weight: normal; }

/* set dark colors where missing*/ h1 { color: #fff; text-shadow: 1px 1px 1px #000; }

font-weight: normal; } b, strong { text-shadow: 1px 1px 1px #000; } div.editOptions { border: #aaa; background: #555; }	border-top: solid 2px #000; background: #333; }	background: #333; color: #ccc; border: 0; }
 * 1) personal .dropdown b {
 * 1) mw-header-nav-hack {
 * 1) mw-site-navigation .sidebar-inner {

border: outset #aaa; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); border-radius: 2px; } /* set dark colors where missing*/ .right-canvas-menu, .left-off-canvas-menu, .off-canvas-list, .sidebar-chunk, .toc, #toc, { background-color: #000; color: #cccccc; border: #aaa; } .sidebar-inner { background-color: #333!important; color: #ccc; border: #aaa; }
 * 1) mw-site-navigation .sidebar-chunk {
 * 1) mw-wrapper, #mw-header, #mw-header-container,
 * 1) mw-content-text,
 * 1) p-cactions

.gallery, .gallerybox, .thumb, .image, table, p, div, table ul, table li { background: #transparent; color: #cccccc; border: #222; }

/* orange /* .mw-parser-output a.external { color: #ff9900; }	background: #333; }	border: inset 1px #000; border-radius: 3px; background: #333; }
 * 1) searchInput-container {
 * 1) simpleSearch {

.mw-notification { background: #000; border: #333; border-radius: 5px; color: #999; } .mw-wiki-logo { background-size: contain; } background-color: #000; color: #eeeeee; }
 * 1) p-logo-text a, #p-logo-text {

/* addthis colors */ .addthis_default_style { background-color: #000 !important; border-color: #000; color: #ccc; }	width: 100%; max-width: 100%; padding: 0; position: static; } @media screen and (max-width: 850px) { background: #000; } }
 * 1) mw-header {
 * 1) menus-cover {

background: #000; } @media screen and (max-width: 850px) { background: #000; } }
 * 1) mw-content-container {
 * 1) mw-content-block {

background: #000; }	background: #333; border: solid #000; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }	color: #999900; }	border: outset #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); border-radius: 3px; }
 * 1) mw-site-navigation {
 * 1) mw-content {
 * 1) mw-page-header-links li.selected a {
 * 1) mw-related-navigation .sidebar-chunk {

.color-left, .color-right { background-color: #333; } .color-left-container, .color-right-container, .color-middle-container, .color-middle { background-color: #E7453A; color: #333; fill-color: #333; overflow: hidden; } .color-bar { background: #E7453A ; }

@media screen and (max-width: 1099px) and (min-width: 851px) { border: outset #333; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); } }
 * 1) mw-related-navigation .sidebar-chunk {

text-shadow: 1px 1px 0 #333; } background: #333! important; border: solid #000; }
 * 1) personal h2 {
 * 1) personal .dropdown {

/* transparent images need white background */ img { color: white; background-color: #333; border: 0; }

/* bullet points within Portal gallery or Portal table sections */ ul.gallery, .gallerybox > div, td > ul, td > p, td div, div div { color: #cccccc; background-color: #333; border: #333; }

.codeEditor-status { color: #555; } .oo-ui-labelElement-label { text-shadow: 1px 2px #333; }	text-shadow: 1px 1px 1px #000 !important }	background: #000; } fieldset { background: #333! important; border: solid #000; } input { background: #333; border: solid 1px #000!important; border-radius: 2px; color: #ccc; } .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button { border: solid 1px #333!important; border-bottom: 0!important; text-shadow: 0 0 0 #000 !important; border-bottom: solid 1px #333!important; } .oo-ui-flaggedElement-destructive { background: #000; border: 1px solid #444; color: #FF4444 !important; } .oo-ui-flaggedElement-destructive:hover { background: #333; color: #CC0000 !important; }	border: 0!important; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background-color: #333; color: #ccc; }	background-color: #555; } .warningbox { background: #333; }
 * 1) wpSave {
 * 1) mw-footer-container {
 * 1) searchInput {
 * 1) pagehistory li.selected {

.mw-plusminus-neg { color: #FF0000; }	color: #00ffff; }	color: #56b4e9; } .diff-addedline .diffchange { background: #ff4444; } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 !important; } .oo-ui-labelElement-label { text-shadow: 0 0 0 #000 } .oo-ui-panelLayout-expanded { background: #333; } .oo-ui-messageDialog-message { color: #999; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #999; } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right: 1px solid #000 } .oo-ui-dialog-content > .oo-ui-window-body { outline: 1px solid #000; } .oo-ui-messageDialog-content > .oo-ui-window-foot { outline: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #000; } textarea[style] { background: #000 !important; color: #fff; } pre, .mw-code { background: #222; color: #B0B0B0; border: 1px solid #444; } .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon { background-color: #999; border: 1px solid #333; }
 * 1) mw-footer-container a:hover {
 * 1) mw-footer-container a:visited {

/* end of dark CSS */