User:Notjusttired/timeless.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
(disable ui-state- code in case that fixes buttons, page-tools menu)
m (fix page tools menu with #mw-related-navigation, fix view source by removing invert from #ca-edit, #ca-ve-edit)
Line 69: Line 69:
}
}


#mw-page-header-links li.selected a:visited,
#mw-page-header-links li a:visited,
#mw-page-header-links > a:visited span,
#mw-page-header-links > a:visited span,
li.selected a:visited > span {
li.selected a:visited > span {
Line 84: Line 84:
   color: #fff;
   color: #fff;
}
}
.icons,
.icons,
#ca-edit,
#ca-ve-edit,
  .ca-icon,.ca-icon-only,
  .ca-icon,.ca-icon-only,
  .mw-ui-icon, .mw-ui-icon-element {
  .mw-ui-icon, .mw-ui-icon-element {
Line 563: Line 561:
}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-header {
  #mw-header {
     background-color: #000;
     background-color: #000;
   }
   }
   #page-tools h2,
.color-bar {
  #user-tools,
   border-color: transparent;
  #personal h3,
}
  .sidebar-chunk,
#mw-related-navigation,
  .pokey {
#page-tools,
      background: transparent !important;
#page-tools h2,
      box-shadow: none;
#user-tools,
      border: 0;
#personal h3,
.sidebar-chunk,
.pokey {
    background: transparent !important;
    box-shadow: none;
    border: 0;
   }  
   }  
}
}


/* Low vision sky blue icons repeat code */
/* Low vision sky blue icons repeat code */

Revision as of 16:49, October 19, 2020

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

/* :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;
}

/* Do for all sizes not just larger ones -
take out of media screen sections */
#page-tools, #user-tools { 
  background-color: #000;
  border-color: transparent;
}

.mw-notification {
	background: #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;
}

#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,
 .ca-icon,.ca-icon-only,
 .mw-ui-icon, .mw-ui-icon-element {
  filter: invert(100%);
}


/* 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
*/
.oo-ui-messageWidget {
  filter:  invert(100%);
}


/* 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,
  .mw-widget-mediaSearchWidget,
 .oo-ui-searchWidget-results,
 .oo-ui-searchWidget-query,
 .mw-widget-mediaSearchWidget,
 .ace_editor, .ace_focus, .ace_tooltip,
 .oo-ui-widget-enabled,
 .oo-ui-tabSelectWidget,
 .oo-ui-tool-title
 {
 color: #ccc;
}
.oo-ui-optionWidget-highlighted,
 .oo-ui-barToolGroup-tools {
  color: #333;
  background: #ccc;
}

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

/* end visual editor colors */

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

/* Interaction states and cues
----------------------------------*/
/* May not be needed 
- already covered below
.ui-state-active,
 .ui-state-default,
 .ui-state-hover {
filter: invert(100%); 
}

.ui-state-error,
 .ui-state-error-text,
 .ui-state-highlight,
 .ui-state-disabled,
 .ui-priority-primary, 
 .ui-priority-secondary {   
 filter: invert(100%); 
 }
*/

/* Icons
----------------------------------*/

/* states and images */
.ui-icon,
.ui-widget-content, .ui-widget-header, 
.ui-state-default, .ui-state-hover,
.ui-state-active, .ui-state-highlight,
.ui-state-error, .ui-state-error-text {
  filter: invert(100%);
}
/* mediawiki/resources/lib/ooui/oojs-ui-images-wikimediaui.css
  notification alert bell and message icons
 */
/* Low vision sky blue shade calculated since invert gave orange  */
.oo-ui-icon-bell, .oo-ui-icon-message { 
   background: transparent;
    filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%);
 }
/* lighter than low vision sky blue */
.oo-ui-image-invert.oo-ui-icon-bell,
 .oo-ui-image-invert.oo-ui-icon-message {
    filter: invert(76%) sepia(11%) saturate(2256%) hue-rotate(175deg) brightness(106%) contrast(95%);
}

[class*="oo-ui-icon-"],
 .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%);
}
.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 {
  filter: none;
}

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

/* mediawiki-extensions-Citoid/modules/wikibase/ */
.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;
}
.cite-accessibility-label,
.ve-ui-previewElement,
.ve-ce-generated-wrapper {
	background: #000;
        color: #ccc;
}

/* fixing right personal menus */
#user-tools, #personal {
 background: #000;
}
#personal-extra ul {
  background: #000;
}
#personal-inner h3 ul {
  background: #333;
}
 
/* mediawiki/resources/lib/jquery.ui/themes/smoothness/jquery.ui.theme.css */
/* (cont) */
/* 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 {
   color: #ccc;
   background-color: #333;
  background-image: none;
}

/* 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: #666;
  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: #333;
  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-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 {
  background-color: #ccc;
  color: #000;
  background-image: none;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #454545;
  color: #ccc;
  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;
  background-image: none;
}
.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 {
  color: #000;
  background-color: #eee;
  border-color: #eee;
  background-image: none;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  color: #eee;
  background-color: #666;
  border-color: #666;
  background-image: none;
}

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

/* radio buttons */
.oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
  border-color: #000;
}
.oo-ui-popupWidget-popup {
  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-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: #ccc;
  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: #111;
  color: #ccc;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
  background-color: #000;
  color: #ccc;
  border-color: #333;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
  background: #333;
  color: #ccc;
}

.oo-ui-radioInputWidget [type='radio'] + span {
  background-color: #000;
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
  border-color: #333;
}
.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'] + span:before {
}
.oo-ui-radioInputWidget [type='radio']:disabled + span {
  background-color: #333;
  border-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: #999;
}
.oo-ui-menuSelectWidget {
  background-color: #000;
  color:   #ccc;
  border: 1px solid #ccc;
 }
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #333;
  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 */
.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%);
 } 

/* end button code  */

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

/* overwrite existing @media for large screens only */
#personal .dropdown,
.dropdown {
   background: #000;
   color:  #eee;
}

/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 720px) {

  #p-logo {
    background-color: #fff;
    background-size: contain;
  }

}
@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-header {
     background-color: #000;
  }
 .color-bar {
   border-color: transparent;
 }
 #mw-related-navigation,
 #page-tools,
 #page-tools h2,
 #user-tools,
 #personal h3,
 .sidebar-chunk,
 .pokey {
     background: transparent !important;
     box-shadow: none;
     border: 0;
   } 
}

/* Low vision sky blue icons repeat code */
/* works - for all sizes - move out of small screen only  */
#pt-notifications-alert,
#pt-notifications-notice { 
  background-color: transparent;
  border-color: #333;
}

/* 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 {
 /* sky blue  */
    color: #56b4e9;
}
.mw-search-interwiki-project {
	background-color: #333;
	border-top: 1px solid #aaa;
}

.searchdidyoumean {
	color: #ccc;
}

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

/* May needed for forms */
div.editOptions {
 border-color: #eee;
 color: #ccc;
}

/* timeless skin resources/forms.less */

/*  prob already done -form input, textarea, 
.mw-ui-form
*/
input,
.mw-editfont {
  color: #ccc;
}
.mw-input-with-label {
  color: #eee;
}

/* disabled 
.ve-ce-attachedRootNode,
  .ve-ce-surface {
  color: #ccc;
}
*/

.ve-ce-linkAnnotation:before,
.ve-ce-linkAnnotation:after,
.ve-ce-linkAnnotation,
.ve-ce-mwInternalLinkAnnotation,
.ve-ce-mwInternalLinkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:before,
.ve-ce-nail {
 content: "";
 color: #333;
 width: 0;
 height: 0;
 background: none;
}

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

/* edit saved pop-up alert */
#pt-notifications-alert, #pt-notifications-notice {
  color: #333;
}

/* May not be needed?
.mw-echo-ui-notificationItemWidget * {
  background: transparent;
  color: #eee;
  filter: none;
}
*/


/* 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-post-open,
.ve-ce-nail-pre-close,
.ve-ce-branchNode-slug,
.ve-ce-branchNode-inlineSlug {
 filter: none;
 stop-color: inherit;
 fill: inherit;
 flood-color: inherit;
}

/* 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 #555;
}
/* 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 {
/* 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-popupWidget-popup {
					.oo-ui-clippableElement-clippable {
*/

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

.ve-ui-targetWidget-readOnly:not( .oo-ui-pendingElement-pending ) {
	background: #222;
        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 {
  background: #000;
  color: #ccc;
}

.ve-ce-surface-highlights-user-selection {
	background: #454545;
}

.ve-ce-surface-highlights-user-cursor {
	background: #454545;
}

.ve-ce-surface-highlights-user-cursor-label {
	background: #454545;
	color: #eee;
}

/* VisualEditor.core.less */
/*
.ve-init-mw-desktopArticleTarget-toolbar {
		}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
		}
// gutter area 
.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 {
}
.ve-init-mw-desktopArticleTarget-toolbar {
		}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar 
*/

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