User:Notjusttired/timeless.css

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
< User:Notjusttired
Revision as of 01:23, October 21, 2020 by Notjusttired (talk | contribs) (menus)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* no white border on solid images */
img {
  border-color: transparent;
}

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

/* Menus */
#site-navigation,
#site-tools > .dropdown,
 #page-tools,
 #user-tools > .dropdown { 
  background-color: #000;
  border: 1px solid #aaa;
  box-shadow: none;
}

.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,
 .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-toolbar,
.oo-ui-toolbar-bar {
  background: #000;
  color: #eee;
}
/* temporary */
.oo-ui-toolbar-tools {
  border: 0;
}

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

.oo-ui-window-head,
 .oo-ui-window-foot,
 .oo-ui-messageDialog-title,
 .oo-ui-tabSelectWidget-framed,
  .oo-ui-tabSelectWidget-mobile {
   background: #000;
 }
.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 
 */

/* 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
  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;
}
.ve-ui-previewElement,
.ve-ce-generated-wrapper {
	background: #000;
        color: #ccc;
}

/* 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 */
.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;
   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: #aaa;
  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: #aaa;
  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: #aaa;
}
.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: #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 {
  background-color: #000;
  color: #ccc;
  border-color: #aaa;
}
.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: #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: #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%);
 } 

/* 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 {
    color: #333;
}
/* end button code  */

/* alert and message dropbown ul */
/* test wider screens alert drop */
.dropdown-menu {
    background: #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  */
#pt-notifications-alert,
#pt-notifications-notice { 
  background-color: transparent;
  border-color: #333;
  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 */

input, .mw-editfont {
  color: #ccc;
}
.mw-input-with-label {
  color: #eee;
}

.ve-ce-linkAnnotation:before,
.ve-ce-linkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:after,
.ve-ce-mwInternalLinkAnnotation:before {
 content: "";
 color: #333;
 width: 0;
 height: 0;
 background: 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;
}

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

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

/* 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,
 #page-tools,
 #user-tools,
 #personal h3 {
     background: transparent !important;
     box-shadow: none;
     border: 0;
   } 
}