User:Notjusttired/timeless.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
m (tweaks to page characters)
m (syntax)
 
(197 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* no white border on solid images */
/* outstanding tasks
.thumbborder {
1. Re-use citations text is #333
  border-color: transparent;
2. echo text invisible - phabricator [https://phabricator.wikimedia.org/T287132 |T287132]
}
3. image icon colors on PagesForns previews shouldn't be inverted, and on settings icon on far right wiki toolbar  
/* forms */
4. after links or references the small gap disappears so the next word looks too far left
form {
5. are certain templates setting a background color?
background-color: #000;
color: #ccc;
}
/* merge with current suggestions */
.suggestions,
.suggestions-special,
.suggestions-result,
.suggestions-results,
.suggestions-result-current {
  background: inherit;
  box-shadow: 0 2px 2px 1px rgba( 255, 255, 255, 0.05 );
  border-color: #aaa;
  color: #ccc;
}
/* graph background */
canvas {
background-color: #fff;
}
 
/* 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,
.group,
.section,
.sections {
  color: #ccc;
  background: #000;
}
.wikiEditor-ui-tabs div.a,
.wikiEditor-ui-tabs div.current a {
  background: #333;
  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: #333;
}
.booklet > index > :hover {
  color: #eee;
}
.booklet > index > .current {
  color: #56b4e9;
}
/* jquery.wikiEditor.toolbar-wikimedia.less
jquery.wikiEditor.toolbar.less
*/
.tool-button,
.wikiEditor-ui-toolbar .tool-button,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select
.menu .options .option:hover,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .options {
  background: #000;
  color: #ccc;
}
/* inverted in original */
.wikiEditor-ui-toolbar .group .tool-select .options .option,
.wikiEditor-ui-toolbar .wikiEditor-character-highlighted {
  background: #eee;
  color: #000!important;
  filter: none!important;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  background: #000;
  color: #eee;
}
 
.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,
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: #56b4e9;
}
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #56b4e9;
}
.wikiEditor-ui-toolbar .page-table th {
  color: #eee;
}
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div {
  background-color: #000;
}
.wikiEditor-ui-toolbar .page-characters div > span,
.page-characters div > span {
  color: #333;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
  background-color: #000;
  color: #ccc;
}
 
#wikiEditor-section-characters, .booklet .section, section-characters > a, #wikiEditor-section-characters div.index  div {
  background: #333;
  color: #ccc;
}
#wikiEditor-section-characters div.index background: #333;
  color: #ccc;
}
#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;
}
 
/* code to be deleted from live copy
#mw-site-navigation .sidebar-chunk {
        background: #333;
border-color: #aaa;
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
border-radius: 2px;
}
 
 
.sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
#site-navigation,
#related-navigation
 
 
div.editOptions {
border-color: #aaa;
background: #555;
}
 
#mw-site-navigation .sidebar-inner {
background: #333;
        color: #ccc;
border: 0;
}
 
 
 
#mw-site-navigation {
background: #000;
}
 
#mw-related-navigation .sidebar-chunk {
border: outset #333;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 3px;
}
 
 
 
inside 1099px
 
#mw-related-navigation .sidebar-chunk {
border-color: #333;
box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
 
 
 
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
 
**** end of code to be deleted
*/
 
/* delete box shadow from existing */
#mw-related-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk {
    box-shadow: none;
    border-radius: 0;
    border: 0;
  }
 
/* 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 */
/* redirect icon inverted - code sample from
#menus-cover {
https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
  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 {
background: #000;
border-color: #333;
border-radius: 5px;
color: #aaa;
}


/*
/* See [[User:Notjusttired/Timeless-inprogress.css]] for css in progress
Visited page tabs eg view source on road only pages
Page blanked to allow testing comparison with staging server
*/
/* 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
  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,
.oo-ui-icon-bell:before {
  background-color: transparent;
    filter: invert(63%) sepia(46%) saturate(624%) hue-rotate(165deg) brightness(97%) contrast(88%)!important;
}
.mw-echo-ui-confirmationPopupWidget-popup,
.mw-echo-special-navbar-top {
    filter: invert(100%) grayscale(100%) !important;
}
.mw-echo-markAsReadSectionButton .oo-ui-buttonElement-button .oo-ui-labelElement-label {
  background-color: #000;
  color: #ccc;
  filter: none;
}


/* lighter than low vision sky blue */
.oo-ui-popupWidget-body {
.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(76%) sepia(11%) saturate(2256%) hue-rotate(175deg) brightness(106%) contrast(95%)!important;
}
 
/* echo mw.echo.ui.MenuItemWidget.less
*/
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.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;
}
 
[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/ */
 
/* 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-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 */
  color: #ccc!important ;
 
  background-color: #333;
/* 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-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 */
 
#pt-notifications-alert,
#pt-notifications-notice {
  filter: invert(100%);
  background-color: transparent;
}
 
/* 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;
}
 
/* 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: 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-color: #000;
        color: #333;
}
 
.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 {
  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.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,
.sidebar-chunk,
#page-tools,
#user-tools,
#personal {
    background: #000 !important;
    box-shadow: none;
    border: 0;
  }
}
 


.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: #333;
}
}

Latest revision as of 17:06, July 11, 2023

/* outstanding tasks
1. Re-use citations text is #333
2. echo text invisible - phabricator [https://phabricator.wikimedia.org/T287132 |T287132]
3. image icon colors on PagesForns previews shouldn't be inverted, and on settings icon on far right wiki toolbar 
4. after links or references the small gap disappears so the next word looks too far left 
5. are certain templates setting a background color? 
*/

/* redirect icon inverted - code sample from 
https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.action/mediawiki.action.view.redirectPage.css
*/


/* See [[User:Notjusttired/Timeless-inprogress.css]] for css in progress
Page blanked to allow testing comparison with staging server 
 */

.oo-ui-popupWidget-body {
    
 
 color: #ccc!important ;
 background-color: #333;

}