MediaWiki talk:Timeless.css

What is this page?
This page contains “CSS” code, which controls how the MEpedia interface displays to users. This includes the placement, color, size, and font of buttons, links, windows, and text. The CSS code that controls the MEpedia interface is stored in three locations:
 * 1) The ‘skin’ contains most of the CSS code, and this basic ‘skin’ code can not be changed.  However, an MEpedia user can select from a list of different skins in their user preferences.  For example, a user can select either the “Pivot” skin or the “Vector” skin.
 * 2) The MediaWiki:Common.css page contains MEpedia-specific changes to the CSS code that will apply to ALL skins available at MEpedia.
 * 3) Each skin has a page that contains MEpedia-specific changes to the CSS code that will apply to ONLY that skin.  For example, MediaWiki:Pivot.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) User:JenB Can you copy this code below over to MediaWiki:Timeless.css. notjusttired (talk) 18:11, June 1, 2019 (EDT)

/* 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, a:link, a:active { /* unvisited links */ color: #E69F00; } .current, .current a { /* Content types etc on search results */ color: #E69F00!important; } /* 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; } /* external links rapture blue shade */ .mw-body-content a.external, a.external:visited { color: #83BFCE; }

/* 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-color: #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: #ccc; 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

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

.gallery, .gallerybox, #mw-content-text ul, table, p, div, table ul, table li { background: #333; color: #ccc; border: #000; }

@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; } filter: invert(100%); background-color: transparent; } } /* end small screen changes */ /**********************************/
 * 1) personal-extra {
 * 1) personal-inner {
 * 1) pt-notifications-alert,
 * 2) pt-notifications-notice {

/* orange */ .mw-parser-output a.external { color: #ff9900; }	background: #333; }	border: inset 1px #000; border-radius: 3px; } /* Dropdown box autocomplete must not be navy */ /* Search results suggestion box */ .suggestions-results, .suggestions-special { background-color: #000; border: solid 1px #aaa!important; color: #ccc; }
 * 1) searchInput-container {
 * 1) simpleSearch {

div#simpleSearch, .suggestions-special .special-label, .suggestions-result, .suggestions-special .special-query { color: #ccc!important; background-color: #333!important; } border-color: transparent!important; }
 * 1) searchButton {

.mw-notification { background: #000; border: #333; border-radius: 5px; color: #999; } .mw-wiki-logo { background-size: contain; } background-color: #000; color: #eeeeee; font-family: Oswald, sans-serif; font-style: italic; font-variant: small-caps; } content: "#"; font-family: Oswald, sans-serif; font-style: italic; font-variant: normal; margin-right: -0.3em; }
 * 1) p-logo-text a, #p-logo-text {
 * 1) p-logo-text a::before {

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

/* 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; border-bottom: #000 solid 2px; border: none; }
 * 1) mw-content-block {

background-color: #000; border: none; }
 * 1) footer-container,
 * 2) footer-bottom, #mw-footer {

border-bottom: #E7453A 5px solid; background: #333; } .mw-body { border: none; color: #ccc; }
 * 1) mw-content-container {

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; overflow: hidden; } .color-bar { background: #E7453A ; }

/* 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%); } @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; } /* 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: 2px solid #000 !important; }

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

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

/* Visual editor colors */ .oo-ui-toolbar-bar { background: #000; color: #000; border: 0; }

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

/* Cite button text */ .oo-ui-tool-title, .oo-ui-tool-accel { color: #fff!important ; } .oo-ui-tool, .oo-ui-tool-link { background: #000; color: #fff!important; } .oo-ui-toolbar-bar { border: transparent ; } .oo-ui-buttonElement-button { background-color: #444; color: #eee; border: 2px outset #000; } /* end of visual editor colors */

.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; } .mw-body-text { color: #ccc; } .mw-indicators { /* symbols need filter */ background-color: transparent!important; filter: invert(100%); border: none; }
 * 1) wpSave {
 * 1) mw-footer-container {
 * 1) searchInput {
 * 1) pagehistory li.selected {

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; } .mw-plusminus-neg { color: #FF0000; } .autocomment { color: #ccc; } 	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; }
 * 1) mw-footer-container a:hover {
 * 1) mw-footer-container a:visited {

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; }

/* search results had defaulted to black, and dark green for date, size under results */ .searchResults { background-color: #333; color: #aaa; } .results-info, .mw-search-result-data { color: #aaa; } .shortcutbox { background: #222; }

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

/* wikieditor controls */ .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #000; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #000; } .wikiEditor-ui, .wikiEditor-section-main {   background-color: #333!important; filter: none; color: #ccc ; }

/* wikieditor code, bold and italics */ .group-codeeditor-main, .group.group-format, .group-size, .group-format span, .group-insert span { background-color: #fff!important; color: #333!important; filter: invert(100%)!important; }

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

.wikiEditor-ui-toolbar div.tabs a:link, .wikiEditor-ui-toolbar div.tabs a:visited, .section-characters div.index div { background-color: #000; color: #fff; filter: none!important; }

.wikiEditor-ui-toolbar, .toolbar, .sections, .tabs, .tab { background-color: #000!important; color: #000!important; border-color: #000; }

.oo-ui-widget { background: #333; color: #eee; } /* wikieditor tools end */

/* Recent changes title area */ fieldset { border: #000; background-color: #333; color: #fff; border: #333 solid 1px; }

/* add to existing mobile section margins */ padding-left: 1px; padding-right: 1px; } legend { border: 1px solid #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; }
 * 1) mw-body, #mw-content {

.suggestions-query, .suggestions-special { background-color: #222!important; }

/* end of dark CSS Jun 1 2019*/