MediaWiki:Timeless.css

/* 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 */