User:Pyrrhus/timeless.css

/* to do - 2. visual editor colors 3. visual editor layout 4. other pop-up or overlay colors

/* class='oo-ui-widget oo-ui-widget-disabled oo-ui-buttonElement oo-ui-buttonElement-framed oo-ui-iconElement oo-ui-labelElement oo-ui-buttonWidget'>

Visual (beta)

/* button colors based on black skin gadget */ .oo-ui-buttonElement { background: #333; color: #ccc; border-color: transparent; } .oo-ui-buttonElement-framed { border-color: #aaa; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { color: #333; background-color: #ccc; }

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #ccc; color: #333; border-color: #ccc!important; }

.oo-ui-buttonElement > .oo-ui-buttonElement-button { color: #ccc; background: #333; } .oo-ui-popupWidget { font-size: 95%; width: 95% !important; /* Color gets inverted */ background: #eee; } .mw-echo-ui-notificationItemWidget { /* these colors get inverted */ color: #000!important ; background: #fff !important; background: #fff !important; width: 100%; }

/* Alerts heading plus body background */ .oo-ui-popupWidget-popup { /* colors get inverted */ background: #eee; color: #333 !important; } .oo-ui-popupWidget-body { background: transparent !important; } /* echo alerts popup heading */ .oo-ui-popupWidget-head > .oo-ui-labelElement-label { color: #ccc!important; } .mw-echo-ui-notificationItemWidget * { color: #000!important; background: transparent!important ; } .mw-echo-ui-notificationItemWidget .oo-ui-clippableElement-clippable { background: transparent; } .oo-ui-popupWidget-footer .oo-ui-labelElement-label { color: #333!important; } .oo-ui-popupWidget-head, .oo-ui-popupWidget-footer { filter: invert(100%); background: transparent!important ; } .oo-ui-image-invert { filter: none; } /* does this do anything */ .oo-ui-dialog-content { background-color: transparent; color: #333; }

.oo-ui-tagItemWidget { background-color: #ccc; color: #000; } .mw-ui-input:focus border-color: #aaa; box-shadow: inset 0 0 0 1px #aaa; }

.oo-ui-iconElement-icon { filter: invert(100%); }

height: 700px; }
 * 1) iframeframe {

.thumbinner { background-color: transparent; color: #ccc; border-color: #222; }

/* Form colors */ select, option, option > li .oo-ui-inputWidget, .oo-ui-indicator-down { background: #000; color: #ccc; } @media screen and (max-width:850px) { font-size: 125%!important; } div.portalbullets ul { margin-left: 8px; font-size: 19px!important; } div.portalbullets ul li { font-size: 19px!important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-right: 0; } } /* Portal box colors */ .boxbackground { background: #333!important; color: #ccc!important; border-color: #222!important; border-width: 2px; }
 * 1) browsebar {

.boxtitlecolor { color: #eee!important; }

.boxtitlebackground { background: #000!important; border-color: #000!important; } .shortcutbox { background: #222; }

.code { background: transparent; } /* Code editing colors */ .mi, .mh, .kp, .kc { color: #eee!important;} .p, .o { color: #aaa!important;} .k, .ki, .mt { color: lightgreen!important;} .nc, .nt { color: skyblue!important;} .c { color: lightgray!important;} .cp { color: palegoldenrod!important; } .nb, .nn {color: #f5b561!important;} .nd {color: #EE2222!important ;}

.mw-editsection-divider { display: none; }

/* Code from Visual editor extension adapted for pivot */

.oo-ui-lookupElement { background: black; color: magenta; }

.oo-ui-toolbar-bar { background: #000; color: #000; border: 0; } /* .oo-ui-dialog { color: red; } .ui-dialog-content { background: orange; color: #ccc; }

/* Visual editor layout only - mobiles */ @media screen and (max-width:550px) { .oo-ui-popupWidget { position: absolute; width: 300px; margin-left: 0!important; left: -10em !important; max-width: 95% !important; font-size: 90%!important; }

.oo-ui-popupWidget-popup { position: relative ; opacity: 0.7; color: yellow; margin-left: 0em; left: 0; } }

.oo-ui-clippableElement-clippable .oo-ui-popupWidget-body { max-width: 100%!important; right: 0; margin-left: 0em; margin-right: 0; left:0; /* width: 310px !important; max-width: 100%; }

/* untested Changes by Notjusttired */

{ background: #333!important; color: #ccc!important; border: 2px solid #000; }
 * 1) search, .mw-search-profile-tabs

strong, em { color: inherit; }

/* reference redirects image */ .redirectText img { filter: invert(100%); }

@media screen {

a.interwiki, a.external { color: #aaa; } a.interwiki:visited, a.external:visited { color: #56b4e9; }

/* De-Color user signature links (black-on-black) */ a:not([class]) font, a:not([class]) span, a:not([class]) bold { background-color:inherit!important; color:inherit!important; }

/* Color explanations with tool tips */ abbr, acronym, .explain { border-color: #000; color: #ccc; background-color: #333; }

/* Color highlighted ref MediaWiki:Common.css */ body.action-info .mw-body-content :target, .citation:target { background-color: rgba(0, 127, 255, 0.133); }

/* Selection highlight */
 * -moz-selection

{ color: #ccc; background: #333; }
 * selection

{ color: #ccc; background: #333; }

input[type="number"], input[type="text"], input:not([type]), select { background-color: #333; color: #ccc; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

/* buttons in strong mid blue for dialogs #447FF5 */ .mw-ui-button, input[type="submit"], #wpSave { background-color: #447FF5; border-color: #5079EE; color: #eee; }

div#globalWrapper { background-image: none; background-color: #333 ; color: #ccc; }

background: none; }
 * 1) mw-page-base {

div#content, .mw-body { background-color: #333; color : #ccc; border-color: #333; }

/* show missing tools on menu RSS, printable version, permanent page link, may depend on php, see phabricator bookmark ? */ /* removed - a php issue display: block; }
 * 1) p-tb-label, #t-permalink, #t-print, #t-citethispage, #t-feeds, #p-whatlinkshere, #p-feeds {

.mw-ui-input:focus { border-color: #aaa; box-shadow: inset 0 0 0 1px #aaa; } .ui-menu-item > a.ui-corner-all, ui-menu-item { color: #ccc; background: #333; }

color: #999 !important; }
 * 1) p-search.ui-state-hover, .ui-state-active {

.ui-state-focus, .ui-state-default { color: #999 !important; }

/* non-search dropdowns use intermediate color */ .ui-state-hover, .ui-state-active { color: #ccc; }

border-color: #000; color: #ccc; }
 * 1) mw-searchoptions {

/* margins for mobiles */ margin-left: 2px; margin-right: 2px; } margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
 * 1) p-cactions {
 * 1) mw-body-content {

/* fixes copied from white timeless for visual editor colors */ .parsoid-body {   color: #ccc; }

/* Changes by Notjusttired */ /* make orange brighter using low vision colors */ a { color: #E69F00; } /* unvisited links */ a:link, a:active { color: #E69F00; } .current, .current a { color: #E69F00!important; } /* wanted pages red color */ a.new { color: #FF4444; } /* stubs lighter than low vision sky blue */ a.stub { color: #86d4f9 !important; } /* low vision sky blue shade for visited */ /* mid blue links */ a:visited, a:hover, a.link:visited { color: #56b4e9; } /* external links rapture blue shade */

.mw-body-content a.external, a.external:visited { color: #83BFCE; }

/* caption does site visits */ body, caption { color: #cccccc; } caption big { color: #bbbbbb; font-weight: normal; }

/* set dark colors where missing*/ .right-off-canvas-menu, .left-off-canvas-menu, .off-canvas-list, .sidebar-chunk { background-color: #000; color: #ccc; border-color: #aaa; }
 * 1) mw-wrapper, #mw-header, #mw-header-container,

/* set light colors where missing eg spans */ span, .label { color: #eee; }

.sidebar-inner { background-color: #333; color: #ccc; border-color: #aaa; }

background-color: #000; color: #eee; font-family: Oswald, sans-serif; font-style: italic; font-variant: small-caps; } content: "#"; font-family: Oswald, sans-serif; font-style: italic; font-variant: normal; } div#simpleSearch, .suggestions-special .special-label, .suggestions-result, .suggestions-special .special-query { color: #ccc!important; background-color: #333!important; } border-color: transparent!important; }
 * 1) p-logo-text a, #p-logo-text {
 * 1) p-logo-text a::before {
 * 1) searchButton {

/* Dropdown box autocomplete must not be navy */ /* Search results suggestion box */ .suggestions-results, .suggestions-special { background-color: #000; color: #ccc; border: solid 1px #aaa!important; }

@media screen and (max-width:851px) { background-color: #000; }
 * 1) user-tools {

display: block; }  background-color: #333; }
 * 1) user-tools h2 {
 * 1) user-tools h2 ul {

position: absolute; right: 1em; top: 0; }
 * 1) user-tools {

position: relative; left: -12rem; top: 0.75rem; background-color: transparent; } background-color: #333; }
 * 1) personal-extra {
 * 1) personal-inner {

filter: invert(100%); background: transparent; } } /* end small screen changes */ /**********************************/
 * 1) pt-notifications-alert,
 * 2) pt-notifications-notice {

/* addthis colors */ .addthis_default_style { background-color: #000 !important; border-color: #111; color: #ccc; }

/* Images - transparent images need white background */ .mw-body img { border: 2px solid #000; background-color: #FFF; }

/* gallery image border */ .thumb, .image { margin: 0.5rem auto; background-color: #333 !important; border: 1px solid #000 !important; }

hr { border-color: #000; background-color: #333; }

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

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

.toc, #toc, .gallery, .gallerybox, table, p, div, table ul, table li { background: #333; color: #ccc; border-color: #333; }
 * 1) mw-content-text,
 * 1) mw-content-text ul,
 * 1) p-cactions,

/* Table background colors and allow scroll off side */ table { background-color: #333; color: #ccc; border-color: #000; overflow-x: auto; } th { background-color: #333; color: #ccc; border-color: #000; } tr, td { background-color: #333; color: #ccc; border-color: #000; }

/* Tabular tables - used on main page */ table.wikitable { border-color: #000 !important; color: #ccc; text-align: center; background-color: #000; text-shadow: 2px 2px 4px #000; } .wikitable tr { background-color: #333; border-color: #000; color: #eee; } .wikitable > * > tr > th { background-color: #454544!important; border-color: #000; color: #fff!important; }

.wikitable tr, .wikitable tr td { background-color: #333; border-color: #000 !important; color: #ccc; }

/* JQuery white sort arrows */ table.jquery-tablesorter th.headerSort { filter: invert(100%); } table.jquery-tablesorter th.headerSortUp { filter: invert(100%); } table.jquery-tablesorter th.headerSortDown { filter: invert(100%); } /* search results had defaulted to black, and dark green for date, size under results */ .searchResults { background-color: #333; color: #ccc; } .results-info, .mw-search-result-data { color: #aaa; }

/* Color code snippets incl for errors */ code { background-color: #ccc; color: #000; font-weight:bold; } .error code { color: #FF4444; }

/* wikieditor code */ .wikiEditor-ui, .wikiEditor-section-main { background-color: #000; color: #fff; }

/* Advanced, heading, insert and dropdowns */ .wikiEditor-ui-toolbar div.tabs a:link, .wikiEditor-ui-toolbar div.tabs a:visited, .section-characters div.index div {   background-color: #000; color: #fff; border-color: #333; filter: none!important; }

.wikiEditor-ui-toolbar, .toolbar, .sections, .tabs, .tab { background: #000!important; color: #000!important; border-color: #000; } .oo-ui-iconElement-icon, .oo-ui-icon-search, .oo-ui-indicatorElement-indicator { filter: invert(100%); background-color: transparent!important; } .oo-ui-widget { background: #333; color: #eee; }

/* wikieditor background and icons without text */ .group { background-color: #000!important; color: #fff!important; }

/* Code edit, bold and italic icons */

.group-codeeditor-main, .group-format, .group-size, .group-format span, .group-insert span { filter: invert(100%)!important; background-color: #fff!important; color: #000!important; }

/* Recent changes title area */ fieldset { border-color: #000; background-color: #333; color: #ccc; }

/* add to existing mobile section margins */ padding-left: 1px; padding-right: 1px; color: #ccc; border-color: #333; } } /* end media screen */
 * 1) mw-body, #mw-content {

border-bottom: #E7453A solid 2px; background: #000; border-image: none; }
 * 1) mw-content-block {

background-color: #000; border: 0; } border: 0; border-bottom: #E7453A 5px solid; background: #333; }
 * 1) footer-container,
 * 2) footer-bottom, #mw-footer {
 * 1) mw-content-container {

.mw-body, #mw-content-block { background-image: none; border: 0; } .catlinks { border-image: none; }

/* Visual editor tool colors */

/* Cite button text */ .oo-ui-tool-title, .oo-ui-tool-accel { color: #fff!important ; background: #000!important; }

.oo-ui-tool, .oo-ui-tool-link { background: #000!important; color: #fff!important; }

.oo-ui-toolbar-bar { border-color: transparent ; } .oo-ui-buttonElement-button { background-color: #ccc; color: #333; border-color: #000; }

.oo-ui-clippableElement-clippable { background: #333; color: #ccc }

/* end of visual editor colors */

.mw-body-text { color: #ccc; } .mw-indicators { /* symbols need filter */ background-color: transparent!important; filter: invert(100%); border: none; }

color: #000!important; } background: inherit!important; } .mw-changeslist-legend { background: transparent; color: #ccc!important; }
 * 1) mw-indicator-mw-helplink a {
 * 1) mw-indicator-mw-helplink {

.mw-changeslist-legend-plusminus { color: #ccc; }

.mw-plusminus-null { color: #bbb; }

/* green */ .mw-plusminus-pos { color: #33aa33; }

.autocomment { color: #ccc; }

legend { border-color: #000; color: #ccc!important; background-color: #333!important; } legend a { .current: #eee!important; :link: #eee!important; :visited: #eee!important; }

/* License images */ .layouttemplate tr td img, .layouttemplate tr td p img { filter: invert(100%); background: transparent; border-color: transparent; }

.suggestions-query, .suggestions-special { background-color: #222!important; } /* end of new code */