User:Njttest/timeless.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
(copy from njt timeless.css)
 
(remove code except buttons and echo - some duplicate here here?)
 
Line 1: Line 1:
/* test code for echo alert */
/* test code for echo alert */


/* Visual wikieditor colors */
.oo-ui-toolbar-bar {
background-color: #000;
color: #000;
border-color: #000;
}
.oo-ui-tool, .oo-ui-tool-link
{
  background-color: #000;
  color: #fff!important;
}


/* was .oo-ui-widget {
/* was .oo-ui-widget {
Line 56: Line 44:
   color: #56b4e9;
   color: #56b4e9;
}
}
/* remove gradients mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.toolbar-apex.less */


.wikiEditor-ui-toolbar,
 
.tool-active {
  background-image: none;
}
.booklet,
.booklet > .index > :hover,
.booklet > .index > .current {
  background-color: #333;
}
#wikiEditor-section-characters > .index > .current,
#wikiEditor-section-characters > .index > .current:hover,
#wikiEditor-section-help .index > .current,
#wikiEditor-section-help .index > .current:hover,
.toolbar > .current,
.ve-ui-specialCharacterPage h3 {
  color: #56b4e9;
}
/* jquery.wikiEditor.toolbar-wikimedia.less  
/* jquery.wikiEditor.toolbar-wikimedia.less  
  jquery.wikiEditor.toolbar.less
  jquery.wikiEditor.toolbar.less
Line 127: Line 98:
}
}


.wikiEditor-ui-toolbar .tabs span.tab a:visited,
 
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.toolbar > a:visited {
    color: #56b4e9;
}
.wikiEditor-ui-toolbar .page-table th,
.toolbar .page-table th {
  color: #eee;
}
.wikiEditor-ui-toolbar .page-table > td,
.toolbar .page-table > td,
.wikiEditor-ui-toolbar .page-characters div,
#wikiEditor-section-help > div.index,
.pages .page {
  background-color: #000;
}
.wikiEditor-ui-toolbar .page-characters div > span,
.wikiEditor-ui-toolbar .page-characters div > span,
#wikiEditor-section-help > div,
#wikiEditor-section-help > div,
Line 164: Line 120:
}
}


#wikiEditor-section-characters,
.booklet .section, section-characters > a,
#wikiEditor-section-characters div.index,
#wikiEditor-section-help > div,
.wikiEditor-ui-toolbar > .index {
  background-color: #333;
  color: #ccc;
  filter: none;
}
#wikiEditor-section-characters div div,
#wikiEditor-section-characters div div.current {
  background: #000;
  color: #eee;
}


.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-wrapper {
  background: #333;
}
.wikiEditor-ui-toolbar .ui-widget table td.wikieditor-toolbar-table-preview-frame {
  background: #000;
}


.wikiEditor-ui-toolbar .page-characters div span:hover,
 
.toolbar > .page-characters div span:hover {
  background-color: #000;
  color: #eee;
}
.wikiEditor-ui-toolbar .group .tool-select
.wikiEditor-ui-toolbar .group .tool-select
.menu .options .option:hover,
.menu .options .option:hover,
Line 204: Line 136:




/* delete box shadow from existing */
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
    box-shadow: none;
    border-radius: 0;
    border: 0;
  }


/* Can be removed once lines above deleted */
/* Can be removed once lines above deleted */
Line 218: Line 143:
}
}


/* Smallish screens display a white section without this */
#mw-header-hack {
  background-color: #000;
  border-color: #E7453A;
}
#mw-header-nav-hack {
  background: #000;
}


/* :link etc order to lvha
*/
/* alert background */
#menus-cover {
  background: #000;
}
/* works - display file info from
  mediawiki/resources/src/mediawiki.action/mediawiki.action.view.filepage.css
*/
#filetoc {
border: 1px solid #000;
background-color: #333;
}
.mw_metadata td, .mw_metadata th {
border: 1px solid #000;
}
.mw_metadata th, .mw_metadata td {
background: #333;
}


.footer-places {
  background: #000!important;
}


/* black banner behind menus */
.ts-inner, .ts-container {
  background: #000;
}


/* Menus */
#mw-site-navigation,
#mw-related-navigation,
#site-tools,
#page-tools,
#user-tools {
  background-color: #000;
  border: 0;
  box-shadow: none;
}
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner {
  border: 1px solid #aaa;
}


.mw-notification {
.mw-notification {
Line 279: Line 154:
   color: #aaa;
   color: #aaa;
}
}
.postedit-container {
 
position: absolute;
 
left: 0;
 
right: 0;
margin-left: auto;
margin-right: auto;
        padding: 0;
        padding: 15px 0 15px 15px;
        text-align: right;
}
.postedit-icon {
margin: auto;
padding: 0;
}
/*
/*
  Visited page tabs eg view source on road only pages
  Visited page tabs eg view source on road only pages
Line 309: Line 173:
}
}


#mw-page-header-links li a:visited,
#mw-page-header-links > a:visited span,
li.selected a:visited > span {
  background-color: transparent;
  /* lighter sky blue */
  color: #86d4f9;
  filter: none;
}


/* mediawiki.skinning / interface.css */
 
.usermessage {
  background-color: #222;
  border: 1px solid #aaa;
  color: #fff;
}
.icons,
.icons,
  .ca-icon,.ca-icon-only,
  .ca-icon,.ca-icon-only,
Line 331: Line 182:




/* working - upload file and textarea fixes  */
td.mw-input input {
  border-color: #eee!important;
}


textarea, #wpUploadDescription {
  color: #ccc;
  background: #000;
}


/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
Line 358: Line 201:
  filter: invert(100%)!important;
  filter: invert(100%)!important;
}
}
/* May not be needed
.mw-echo-ui-notificationItemWidget * {
background-color: transparent!important ;
}
*/


.mw-echo-ui-notificationItemWidget-notify-description.mw-echo-ui-notificationItemWidget-icon > img {
 
  filter:  none!important;
}


/* Visual editor colors  
/* Visual editor colors  
Line 390: Line 225:
  color: #ccc;
  color: #ccc;
}
}
.oo-ui-toolbar,
 
.oo-ui-toolbar-bar {
 
  background-color: #000;
  color: #eee;
}
/* temporary */
.oo-ui-toolbar-tools {
  border: 0;
}


.oo-ui-optionWidget-highlighted {
.oo-ui-optionWidget-highlighted {
Line 438: Line 266:
/* Low vision sky blue shade calculated since invert gave orange  */
/* Low vision sky blue shade calculated since invert gave orange  */
.oo-ui-icon-bell, .oo-ui-icon-message {  
.oo-ui-icon-bell, .oo-ui-icon-message {  
/*
  background-color: transparent;
filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%)!important;
*/
     filter: none !important;
     filter: none !important;
  }
  }
Line 450: Line 274:
}
}
  .mw-echo-special-navbar-top {  
  .mw-echo-special-navbar-top {  
     filter: invert(100%) grayscale(100%) !important;
     filter: invert(100%) !important;
  }
  }


Line 475: Line 299:
  .oo-ui-image-invert.oo-ui-icon-message,
  .oo-ui-image-invert.oo-ui-icon-message,
  .oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
  .oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
     filter: invert(76%) sepia(11%) saturate(2256%) hue-rotate(175deg) brightness(106%) contrast(95%);
     filter: invert(100%);
}
}
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
Line 616: Line 440:
}
}
.mw-echo-date-section {
.mw-echo-date-section {
   color: #333;
   color: #ccc;
}
}
.mw-echo-special-notifications .mw-echo-notification {
.mw-echo-special-notifications .mw-echo-notification {
Line 652: Line 476:


[class*="oo-ui-icon-"] {
[class*="oo-ui-icon-"] {
/* includes -
.oo-ui-icon-ref-cite-book, .oo-ui-icon-ref-cite-journal, .oo-ui-icon-ref-cite-tweet, .oo-ui-icon-ref-cite-reference, .oo-ui-icon-ref-cite-news, .oo-ui-icon-ref-cite-referenceExisting, .oo-ui-icon-ref-cite-references {
*/
   filter: invert(100%);
   filter: invert(100%);
}
}
.oo-ui-image-invert,
.oo-ui-image-invert,
.oo-ui-image-invert.oo-ui-icon-ref-cite-book,
 
.oo-ui-image-invert.oo-ui-icon-ref-cite-journal,
.oo-ui-image-invert.oo-ui-icon-ref-cite-tweet,
.oo-ui-image-invert.oo-ui-icon-ref-cite-reference,
.oo-ui-image-invert.oo-ui-icon-ref-cite-references,
.oo-ui-image-invert.oo-ui-icon-ref-cite-referenceExisting,
.oo-ui-image-invert.oo-ui-icon-ref-cite-newspaper,
.oo-ui-image-invert [class*="oo-ui-icon"] {
.oo-ui-image-invert [class*="oo-ui-icon"] {
   filter: none;
   filter: none;
Line 674: Line 489:
}
}


/* Cite extension styles mediawiki-extensions-Cite/modules/ext.cite.styles.css */


/* mediawiki-extensions-Citoid/modules/wikibase/ */


/* Not used - will inherit
.ve-init-target-ie,
.wikibase-citoid-search,
.wikibase-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-mwReferenceResultWidget,
.ve-ce-mwReferencesListNode,
.ve-ui-mwReferenceSearchWidget,
.ve-ui-mwReferenceSearchWidget-citation,
.ve-ui-mwReferenceSearchWidget-name {
color: #ccc;
background: #333;
        filter: none;
}
.ve-ce-generated-wrapper {
background: #000;
        color: #ccc;
}
*/
.ve-ui-citeFromIdInspector >.oo-ui-labelElement-label,
.ve-ui-citoidInspector-search,
.ve-ui-citoidInspector-sourceSelect,
.ve-ui-citoidReferenceWidget,
.ve-ui-previewElement {
color: #ccc;
        filter: none;
}
/* fixing right personal menus */
#personal {
background: #000;
border: #aaa;
}
#personal-extra ul {
  background: #000;
}
#personal-inner h3 ul {
  background: #333;
}
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css */


/* Overlays */
/* Overlays */
Line 733: Line 505:
/* set text color with label after */
/* set text color with label after */
   background-color: #333;
   background-color: #333;
  background-image: none;
 
}
}


Line 863: Line 635:
}
}


/* radio buttons */
 
.oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
  border-color: #aaa;
}
/* popup for references used */
.referencetooltip li {
  background-color: inherit;
  border-color: #aaa;
}
.oo-ui-popupWidget-body {
.oo-ui-popupWidget-body {
   background-color: #000;
   background-color: #000;
Line 898: Line 662:
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
   border-left-color: #fff;
   border-left-color: #fff;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
  background-color: #000;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span {
  background-color: #ccc;
  border-color: #aaa;
  box-shadow: inset 0 0 0 1px #ccc;
}
}


.oo-ui-dropdownInputWidget-php {
  border-right: 1px solid #333;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
  background-color: #000;
  color: #ccc;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
   background-color: #000;
   background-color: #000;
Line 926: Line 674:
}
}


.oo-ui-radioInputWidget [type='radio'] + span {
 
  background-color: #000;
 
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
  border-color: #aaa;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio'] + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
}
.oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
  background-color: #fff;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
  background-color: #000;
  color: #eee;
  border: 1px solid #333;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
  background-color: #333;
  color: #aaa;
}
.oo-ui-menuSelectWidget {
.oo-ui-menuSelectWidget {
   background-color: #000;
   background-color: #000;
Line 965: Line 685:
   color: #ccc;
   color: #ccc;
}
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background-color: #333;
  color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
  background-color: #000;
  color: #ccc;
  border-color: #333;
}


.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
  background-color: #333;
  color: #eee;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
  background-color: #000;
  color: #ccc;
}


.oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #ccc;
}


/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css */
.oo-ui-panelLayout {
  background-color: #333;
  color: #ccc;
}


/* buttons
 
mediawiki/resources/src/mediawiki.ui/components/buttons.less
 
*/
 


/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
Line 1,019: Line 713:




/* alert and message dropbown ul */
/* test wider screens alert drop */
.dropdown-menu {
    background-color: #333;
    color:  #ccc;
}


/* replace existing dropdown  */
#personal .dropdown,
.dropdown {
  background: #000;
  color:  #eee;
  border-color: #aaa;
}




/* Low vision sky blue icons repeat code */
 
/* works - for all sizes - move out of small screen only  */


/* from original move to all screen sizes */  
/* from original move to all screen sizes */  
Line 1,046: Line 726:
}
}


/* hide external link icons - not working  */
.mw-parser-output a.external:after, .link-https:after,
a.external:after {
  background-image: none;
}


/* add to Search results section  */
/* mediawiki/resources/src/mediawiki.special.search.styles.css */
.mw-search-profile-tabs,
  #mw-searchoptions {
    background: #333!important;
    border: 1px solid #aaa;
}
.search-types .current a {
/* low vision sky blue  */
    color: #56b4e9;
}
.mw-search-interwiki-project {
  background-color: #333;
  border-top: 1px solid #aaa;
}


.searchdidyoumean {
 
color: #ccc;
}


/* from timeless/resources/ooui.css
/* from timeless/resources/ooui.css
Line 1,086: Line 744:
     color: #eee;
     color: #eee;
}
}
/* May needed for forms */
div.editOptions {
border-color: #eee;
color: #ccc;
}
/* timeless skin resources/forms.less */
input, .mw-editfont {
  color: #ccc;
}
.mw-input-with-label {
  color: #eee;
}
/* Don't show link icons when editing */
.ve-ce-linkAnnotation:before,
.ve-ce-linkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:before {
content: "";
width: 0;
height: 0;
background-image: none;
visibility: hidden;
}
/* hide colored link icons for external links */
.oo-ui-icon-linkExternal:after,
  .oo-ui-image-invert.oo-ui-icon-linkExternal:after {
background-image: none!important;
}
/* new color code works  */
#siteSub {
  color: #ccc;
  display: block;
}
.mw-body, ul, .toctoggle {
background: #333;
}
/* dismissive site notice border uses class in MediaWiki:SiteNotice */
.white-border {
    border-color: white!important;
}
/* page toolbar was light gray before */
.addthis_default_style {
background: #333;
}
/* fix black stripe over gray in footer */
#mw-content-text {
background: #333;
}
/* Visual editor editing page - symbols around link and after reference */
/*.ve-ce-chimera, .ve-ce-chimera-webkit,
*/
.ve-ce-nail {
filter: none;
color: #333;
}
/* screen-desktop-small.less */
.dropdown, .pokey {
        background: #000! important;
color: #ccc;
}
#p-variants-desktop .dropdown .selected a {
    background: #000;
    color: #ccc;
}
/* screen-mobile.less */
/*
.thumbinner
.thumb
.thumbimage
.floatleft,
.tleft
.mw-warning
*/






/* mediawiki/resources/src/mediawiki.ui/components/inputs.less */
.mw-ui-input {
background-color: #000;
color: #ccc;
border: #aaa;
box-shadow: inset 0 0 0 1px #eee;
}


/* mediawiki/mw-config/config.css */
.config-page-list {
border: 1px solid #666;
background: #000;
        color: #ccc;
}
.config-page {
background: #111;
        color: #ccc;
}
.config-page-disabled {
color: #666;
}
/* tooltip styles */
.config-help-field-hint {
color: #56b4e9;
}
.config-help-field-data {
background-color: #222;
        color:            #ccc;
border: 1px solid #aaa;
}
/* mediawiki/resources/src/mediawiki.filewarning/filewarning.less
*/
.mediawiki-filewarning-footer {
color: #aaa;
}


/*
mediawiki/resources/src/mediawiki.htmlform.ooui.styles.less
*/
.mw-htmlform-matrix tbody tr:nth-child( even ) td,
.mw-htmlform-matrix tbody tr:hover td {
  background-color: #141414;
}


/* mediawiki/resources/src/mediawiki.skinning/elements.css */
/* Interwiki & External links */
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active,
a.interwiki, a.interwiki:hover,
  a.interwiki:visited,
/* up arrow for reference list looks better in ext link color  */
.mw-cite-backlink {
/* light gray without link icon  */
color: #A7C5DC;
        background-image: none;
}
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.interwiki:hover {
color: #eee;
}


/* Echo.less */
/*
.mw-echo-ui-notificationBadgeButtonPopupWidget
.mw-echo-ui-overlay .mw-echo-alert
  .mw-echo-ui-overlay {
.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
.oo-ui-clippableElement-clippable {
*/


/* VisualEditor.core.less
/* VisualEditor.core.less
Line 1,265: Line 762:
background-color: #333;
background-color: #333;
         color: #aaa;
         color: #aaa;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading3 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading4 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading5 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading6 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools > .oo-ui-tool-title {
  background-color: #000;
  color: #ccc;
}
.ve-ce-surface-highlights-user-selection {
background-color: #454545;
}
.ve-ce-surface-highlights-user-cursor {
background-color: #454545;
}
.ve-ce-surface-highlights-user-cursor-label {
background-color: #454545;
color: #eee;
}
/* VisualEditor src/ui/styles/dialogs/ve.ui. ToolbarDialog.css and ve.ui.CommandHelpDialog.css ve.ui.FindAndReplaceDialog.css */
.ve-ui-toolbarDialog-position-side {
  background: #000;
}
.ve-ui-commandHelpDialog-list dt kbd > kbd {
  background-color: #000;
  color: #ccc;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 0 0 2px #000 inset;
  text-shadow: 0 1px 0 #000;
}
}


.ve-ui-findAndReplaceDialog-findResult > div {
/* green */
  background: #33cc33;
}
.ve-ui-findAndReplaceDialog-findResult-focused > div {
/* darker green but AA compliant  */
  background: #18BB0B;
}
/* VisualEditor/src/ui/styles/ve.ui.DebugBar.css */
.ve-ui-debugBar-dump > table,
  .ve-ui-debugBar-filibuster {
background-color: #000;
border: 1px solid #aaa;
}
.ve-ui-debugBar-dump td {
background-color: #000;
}
.ve-ui-debugBar-dump th {
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump ol {
color: #999;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
  background-color: #000;
  color: #ccc;
  text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #222;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ce-languageAnnotation  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: #eee;
}
/* Visual editor extension - ve.ui.mobilecontext.css and ve.ui.tableLineContext.css */
.ve-ui-mobileContext {
  background: #000;
/* Match toolbar border & shadow */
  border-top: 1px solid #aaa;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
/* was very light blue */
   background-color: #222;
   background-color: #222;
}
}
/* VisualEditor/src/ui/styles/contextitems
  ve.ui.LanguageContextItem.css and ve.ui.linkContextItem.css ve.ui.DiffElement.css */
.ve-ui-languageContextItem .ve-ui-linearContextItem-body {
  color: #ccc;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
  color: #999;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
  background: #b6d4fb; /* #6da9f7 at 50% opacity */
}
.ve-ui-diffElement-attributeChange {
  color: #999;
}
.ve-ui-diffElement-attributeChange del {
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #333;
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='insert' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='insert' ] > caption,
figure[ data-diff-action='insert' ] > figcaption {
  background-color: #555 !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 0 0 1px #555;
}
[ data-diff-action='remove' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='remove' ] > caption,
figure[ data-diff-action='remove' ] > figcaption {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
.ve-ui-diffElement-no-changes,
.ve-ui-diffElement-spacer {
color: #999;
}
/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder {
.ve-init-mw-desktopArticleTarget-toolbar {
}
*/
/* VisualEditor /src/ui/styles/widgets ve.ui.AuthorItemWidget.css and ve.ui.ContextOptionWidget.css */
.ve-ui-authorItemWidget-colorPicker .color-picker-control {
  border-color: #aaa;
  background: #000;
}
.ve-ui-authorItemWidget-editable .ve-ui-authorItemWidget-color {
  outline: 1px solid #aaa;
}
.ve-ui-contextOptionWidget .oo-ui-labelElement-label {
  color: #ccc;
}
.ve-ui-languageResultWidget-otherMatch {
  color: #999;
}
/*  VisualEditor /src/ce/styles/annotations/ ve.ce.CommentAnnotation.css etc  */
.ve-ce-commentAnnotation {
  box-shadow: 0 0 0 1px rgba(170,170,170,0.5); /* yellow changed to gray #aaa over #333 background */
  background: rgba( 51, 51, 51, 0.5 );
}
.ve-ce-commentAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #aaa;
  background: #aaa;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.LinkAnnotation.css */
/* was very light blue  */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #000;
  background-color: #333;
}
/* VisualEditor /src/ce/styles/nodes/ ve.ce.AlienNode.css */
.ve-ce-alienNode-highlights .ve-ce-focusableNode-highlight {
  background-color: #555;
}
.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
  outline: 1px dashed #333;
  background-color: rgba( 0, 0, 0, 0.75 );
}
/* handle background images */
.ve-ce-checkListItemNode:before,
.ve-ce-checkListItemNode-checked:before,
.ve-ce-contentBranchNode:empty:before {
  filter: invert(100%);
}
.ve-ce-checkListItemNode,
.ve-ce-checkListItemNode-checked {
  filter: none;
}
.ve-ce-checkListItemNode-checked {
  color: #aaa;
}
.ve-ce-focusableNode-highlight {
/* was blue with dark teal border */
  background: #333;
  box-shadow: inset 0 0 0 1px #36c;
}
.ve-ce-focusableNode-highlights-deactivated .ve-ce-focusableNode-highlight {
  background: #aaa;
}
/* VisualEditor src/ce/styles/nodes/ ve.ce.ResizableNode.css */
.ve-ce-resizableNode-sizeText {
  border: 1px solid #aaa;
  background-color: #000;
  filter: none;
}
.ve-ce-resizableNode-sizeText span:not( :first-child ) {
  border-left: 1px solid #aaa;
}
.ve-ce-resizableNode-sizeText-warning {
  background-color: #333;
  border-color: #eee;
}
/* invert due to background images */
.ve-ce-resizableNode-handles-resizing,
.ve-ce-resizableNode-nwHandle,
.ve-ce-resizableNode-seHandle,
.ve-ce-resizableNode-neHandle,
.ve-ce-resizableNode-swHandle {
  filter: invert( 100%);
}
.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode *::selection,
.ve-ce-tableNodeOverlay-selection-box,
.ve-ce-surface-deactivatedSelection > div {
  background: rgba( 60, 60, 60, 0.5 );
/* was light blue, now darker gray */
}
.ve-ce-tableNodeOverlay-deactivated .ve-ce-tableNodeOverlay-selection-box {
  background: rgba( 255, 255, 255, 0.3 );
}
/* VisualEditor /src/ce/styles/ ve.ce.Surface.css */


.ve-ce-surface-deactivatedSelection-showAsDeactivated > div {
  background-color: #aaa;
}
.ve-ce-surface-dropMarker {
  background-color: #aaa;
}
.ve-ce-surface-highlights-user-selection {
  background-color: #333;
}
.ve-ce-surface-highlights-user-cursor {
  background: #000;
}
.ve-ce-surface-highlights-user-cursor-label {
  background: #ccc;
  color: #000;
  text-shadow: 0 0 1px rgba( 255, 255, 255, 0.5 );
}
/* VisualEditor standalone installation
VisualEditor/ src/init/sa/styles/ ve.init.sa.Platform.css */
.ve-init-notification {
  background: #000;
  border: 1px solid #aaa;
  box-shadow: 0 2px 2px 0 rgba( 255, 255, 255, 0.25 );
}


/* Visual editor article */
/*
.client-js {
.mw-editsection-divider
#ca-edit a { .ca-icon( '../images/pencil-source-grey' );
}
#ca-ve-edit a {.ca-icon( '../images/pencil-grey' );
}
#ca-ve-edit a, .ca-icon-only
.client-nojs,  .ve-not-available {
.mw-editsection a {
*/


/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 851px) {
  #p-logo {
    background-color: #fff;
    background-size: contain;
  }
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
  #mw-header {
    background-color: #000;
  }
.color-bar {
  border-color: transparent;
}
#mw-related-navigation,
.sidebar-chunk,
#page-tools,
#user-tools,
#personal {
    background: #000 !important;
    box-shadow: none;
    border: 0;
  }
}




Line 1,578: Line 777:
color: #eee;
color: #eee;
}
}
.oo-ui-panelLayout-expanded {
 
color: #ccc;
}
.oo-ui-messageDialog-message {
.oo-ui-messageDialog-message {
color: #eee;
color: #eee;
Line 1,592: Line 789:
*/
*/


.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-color: #aaa !important;
text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
.oo-ui-flaggedElement-destructive {
background-color: #333;
background-color: #333;
Line 1,622: Line 815:




/* edit MediaWiki:Timeless.css to remove code so this won't  be needed  */
 
fieldset {
background-color: inherit;
}




Line 1,633: Line 823:
color: #eee;
color: #eee;
}
}
.mw-widget-dateInputWidget-calendar,
 
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
 
background-color: #000;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: initial;
color: #eee;
}
.mw-widget-calendarWidget-day {
color: #ccc;
}
.mw-widget-calendarWidget-day-additional {
color: #eee;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
color: #ccc;
Line 1,671: Line 845:




.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;
}
.oo-ui-labelElement-label {
text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
.oo-ui-panelLayout-expanded {
background-color: #333;
background-color: #333;
Line 1,695: Line 864:
outline: 1px solid #141414;
outline: 1px solid #141414;
}
}
.wikiEditor-ui .wikiEditor-ui-view {
 
border-color: #000;
 
}
 
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
textarea[style] {
background-color: #333 !important;
color: #fff;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
   /* inverted */
   /* inverted */
Line 1,710: Line 872:
border-color: #aaa;
border-color: #aaa;
}  
}  
/*
 
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget > a.oo-ui-buttonElement-button,
 
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
   color: #eee;
   color: #eee;
Line 1,726: Line 887:
   filter: invert(100%)!important;
   filter: invert(100%)!important;
}
}
/* mediawiki/resources/src/mediawiki.ui/components/inputs.less */
.mw-ui-input {
background-color: #000;
color: #ccc;
border: #aaa;
box-shadow: inset 0 0 0 1px #eee;
}
/* mediawiki/mw-config/config.css */
.config-page-list {
border: 1px solid #666;
background: #000;
        color: #ccc;
}
.config-page {
background: #111;
        color: #ccc;
}
.config-page-disabled {
color: #666;
}
/* tooltip styles */
.config-help-field-hint {
color: #56b4e9;
}
.config-help-field-data {
background-color: #222;
        color:            #ccc;
border: 1px solid #aaa;
}
/* mediawiki/resources/src/mediawiki.filewarning/filewarning.less
*/
.mediawiki-filewarning-footer {
color: #aaa;
}
/*
mediawiki/resources/src/mediawiki.htmlform.ooui.styles.less
*/
.mw-htmlform-matrix tbody tr:nth-child( even ) td,
.mw-htmlform-matrix tbody tr:hover td {
  background-color: #141414;
}
/* mediawiki/resources/src/mediawiki.skinning/elements.css */
/* Interwiki & External links */
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active,
a.interwiki, a.interwiki:hover,
  a.interwiki:visited,
/* up arrow for reference list looks better in ext link color  */
.mw-cite-backlink {
/* light gray without link icon  */
color: #A7C5DC;
        background-image: none;
}
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.interwiki:hover {
color: #eee;
}
/* Echo.less */
/*
.mw-echo-ui-notificationBadgeButtonPopupWidget
.mw-echo-ui-overlay .mw-echo-alert
  .mw-echo-ui-overlay {
.oo-ui-popupWidget-anchored > .oo-ui-popupWidget-anchor {
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
.oo-ui-clippableElement-clippable {
*/
/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
background-color: #000;
        color: #ccc;
}
.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
background-color: #333;
        color: #aaa;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading3 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading4 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading5 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading6 .oo-ui-tool-title,
.oo-ui-menuToolGroup-tools > .oo-ui-tool-title {
  background-color: #000;
  color: #ccc;
}
.ve-ce-surface-highlights-user-selection {
background-color: #454545;
}
.ve-ce-surface-highlights-user-cursor {
background-color: #454545;
}
.ve-ce-surface-highlights-user-cursor-label {
background-color: #454545;
color: #eee;
}
/* VisualEditor src/ui/styles/dialogs/ve.ui. ToolbarDialog.css and ve.ui.CommandHelpDialog.css ve.ui.FindAndReplaceDialog.css */
.ve-ui-toolbarDialog-position-side {
  background: #000;
}
.ve-ui-commandHelpDialog-list dt kbd > kbd {
  background-color: #000;
  color: #ccc;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 0 0 2px #000 inset;
  text-shadow: 0 1px 0 #000;
}
.ve-ui-findAndReplaceDialog-findResult > div {
/* green */
  background: #33cc33;
}
.ve-ui-findAndReplaceDialog-findResult-focused > div {
/* darker green but AA compliant  */
  background: #18BB0B;
}
/* VisualEditor/src/ui/styles/ve.ui.DebugBar.css */
.ve-ui-debugBar-dump > table,
  .ve-ui-debugBar-filibuster {
background-color: #000;
border: 1px solid #aaa;
}
.ve-ui-debugBar-dump td {
background-color: #000;
}
.ve-ui-debugBar-dump th {
color: #ccc;
text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump ol {
color: #999;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
  background-color: #000;
  color: #ccc;
  text-shadow: 0 1px 1px #000;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: #222;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ce-languageAnnotation  {
background-color: #333;
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: #eee;
}
/* Visual editor extension - ve.ui.mobilecontext.css and ve.ui.tableLineContext.css */
.ve-ui-mobileContext {
  background: #000;
/* Match toolbar border & shadow */
  border-top: 1px solid #aaa;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
  background-color: #222;
}
/* VisualEditor/src/ui/styles/contextitems
  ve.ui.LanguageContextItem.css and ve.ui.linkContextItem.css ve.ui.DiffElement.css */
.ve-ui-languageContextItem .ve-ui-linearContextItem-body {
  color: #ccc;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
  color: #999;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
  background: #b6d4fb; /* #6da9f7 at 50% opacity */
}
.ve-ui-diffElement-attributeChange {
  color: #999;
}
.ve-ui-diffElement-attributeChange del {
  background-color: #000;
  box-shadow: 0 0 0 1px #000;
}
.ve-ui-diffElement-attributeChange ins {
background-color: #333;
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='insert' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='insert' ] > caption,
figure[ data-diff-action='insert' ] > figcaption {
  background-color: #555 !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 0 0 1px #555;
}
[ data-diff-action='remove' ],
/* elements using display:table-caption need separate backgrounds */
table[ data-diff-action='remove' ] > caption,
figure[ data-diff-action='remove' ] > figcaption {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
[ data-diff-action='change' ],
[ data-diff-action='change-insert' ] {
background-color: #333 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: 0 0 0 1px #333;
}
.ve-ui-diffElement-no-changes,
.ve-ui-diffElement-spacer {
color: #999;
}
/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode,
.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder {
.ve-init-mw-desktopArticleTarget-toolbar {
}
*/
/* VisualEditor /src/ui/styles/widgets ve.ui.AuthorItemWidget.css and ve.ui.ContextOptionWidget.css */
.ve-ui-authorItemWidget-colorPicker .color-picker-control {
  border-color: #aaa;
  background: #000;
}
.ve-ui-authorItemWidget-editable .ve-ui-authorItemWidget-color {
  outline: 1px solid #aaa;
}
.ve-ui-contextOptionWidget .oo-ui-labelElement-label {
  color: #ccc;
}
.ve-ui-languageResultWidget-otherMatch {
  color: #999;
}
/*  VisualEditor /src/ce/styles/annotations/ ve.ce.CommentAnnotation.css etc  */
.ve-ce-commentAnnotation {
  box-shadow: 0 0 0 1px rgba(170,170,170,0.5); /* yellow changed to gray #aaa over #333 background */
  background: rgba( 51, 51, 51, 0.5 );
}
.ve-ce-commentAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #aaa;
  background: #aaa;
}
/* VisualEditor /src/ce/styles/annotations/ ve.ce.LinkAnnotation.css */
/* was very light blue  */
.ve-ce-linkAnnotation.ve-ce-annotation-active {
  box-shadow: 0 0 0 1px #000;
  background-color: #333;
}
/* VisualEditor /src/ce/styles/nodes/ ve.ce.AlienNode.css */
.ve-ce-alienNode-highlights .ve-ce-focusableNode-highlight {
  background-color: #555;
}
.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
  outline: 1px dashed #333;
  background-color: rgba( 0, 0, 0, 0.75 );
}
/* handle background images */
.ve-ce-checkListItemNode:before,
.ve-ce-checkListItemNode-checked:before,
.ve-ce-contentBranchNode:empty:before {
  filter: invert(100%);
}
.ve-ce-checkListItemNode,
.ve-ce-checkListItemNode-checked {
  filter: none;
}
.ve-ce-checkListItemNode-checked {
  color: #aaa;
}
.ve-ce-focusableNode-highlight {
/* was blue with dark teal border */
  background: #333;
  box-shadow: inset 0 0 0 1px #36c;
}
.ve-ce-focusableNode-highlights-deactivated .ve-ce-focusableNode-highlight {
  background: #aaa;
}
/* VisualEditor src/ce/styles/nodes/ ve.ce.ResizableNode.css */
.ve-ce-resizableNode-sizeText {
  border: 1px solid #aaa;
  background-color: #000;
  filter: none;
}
.ve-ce-resizableNode-sizeText span:not( :first-child ) {
  border-left: 1px solid #aaa;
}
.ve-ce-resizableNode-sizeText-warning {
  background-color: #333;
  border-color: #eee;
}
/* invert due to background images */
.ve-ce-resizableNode-handles-resizing,
.ve-ce-resizableNode-nwHandle,
.ve-ce-resizableNode-seHandle,
.ve-ce-resizableNode-neHandle,
.ve-ce-resizableNode-swHandle {
  filter: invert( 100%);
}
.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode *::selection,
.ve-ce-tableNodeOverlay-selection-box,
.ve-ce-surface-deactivatedSelection > div {
  background: rgba( 60, 60, 60, 0.5 );
/* was light blue, now darker gray */
}
.ve-ce-tableNodeOverlay-deactivated .ve-ce-tableNodeOverlay-selection-box {
  background: rgba( 255, 255, 255, 0.3 );
}
/* VisualEditor /src/ce/styles/ ve.ce.Surface.css */


.ve-ce-surface-deactivatedSelection-showAsDeactivated > div {
  background-color: #aaa;
}
.ve-ce-surface-dropMarker {
  background-color: #aaa;
}
.ve-ce-surface-highlights-user-selection {
  background-color: #333;
}
.ve-ce-surface-highlights-user-cursor {
  background: #000;
}
.ve-ce-surface-highlights-user-cursor-label {
  background: #ccc;
  color: #000;
  text-shadow: 0 0 1px rgba( 255, 255, 255, 0.5 );
}
/* VisualEditor standalone installation
VisualEditor/ src/init/sa/styles/ ve.init.sa.Platform.css */
.ve-init-notification {
  background: #000;
  border: 1px solid #aaa;
  box-shadow: 0 2px 2px 0 rgba( 255, 255, 255, 0.25 );
}
/* Visual editor article */
/*
.client-js {
.mw-editsection-divider
#ca-edit a { .ca-icon( '../images/pencil-source-grey' );
}
#ca-ve-edit a {.ca-icon( '../images/pencil-grey' );
}
#ca-ve-edit a, .ca-icon-only
#ca-ve-edit a, .ca-icon-only
.client-nojs,  .ve-not-available {
.client-nojs,  .ve-not-available {
.mw-editsection a {
.mw-editsection a {
*/
*/
/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 851px) {
  #p-logo {
    background-color: #fff;
    background-size: contain;
  }
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
  #mw-header {
    background-color: #000;
  }
.color-bar {
  border-color: transparent;
}
#mw-related-navigation,
.sidebar-chunk,
#page-tools,
#user-tools,
#personal {
    background: #000 !important;
    box-shadow: none;
    border: 0;
  }
}


.oo-ui-popupWidget-head,
.oo-ui-popupWidget-head,
Line 2,168: Line 940:
}
}


/* edit MediaWiki:Timeless.css to remove code so this won't  be needed  */
fieldset {
background-color: inherit;
}




Line 2,180: Line 947:
color: #eee;
color: #eee;
}
}
.mw-widget-dateInputWidget-calendar,
 
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
 
background-color: #000;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: #333;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: initial;
color: #eee;
}
.mw-widget-calendarWidget-day {
color: #ccc;
}
.mw-widget-calendarWidget-day-additional {
color: #eee;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: #ccc;
color: #ccc;
Line 2,239: Line 990:
outline: 1px solid #141414;
outline: 1px solid #141414;
}
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
 
outline: 1px solid #141414;
 
}
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
textarea[style] {
background-color: #333 !important;
color: #fff;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
  /* inverted */
background-color: inherit;
border-color: #aaa;
}
/*
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget > span.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget > a.oo-ui-buttonElement-button,
*/
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
   color: #eee;
   color: #eee;

Latest revision as of 23:03, November 5, 2020

/* test code for echo alert */


/* was .oo-ui-widget {
 background-color: #333;
 color: #eee;
}
*/
.oo-ui-widget {
 background-color: #000;
 color: #eee;
}
.oo-ui-popupWidget {

background-color: #eee;
}
.oo-ui-popupWidget-popup {
/* colors get inverted */
background-color: #eee;
}

/* wikiEditor extension mediawiki-extensions-WikiEditor/modules/jquery.wikiEditor.less */
.wikiEditor-ui-right,
 .wikiEditor-ui-controls,
 .wikiEditor-ui-tabs,
 .wikiEditor-ui-tabs div,
 .wikiEditor-ui-buttons,
 .wikiEditor-ui-loading,
 #wikiEditor-section-help,
 #wikiEditor-section-main,
 .group,
 .section,
 .sections,
 .section-help,
 .section-advanced,
 .tab-help {
   color: #ccc;
   background-color: #000;
}
 .wikiEditor-ui-tabs div a,
 .wikiEditor-ui-tabs div.current a,
 .tool-button > a {
   background-color: #000;
   color: #56b4e9;
}


/* jquery.wikiEditor.toolbar-wikimedia.less 
 jquery.wikiEditor.toolbar.less
*/
.wikiEditor-ui-toolbar .tool-button,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .menu options,
.wikiEditor-ui-toolbar .group .tool-select .options option,
.booklet,
.booklet .index div,
/* extras to deal with codeEditor toolbar */
.toolbar div,
.codeEditor-ui-toolbar,
.codeEditor-ui-toolbar .tabs,
.group.codeeditor-style,
.group.codeeditor-main,
.codeEditor-status,
.tool-button,
.tool { 
  background-color: #000;
  color: #eee;
  border-color: transparent;
}
/* inverted in original */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.wikiEditor-ui-toolbar .wikiEditor-character-highlighted,
.codeEditor-ui-toolbar > .icon-active,
.toolbar > img {
  background-color: #eee;
  color: #000!important;
  filter: none!important;
}

.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button.oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button .tool-active {
   background-color: inherit;
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.codeEditor-ui-toolbar,
.group > span,
.codeEditor-ui-toolbar > a,
.toolbar > a
.codeEditor-ui-toolbar > .label,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group > .label,
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #56b4e9;
}


.wikiEditor-ui-toolbar .page-characters div > span,
#wikiEditor-section-help > div,
#wikiEditor-section-help > div > div,
.page-characters div > span,
.table-format tbody tr td,
.pages .page,
.ve-ui-specialCharacterPage {
/* this is over #eee */
  background-color: #eee;
  color: #333;
  filter: invert(100%);
}
 #wikiEditor-section-characters div.index  div *,
.wikiEditor-toolbar-spritedButton {
/* colors inverted since filter needed to do background image sprited buttons */
  background-color: #fff;
  color: #111;
  filter: invert(100%)!important;
  border-color: transparent;
}




.wikiEditor-ui-toolbar .group .tool-select
	.menu .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  background-color: #000;
  color: #eee;
  border-color: #aaa;
 }







/* Can be removed once lines above deleted */
.oo-ui-buttonInputWidget > button,
.oo-ui-buttonInputWidget > input {
  background-color: transparent;
}






.mw-notification {
   background-color: #000;
   border-color: #333;
   border-radius: 5px;
   color: #aaa;
}



/*
 Visited page tabs eg view source on road only pages
*/
/* mediawiki/resources/src/mediawiki.action/mediawiki.action.history.styles.less */
#pagehistory,
#mw-page-header-links li.selected a,
#mw-page-header-links li.selected > span,
li.selected a,
li.selected > span,
  li a:focus span,
  li a:active span {
/* Low vision sky blue */
   color: #56b4e9;
   filter: none;
}



.icons,
 .ca-icon,.ca-icon-only,
 .mw-ui-icon, .mw-ui-icon-element {
  filter: invert(100%);
}




/* mediawiki/resources/lib/ooui/oojs-ui-core-wikimediaui.css
*/
.oo-ui-messageWidget {
  filter:  invert(100%);
}
/* don't invert echo icon from notification list */
.mw-echo-ui-notificationItemWidget > img {
  background-color: #000 !important;
  color: #eee!important;
  filter: none!important;
}
.mw-echo-ui-notificationItemWidget:not(img) {
/* these colors get inverted except for images */
  background-color: #fff !important;
  color: #000!important;
 filter: invert(100%)!important;
}



/* Visual editor colors 
from mediawiki / extensions / VisualEditor / refs/heads/REL1_35 / . / modules / ve-mw / ui / styles 
and - styles / dialogs
*/

.ve-ui-mwPreDialog .oo-ui-textInputWidget,
 .oo-ui-textInputWidget,
 .ve-ui-mwGalleryDialog,
 .oo-ui-fieldsetLayout,
 .oo-ui-optionWidget-selected,
 .ve-ui-mwGalleryDialog-remove-button,
 .oo-ui-menuLayout-menu,
 .oo-ui-searchWidget-results,
 .oo-ui-searchWidget-query,
 .mw-widget-mediaSearchWidget,
 .ace_editor, .ace_focus, .ace_tooltip,
 .oo-ui-widget-enabled,
 .oo-ui-tabSelectWidget
 {
 color: #ccc;
}



.oo-ui-optionWidget-highlighted {
  background-color: #333;
  color: #fff;
}

.oo-ui-window-head,
 .oo-ui-window-foot,
 .oo-ui-messageDialog-title,
 .oo-ui-tabSelectWidget-framed,
  .oo-ui-tabSelectWidget-mobile {
   background-color: #000;
 }
.oo-ui-messageDialog,
 .oo-ui-processDialog-content,
 .oo-ui-buttonWidget,
 .oo-ui-tagItemWidget {
   background-color: #333;
   color: #ccc;
}

/* end visual editor colors */
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css
not needed - covered  in icons below 
 */

/* Icons */
.ui-icon,
.ui-widget-content, .ui-widget-header, 
.ui-state-default, .ui-state-hover,
.ui-state-active, .ui-state-highlight {
  filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-images-wikimediaui.css
   mediawiki-extensions-Echo/modules/styles/mw.echo.ui.ConfirmationPopupWidget.less
  notification alert bell and message icons
 */
/* Low vision sky blue shade calculated since invert gave orange  */
.oo-ui-icon-bell, .oo-ui-icon-message { 
    filter: none !important;
 }
/* inverted in original echo extension */
.mw-echo-ui-confirmationPopupWidget-popup {
   background-color: #ccc;
   color: #333;
}
 .mw-echo-special-navbar-top { 
    filter: invert(100%) !important;
 }

.mw-echo-ui-notificationItemWidget > img {
  filter: none!important;
}
.mw-echo-ui-notificationItemWidget-notify-description {
  color:  #ccc;
}
.mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.mw-echo-ui-footerNoticeWidget {
  background-color: #000;
  color: #ccc;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  color: #ccc !important;
}
.mw-echo-notifications-badge-all-read {
  background-color: transparent;
}

/* lighter than low vision sky blue */
.oo-ui-image-invert.oo-ui-icon-bell,
 .oo-ui-image-invert.oo-ui-icon-message,
 .oo-ui-image-invert.mw-echo-ui-confirmationPopupWidget-popup {
    filter: invert(100%);
}
/* echo extension modules/styles/ mw.echo.ui.NotificationItemWidget.less
*/
.mw-echo-ui-notificationItemWidget:hover,
 .mw-echo-ui-notificationItemWidget-unread:hover {
   background-color: #333;
}
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget-unread {
   background-color: #000;
}
.mw-echo-ui-notificationItemWidget-notify-description,
.mw-echo-ui-notificationItemWidget-content-message-body {
   color: #ccc;
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-message-header em {
   color: #eee;
}
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
/* opacity 0.5 is applied */
   color: #eee;
}
/* keyframes can't be combined and from / to are properties to set */
@keyframes unseen-fadeout-to-unread {
from {background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-unread {
 from {background-color: #000;}
}
@keyframes unseen-fadeout-to-unread { 
 to {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-unread { to {background-color: #222;}
}

@keyframes unseen-fadeout-to-read {
from {background-color: #222;}
}
@-webkit-keyframes unseen-fadeout-to-read {
  from {background-color: #222;}
}
@keyframes unseen-fadeout-to-read {
  to { background-color: #000;}
}
@-webkit-keyframes unseen-fadeout-to-read {
  to {background-color: #000;}
}

/* echo modules/styles/ mw.echo.ui.DatedSubGroupListWidget.less */
.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title {
  color: #333;
}

/* echo mw.echo.ui.MenuItemWidget.less
*/
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
    /* override link colour */
    color: #eee;
}
/* unsure what this was for 
.mw-echo-ui-menuItemWidget > .mw-echo-ui-notificationItemWidget-icon {
    filter: none !important;
}
*/
.mw-echo-ui-menuItemWidget-dynamic-action .mw-echo-ui-menuItemWidget-description {
  color: #56b4e9;
}
.mw-echo-ui-menuItemWidget .mw-echo-ui-actionMenuPopupWidget-menu:hover {
  background-color: #333;
}
/* NotificationsInboxWidget */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
   background-color: #000;
   box-shadow: 0 2px 0 0 rgba( 255, 255, 255, 0.1 );
}
/* mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationsListWidget.less */
.mw-echo-ui-notificationsListWidget-bundle:not( :hover ) a,
.mw-echo-ui-notificationsListWidget #p-personal .mw-echo-ui-notificationsListWidget:not( :hover ) a.new {
  color: #aaa;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-highlighted {
  background-color: #333;
  color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget  .oo-ui-optionWidget-selected {
  background-color: #000;
  color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-selected-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget .oo-ui-optionWidget-pressed-highlighted {
   background-color: rgba( 0, 0, 100, 0.1 );
   color: #eee;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color: #eee;
  color: #999;
}
.mw-echo-ui-pageNotificationsOptionWidget-label-count .oo-ui-optionWidget-selected { 
  color: #fff;
}
.mw-echo-ui-placeholderItemWidget {
   background-color: #333;
}
/* mediawiki-extensions-Echo modules/styles/ mw.echo.ui.ToggleReadCircleButtonWidget.less */
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
  background-color: #333;
  border-color: #555;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
   background-color: #ccc;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover  .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
   background-color: #333;
}
/* echo extension nojs */
.mw-echo-alert {
   background-color: #333;
   color: #eee;
}
.mw-echo-state .mw-echo-notification {
  background-color: #000;
  color: #ccc;
}
.mw-echo-state .mw-echo-notifications {
   background-color: #333;
}
.mw-echo-state .mw-echo-content .mw-echo-title {
  color: #eee;
}
.mw-echo-state .mw-echo-content .mw-echo-payload {
  color: #ccc;
}
.mw-echo-state .mw-echo-content .mw-echo-notification-footer {
  color: #eee;
}
.client-js .mw-echo-special-nojs {
  filter: invert(100%);
}
.mw-echo-date-section {
  color: #ccc;
}
.mw-echo-special-notifications .mw-echo-notification {
   background-color: #000;
}
.mw-echo-special-notifications .mw-echo-notification:hover {
   background-color: #333;
}
.mw-echo-special-notifications .mw-echo-notification-unread {
   color: #eee;
}

/* mediawiki-extensions-Echo/modules/mobile/ notificationsFilterOverlay.less */

.notifications-filter-overlay .overlay-content .mw-echo-ui-crossWikiUnreadFilterWidget subtitle {
    color: #000;
}
/* mediawiki-extensions-Echo/modules/styles/ mw.echo.ui.CrossWikiNotificationItemWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
   background-color: #000;
}

/* mw.echo.ui.CrossWikiUnreadFilterWidget.less */
.mw-echo-ui-crossWikiNotificationItemWidget,
.mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title {
	color: #ccc;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
     color: #eee;
}

/* end echo styles  */


[class*="oo-ui-icon-"] {
  filter: invert(100%);
}
.oo-ui-image-invert,

.oo-ui-image-invert [class*="oo-ui-icon"] {
  filter: none;
}
[class*="oo-ui-icon-"] > span {
  filter: none;
  background-color: #000;
  color: #eee;
}




/* Overlays */
.ui-widget-overlay, .ui-widget-shadow {
  filter: invert(100%);
}

/* button defaults */
.mw-ui-button-states {
   color: #ccc;
   background-color: #333;
}
.oo-ui-buttonElement-button {
/* set text color with label after */
   background-color: #333;
  
}

/* mediawiki/resources/lib/oojs-ui/oojs-ui-core-wikimediaui.css */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #eee;
  background-image: none;
  background-color: transparent;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
  color: #141414;
  background-image: none;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
  color: #ccc;
  border-color: #000;
  background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  color: #36c;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
/* white text over blue, as from css */
  color: #fff;
  background-color: #36c;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
/* brightish blue */
  color: #447ff5;
  background-image: none;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
/* deeper blue */ 
 color: #36c;
 background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  background-color: #ccc;
  color: #333;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  /* highlighted color was white over blue */
  background-color: #000;
  color: #fff;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  /* white over blue */
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #eee;
  border-color: #aaa;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: #000;
  color: #555;
  border-color: #aaa;
  background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  /* white text was over deep blue */
  color: #eee;
  background-color: #000;
 
  background-image: none;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle {
    background-color: #eee;
}
.oo-ui-toolbar-bar > span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
    color: #333;
}

/* white over red buttons don't need changing */
/*
repeat from css to override input value set in live code 
*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
  color: #fff;
  background-color: #d33;
  border-color: #d33;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
  background-color: #ff5d5d;
  border-color: #ff5d5d;
}

/* mediawiki/resources/lib/ooui/oojs-ui-core-apex.css
image background color
 */
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  background-image: none;
  border: 1px solid #aaa;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
   background-image: none;
}


.oo-ui-popupWidget-body {
  background-color: #000;
  border: 1px solid #222;
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.25);
  color: #ccc;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
  border-bottom-color: #000;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
  border-top-color: #333;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
  border-top-color: #000;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
  border-right-color: #333;
}
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
  border-right-color: #000
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
  border-left-color: #333;
}
.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
  border-left-color: #fff;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  background-color: #000;
  color: #ccc;
  border-color: #aaa;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
  background: #333;
  color: #ccc;
}



.oo-ui-menuSelectWidget {
  background-color: #000;
  color:   #ccc;
  border: 1px solid #ccc;
 }
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #333;
  color: #ccc;
}








/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.button.css */
.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { 
  filter: none;
 }
.ui-button, .ui-button-icon-only,
button.ui-button-icon-only,
button.ui-button-icons-only { 
   filter: invert(100%);
 } 

/* button text and icons */
.oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
span[role="button"].oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
    color: #eee;
}
/* end button code */







/* from original move to all screen sizes */ 

#pt-notifications-alert,
#pt-notifications-notice { 
   filter: invert(100%);
   background-color: transparent;
}





/* from timeless/resources/ooui.css
   for dialogs 
*/
.oo-ui-windowManager-modal > .oo-ui-dialog,
.ve-ui-overlay-global {
    background: #000;
    color: #eee;
}

body > .oo-ui-windowManager,
.oo-ui-defaultOverlay {
    background: #000;
    color: #eee;
}








/* VisualEditor.core.less
VisualEditor/src/themes/wikimediaui.css */
.ve-ui-targetWidget:not( .oo-ui-pendingElement-pending ) {
	background-color: #000;
        color: #ccc;
}

.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
	background-color: #333;
        color: #aaa;
}

.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
/* was very light blue */
  background-color: #222;
}





.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
	color: #eee;
}

.oo-ui-messageDialog-message {
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #ccc;
}

/* new button code from 
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.oo-ui-flaggedElement-destructive {
	background-color: #333;
	border-color:  #aaa;
   /* label color overwrites text color */
	color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
	background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #333;
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: #000;
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: initial;
}







.oo-ui-labelElement-label {
	color: #eee;
}


.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
	background-color: initial;
	color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
	background-color: #000;
	/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #000;
	/* color: #eee; */
}



.oo-ui-panelLayout-expanded {
	background-color: #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-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #141414;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 1px solid #141414;
}



.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
  /* inverted */
	background-color: inherit;
	border-color: #aaa;
} 


.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
   color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
   color: #eee !important;
} 
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
   color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
   filter: invert(100%)!important;
}

#ca-ve-edit a, .ca-icon-only
.client-nojs,  .ve-not-available {
.mw-editsection a {
*/

.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
	color: #eee;
}
.oo-ui-panelLayout-expanded {
	color: #ccc;
}
.oo-ui-messageDialog-message {
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #ccc;
}

/* new button code from 
https://raw.githubusercontent.com/Austemagne/DarkTimeless/8c88bfaff8cfb458db62cf11bbcf7853a490510f/timeless-dark.css
*/

.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-color: #aaa !important;
	text-shadow: 0 0 0 #333 !important;
}
.oo-ui-flaggedElement-destructive {
	background-color: #333;
	border-color:  #aaa;
   /* label color overwrites text color */
	color: #eee;
}
.oo-ui-flaggedElement-destructive:hover {
	background-color: #222;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #333;
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
/* is this a mistake / error or not needed? */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: #000;
	color: #eee;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: initial;
}





.oo-ui-labelElement-label {
	color: #eee;
}


.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
	background-color: initial;
	color: #ccc;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-highlighted {
	background-color: #000;
	/* color: #ccc */
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #000;
	/* color: #eee; */
}


.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;
}
.oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000;
}
.oo-ui-panelLayout-expanded {
	background-color: #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-color: #aaa;
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #141414;
}


.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-preferences > .oo-ui-labelElement {
   color: #eee;
}
div.mw-echo-ui-notificationBadgeButtonPopupWidget-footer > a.oo-ui-buttonElement-button {
   color: #eee !important;
} 
.mw-echo-ui-footerNoticeWidget > .oo-ui-labelElement-label {
   color: #eee !important;
}

div.mw-echo-ui-notificationBadgeButtonPopupWidget-popup.oo-ui-widget > .oo-ui-iconWidget {
   filter: invert(100%)!important;
}
Retrieved from "https://me-pedia.org/w/index.php?title=User:Njttest/timeless.css&oldid=85887"