MediaWiki:Timeless.css: Difference between revisions

From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
m (redirect only applies to images, timeless.css suggestions)
(move custom color code together)
 
(61 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin */
/* CSS placed here will affect users of the Timeless skin */


/* *******************************
Timeless only layout
******************************** */
#mw-header-hack {
  border-color: #E7453A;
}
#mw-content-container {
  border-bottom: #E7453A 5px solid;
}
.color-bar {
background: #E7453A;
}
.color-left, .color-right {
background-color: #333;
}
.color-left-container,
.color-right-container,
.color-middle-container,
.color-middle {
background-color: #E7453A;
color: inherit;
overflow: hidden;
}
.custom-bottom-banner p {
    background: inherit;
    color: inherit;
}
#p-logo-text a, #p-logo-text {
  font-family: Oswald, sans-serif;
  font-style: italic;
  font-variant: normal;
  background-color: transparent;
}
/* don't use since workmark image in use now
#p-logo-text a::before {
content: "#";
}
*/
/* Smallish screens display a white section without this */
#mw-header-hack {
  background-color: #000;
}
#mw-header-nav-hack {
  background-color: #000;
  border-color: #000;
  box-shadow: 0 3px 3px 2px rgba( 0, 0, 0, 0.075 ), 0 0 2px rgba( 0, 0, 0, 0.2 );
}
/* MW 1.39 small screen update changes - all screen sizes */
/* hide Wordmark image with black filter and shrink it */
/* use Wordmark image not text */
#p-banner > img, .mw-logo-wordmark  {
width: 80px!important;
height: auto!important;
object-scale: 80px auto scale-down!important;
background-color: transparent;
}
/* small screens - hide Wordmark image with black filter and shrink it */
#p-banner > img, .mw-logo-wordmark {
/* uncomment to use Wordmark image not text
filter: brightness(0%);
*/
}
.mw-wiki-logo {
  background-size: contain;
}
/* override serif fonts from @fonts-secondary */
.mw-body dl, .mw-body dt, .mw-body dd, dl, dt, dd {
  font-family: inherit;
}
/* definition lists eg for glossary page, usually created using ; and : lines */
.mw-body dt {
  font-weight: bold;
}
/* fix white border behind Anonnotice and Sitenotice */
.mw-dismissable-notice {
border: none;
}
/* adjust background color for "class=mw-lingo-term" tooltips without a lingo definition
*/
.qtip-content {
  background-color: #333;
  color: #eee;
}
/* End timeless only code
Dark skin code starts
*/
/* ******************************* */
.skin-timeless {
    background: #333;
    color:  #ccc;
}
html {
html {
background: rgb(0,0,0) !important;
background: rgb(0,0,0) !important;
Line 7: Line 107:
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
}
}
body {
#mw-navigation, body {
margin: 0;
margin: 0;
background: #000;
background: #000;
color: #ccc;
color: #ccc;
}
}
.skin-timeless {
 
    background: #333;
/* normalize.less colors */
    color: #ccc;
/* mediawiki resources/src/mediawiki.skinning/ normalize.less */
tt, kbd, samp {
  background-color: #000;
}
}
/* normalize.less colors */
mark {
mark {
     background: #333;
     background: #333;
Line 22: Line 123:
}
}


/* set background to black for header/footer banners */
/* MW 1.39 color update changes - all screen sizes */
.custom-top-banner {
/* lower icons for view, edit page on both left and right */
  background-color: rgb(0,0,0) !important;
#mw-page-header-links, .mw-portlet-body {
background-color: #000;
}
}
/* black banner behind menus */
#p-views, #p-namespaces {
.ts-inner, .ts-container {
/* icons may be background images, so change brightness without affecting background color */
  background: #000;
background-color: inherit;
}
}
/* overwrite lightyellow information disclaimer  */
 
.custom-bottom-banner {
#p-personal, #personal-tools, #site-tools, #user-tools, #personal-extra, #site-tools > ul {
  background: #111!important;
color: #ccc!important;
  color: #eee!important;
}
}
.custom-bottom-banner p {
.menu, .vector-menu, .mw-portlet, .vector-menu-tabs,
    background: inherit;
/* not sure if needed */
    color: inherit;
#user-tools h3 ul {  
background: transparent;
color: #ccc;
}
}


/* adjust background color for "class=mw-lingo-term"
/* magnifying glass */
  tooltips without a lingo definition */
#searchButton {
.qtip-content {
filter: brightness(200%)!important;
  background-color: #333;
}
}


/* Sky blue using low vision color */
/* End MW 1.39 update changes */
a, a:link, a:visited, a:hover, a:active,
/* content types etc on search results */
a.current, .current a {
/* unvisited links use :link */
  color: #56b4e9;
}


/* Brighter orange */
/* set background to black for header/footer banners */
.orange, .orange a {  
.custom-top-banner {
   color: #E69F00!important;
   background-color: rgb(0,0,0) !important;
}
}
/* wanted pages red color without text shadow */
/* black banner behind menus */
.new, a.new,
.ts-inner, .ts-container {
#p-personal a.new,
   background: #000;
#p-personal a.new:visited,
a.new:link, .new a:link,
a.new:visited, .new a:visited,
a.new:hover, .new a:hover,
a.new:active, .new a:active {
  color: #FF5D5D;
  text-shadow: none;
}
/* stubs lighter than low vision sky blue */
a.stub, a.stub:link, a.stub:visited,
a.stub:hover, a.stub:active {
  color: #86d4f9 !important;
}
/* low vision sky blue shade for headings */
h2, h3, h4, h5, h6, h7,
/* jump to arrow from references */
.mw-cite-backlink {
   color: #56b4e9;
}
 
/* external links light blue-gray not rapture blue */
.mw-body-content a.external,
.mw-body-content a.interwiki,
.mw-body a.extiw,
.mw-body-content a.interwiki:link,
.mw-body-content a.interwiki:visited,
.uls-language-list a,
a.external:link, a.external:visited,    a.external:hover, a.external:active {
color: #A7C5DC!important;
}
/* overwrite screen-common.less colors
for external links that don't use the
external class in the footer
*/
/* Smallish screens display a white section without this */
#mw-header-hack {
  background-color: #000;
  border-color: #E7453A;
}
#mw-header-nav-hack {
  background-color: #000;
  border-color: #000;
  box-shadow: 0 3px 3px 2px rgba( 0, 0, 0, 0.075 ), 0 0 2px rgba( 0, 0, 0, 0.2 );
}
.mw-footer-container a,
.mw-footer-container a:hover,
.mw-footer-container a:visited {
  color: #A7C5DC !important;
}
}


Line 130: Line 178:
   svg falls back to png, then none  */
   svg falls back to png, then none  */
/* Image won't display without some content, so using thin space so link icon doesn't touch letters, then add the image size as padding to prevent filtering characters swashing into it  */
/* Image won't display without some content, so using thin space so link icon doesn't touch letters, then add the image size as padding to prevent filtering characters swashing into it  */
  content: '\2002';
  padding-left: 12px;
  background-image: none;
   filter: invert(88%) sepia(5%) saturate(2721%) hue-rotate(177deg) brightness(91%) contrast(89%);
   filter: invert(88%) sepia(5%) saturate(2721%) hue-rotate(177deg) brightness(91%) contrast(89%);
   background-image:url('https://www.me-pedia.org/images/d/d3/External-link-fa4.png');
   background-image:url('https://www.me-pedia.org/images/d/d3/External-link-fa4.png');
Line 151: Line 196:
   border-bottom: 0;
   border-bottom: 0;
}
}
#siteSub {
#siteSub {
   color: #ccc;
   color: #ccc;
Line 174: Line 220:
#menus-cover {
#menus-cover {
   background: #000;
   background: #000;
  color: #eee;
}
}
#mw-content-block {
#mw-content-block {
Line 179: Line 226:
         color: #ccc;
         color: #ccc;
}
}
 
form {
/* change mw default colors */
    background-color: #000;
    color: #ccc;
}


/* forms mediawiki/resources/src/mediawiki.ui/components/forms.less */
/* forms mediawiki/resources/src/mediawiki.ui/components/forms.less */
Line 187: Line 236:
}
}
/* End mw default colors */
/* End mw default colors */


/* caption does site visits */
/* caption does site visits */
Line 196: Line 244:
  color: #bbb;
  color: #bbb;
  font-weight: normal;
  font-weight: normal;
}
/* set dark colors where missing*/
h1 {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
}


#personal .dropdown b {
#personal .dropdown b {
font-weight: normal;
font-weight: normal;
}
b, strong {
text-shadow: 1px 1px 1px #000;
}
strong, em {
color: inherit;
}
}


/* mediawiki resources/src/mediawiki.action/ mediawiki.action.view.redirectPage.css */
/* mediawiki resources/src/mediawiki.action/ mediawiki.action.view.redirectPage.css */
/* reference redirects image */
.redirectText li > img {
  filter: invert(100%);
}
.redirectMsg {
  filter: none;
}


/* Disabled - May needed for forms
/* Edit code form */
div.editOptions {
div.editOptions, div.editOptions > div {
border-color: #aaa;
border-color: #aaa;
background: #555;
background: #333;
}  
}
*/


/* set dark colors where missing*/
/* set dark colors where missing*/
#mw-wrapper, #mw-header, #mw-header-container,
#mw-wrapper, #mw-header, #mw-header-container,
.right-canvas-menu,  
.right-canvas-menu,  
#mw-content-text,
#mw-content-text {
#p-cactions {
   background-color: #333;
   background-color: #000;
   color: #ccc;  
   color: #ccc;  
   border-color: #aaa;
   border-color: #aaa;
Line 242: Line 269:
.toccolours, .tocnumber,
.toccolours, .tocnumber,
.left-off-canvas-menu,
.left-off-canvas-menu,
.off-canvas-list,
.off-canvas-list {
#p-cactions {
   background-color: transparent;
   background-color: #333;
   color: #ccc;  
   color: #ccc;  
   border-color: #aaa;
   border-color: #aaa;
}
.mw-list-item {
  filter: invert(1);
  background-color: transparent;
}
}
.sidebar-inner {
.sidebar-inner {
Line 257: Line 288:
span, .label  {
span, .label  {
   color: #eee;
   color: #eee;
}
/* MW mediawiki/resources/src/mediawiki.skinning/interface-user-message.less */
.usermessage {
  background-color: #141414;
  border-color: #aaa;
  color: #eee;
}
textarea[style] {
background: #000 !important;
color: #fff;
}
textarea,
#wpUploadDescription {
  color: #ccc;
  background: #000;
}
}


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


/* tools menu / right menu defaults to black  
/* tools menu / right menu defaults to black  
  except on small screens where it if a pop-up  
  except on small screens where it is
so needs color #333 */
a pop-up so needs color #333 */


#user-tools, #personal, #personal-extra, #personal-inner {  
#p-personal, #user-tools, #personal, #personal-extra, #personal-inner {  
background-color: #000;
background-color: #333;
}
}
#user-tools h2 ul {
#user-tools h2 ul {
   background-color: #000;
   background-color: #333;
}
 
/* recent changes colors */
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
color: #ccc;
}
}


@media screen and (max-width: 851px) {
.oo-ui-popupWidget {
#user-tools {  
font-size: 95%;
background-color: #000;
width: 95% !important;
/* Color gets inverted */
background: #eee;
}
.mw-echo-ui-notificationItemWidget {
/* these colors get inverted */
color: #000!important ;
background: #fff !important;
width: 100%;
}
}


#user-tools h2 {
/* Alerts heading plus body background */
display: block;
.oo-ui-popupWidget-popup {
/* colors get inverted */
  background: #eee;
  color: #333 !important;
  margin-left: 1rem !important ;
  width: 95vw !important;
  max-width: 100vw !important;
}
.oo-ui-popupWidget-body {
  background: transparent !important;
}
/* echo bell symbol */
.oo-ui-popupWidget-head > .oo-ui-iconElement-icon {
  background-color: transparent;
}
/* echo alerts popup heading  */
.oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  color: #ccc!important;
}
.mw-echo-ui-notificationItemWidget * {
color: #000!important;
background: transparent!important ;
}
.mw-echo-ui-notificationItemWidget .oo-ui-clippableElement-clippable {
  background: transparent;
}
.oo-ui-popupWidget-footer > .oo-ui-labelElement-label {
  color: #ccc!important;
}
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
  filter: invert(100%);
  background: #000 !important;
}
/* Special pages eg for Special:NewPages when admin */
/* mediawiki/resources/src/mediawiki.special/special.less */
#mw-allmessagestable tbody:hover td, .mw-datatable tr:hover td {
  /* hovering a lower cell within same rowspan */
  background-color: #555;
}
#mw-allmessagestable .am_default {
background-color: #333;
}
#mw-allmessagestable tbody:hover .am_default {
  background-color: #555;
}
}
#user-tools h2 ul {
#mw-allmessagestable .am_actual {
  background-color: #333;
  background-color: #333;
}
}


#user-tools {  
#mw-allmessagestable tbody:hover .am_actual {
position: absolute;
background-color: #555;
right: 1em;
top: 0;
}
}
/*************************************
MEpedia custom color changes to be preserved for dark modes
**************************************
*/


#personal-extra {  
#p-logo-text a, #p-logo-text {
  position: relative;
  left: -12rem;
  top: 0.75rem;
   background-color: transparent;
   background-color: transparent;
  color: #eee; /* timeless currently using a red logo svg instead */
}
/* transparent logo needs white background to get black text visible */
.mw-wiki-logo img {
    background-color: #FFF;
    filter: none;
}
/* change Mediawiki:Anonnotice MediaWiki:Sitenotice and dismissable site notice border, except for Dec fundraising message  */
.border-notice {
  border-color: #fff;
}
.mw-dismissable-notice {
background-color: #000;
}
}
#personal-inner {
/* overwrite lightyellow information disclaimer  */
   background-color: #333;
.custom-bottom-banner {
  background: #111!important;
  color: #eee!important;
}
/* set dark colors where missing */
h1 {
color: #fff;
text-shadow: 1px 1px 1px #000;
}
 
/* Sky blue using low vision color
e.g. for content types etc on search results
*/
a, a:link, a:visited, a:hover, a:active,
a.current, .current a {
  color: #56b4e9;
}
/* Brighter orange */
.orange, .orange a {
  color: #E69F00!important;
}
/* wanted pages red color without text shadow */
.new, a.new,
#p-personal a.new,
#p-personal a.new::visited,
a.new::link, .new a::link,
a.new::visited, .new a:visited,
a.new::hover, .new a::hover,
a.new::active, .new a::active {  
   color: #FF5D5D;
  text-shadow: none;
}
/* stubs lighter than low vision sky blue */
a.stub, a.stub:link, a.stub:visited,
a.stub:hover, a.stub:active {
  color: #86d4f9 !important;
}
/* low vision sky blue shade for headings */
h2, h3, h4, h5, h6, h7,
/* jump to arrow from references */
.mw-cite-backlink {
  color: #56b4e9;
}
 
/* external links light blue-gray not rapture blue */
.mw-body-content a.external,
.mw-body-content a.interwiki,
.mw-body a.extiw,
.mw-body-content a.interwiki::link,
.mw-body-content a.interwiki::visited,
.uls-language-list a,
a.external::link, a.external::visited,    a.external::hover, a.external::active {
color: #A7C5DC!important;
}
/* overwrite screen-common.less colors
for external links that don't use the
external class in the footer
*/
 
b, strong {
text-shadow: 1px 1px 1px #000;
}
strong, em {
background-color: inherit;
color: inherit;
}
 
.mw-footer-container a,
.mw-footer-container a:hover,
.mw-footer-container a:visited {
  color: #A7C5DC !important;
}
 
/* class=transparent available for template icons */
.transparent, img.transparent, .transparent img,
  div.transparent, .mbox-image > img,
  .transparent .thumbinner,
  .transparent .image {
    background: transparent;
}
/* MW 1.39 small screen update changes - all screen sizes */
 
.mw-changeslist-legend-plusminus {
color: #ccc;
}
.mw-plusminus-null {
color: #bbb;
}
/* green */
.mw-plusminus-pos, .success-message {
color: #33cc33;
}
/* red */
.mw-plusminus-neg, .error {
color: #FF5D5D;
}
.diff-addedline .diffchange {
background: #ff2000;
}
pre, .mw-code {
background: #222;
color: #B0B0B0;
border-color: #444;
}
/* red shade with good contrast over black */
.oo-ui-flaggedElement-destructive,
.oo-ui-flaggedElement-destructive:hover {
color: #FF5D5D!important;
}
 
/* Dark colors for use over colored backgrounds, sets paler text and changes border color of there is a border */
.darkskin {
color: #ccc!important;
box-shadow: none;
border-color: #222!important;
}
.white {
  background: #fff;
  filter: invert(0%);
}
.invert {
/* always invert image */
filter: invert(100%)!important;
border: none;
}
/* no border on images eg for userboxes */
.noborder, img.noimgborder,
.noborder > img,
.noborder table tr td img,
.noborder table tr td div,
.noimgborder > img {
    border: none;
}
.whitetext {
color: #eee!important;
box-shadow: none;
}
/* Brighter icons eg for Done ticks */
.bright {
  filter: brightness(200%)
}
.brighter {
  filter: brightness(350%)
}
/* text colors - red defined higher up */
.green { color: #33cc33;}
.blue { color: #56b4e9;} /* low vision sky blue */
.gray { color: lightgray;}
.red, .error {
color: #FF5D5D;
}
/* Color code snippets incl for errors */
code {
    background-color: #ccc;
    color: #000;
    font-weight:bold;
}
/* red over white */
.error code {
  background: #fff;
  color: #cc0000!important;
}
 
 
/* dark text shadow, for use on light backgrounds */
.shadow { text-shadow: 2px 2px 4px #000;}
 
.shortcutbox {
background: #222;
}
 
/* Portal box colors */
.boxbackground {
background: #333!important;
color: #ccc!important;
border-color: #222!important;
border-width: 2px;
}
.boxtitlecolor {
color: #eee!important;
}
.boxtitlebackground {
background: #000!important;
border-color: #000!important;
}
 
/* Copyright license template images */
.layouttemplate tr td img,
.layouttemplate tr td p img {
filter: invert(100%);
background: transparent;
border-color: transparent;
}
 
/* De-Color user signature links (black-on-black) */
a:not([class]) font, a:not([class]) span, a:not([class]) bold {
    background-color:inherit!important;
    color:inherit!important;
}
 
 
.oo-ui-image-invert {
/* if it's normally inverted, don't invert image */
filter: invert(0%);
}
.noinvert {
/* don't invert image */
background-color: transparent;
filter: invert(0%)!important;
border: none;
}
 
/* Adjust citation error colors so they have a background color */
 
.cs1-visible-error  /* red error citation-comment */ {
  background-color: #ff5d5d;
  color: white;
}
.cs1-hidden-error /* error citation-comment */ {
  background-color: orange;
  color: black;
  visibility: visible;
}
.cs1-maint /* citation-comment */ {
  background-color: #33cc33;
  color: black;
}
.cs1-hidden-maint {
  background-color: yellow;
  color: black;
  visibility: visible;
}
 
/* Special pages and Parol extension eg for Special:NewPages when admin
mediawiki/resources/src/mediawiki.special/newpages.less */
.not-patrolled {
  background-color: #141414;
}
/* mediawiki/resources/src/mediawiki.interface.helpers.styles.less */
.unpatrolled {
  color: #56b4e9;
}
 
/* mediawiki/resources/src/mediawiki.interface.helpers.styles.less */
.mw-tempuserlink {
    background-color: #141414;
}
/** rev_deleted stuff low vision blur */
li span.deleted,
span.history-deleted {
  color: #56b4e9;
}
span.mw-history-suppressed {
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
color: #111;
}
 
/* Historically styled red, but should be distinguished from normal red links as the contributions page does exist.
*/
.mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited {
  color: #ff0000;
}
 
/* Images - transparent images need white background, any caption should be almost black */
.mw-body > thumb > img {
  color: white;
  background-color: inherit;
  border: 0;
  filter: none;
}
/* black border on non-icon images */
.thumbinner {
  background-color: #222;
  color: #ccc;
  border: 0;
}
.thumbborder {
  background-color: #222;
  border-color: #000;
}
.thumbinner, .thumbcaption {
  background-color: #222;
}
div.magnify {
  background-color: inherit;
}
/* Main page */
.gallery, .gallerybox, #mw-content-text ul,
table, p, div, table ul, table li
{
  background: #333;
  color: #ccc;
  border-color: #000;
  filter: none;
}
/* gallery image border */
.thumb, .image {
margin: 0.5rem auto;
  background-color: #222 !important;
  border: 1px solid #000 !important;
}
 
/* if background stays white, may not be needed Code editing colors */
/* mediawiki-extensions-SyntaxHighlight_GeSHi
/modules/pygments.generated.css */
 
.il, .m, .mb, .mf, .mh, .mi, .mo, .o { color: #DDBBFF!important;}
.bp, .k, .kd, .kn, .kp, .kt, .nb, .nt, .sx { color: skyblue !important; font-weight: bold;}
.dl, .n, .s, .s1, .s2, .sa, .sb, .sc, .sd, .sh  {color: violet!important;}
.p { color: #bbb!important;}
.ki, .mt { color: lightgreen!important;}
.nc, .nf, .nl { color: #eee!important;}
.c, .c1, .ch, .cm, .cpf, .cs { color: #a0a0a0 !important;}
.cp { color: #EEE8AA !important; }
.fm, .nn {color: #F5B561 !important;}
.gd { color: #FA6666!important; }
.kc, .kr { color: pink!important; }
.nd, .ow {color: #FF5555 !important;}
.se { color: #BFC2FF!important; }
.si, .sr { color: #BFA2FF!important;}
.gh, .gp { color: #FFFF80!important; }
.gi { color: #FF5FFF!important; }
.go { color: #66DD66!important; }
.gu { color: #CFA1CC!important; }
.gr { color: #FF5D5D!important; }
.gt { color: #FFAA44!important; }
.na { color: #CCFFE5!important; }
.ne { color: #FE4478!important; }
.ni { color: #ddd!important; }
.no { color: #88FFFF!important; }
.nv, .ss, .vc, .vg, .vi, .vm { color: dodgerblue!important; }
.w { color: #888!important; }
 
.err { border-color: #FF4444!important; }
.hll { background-color: #000088!important; }
 
/* addthis colors */
.addthis_default_style {
  background: #333;
  border-color: #000;
  color: #ccc;
}
/*************************************/
 
 
/* wikieditor controls */
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
.wikiEditor-ui,
.wikiEditor-section-main
{
    background-color: #333!important;
  filter: none;
  color: #ccc ;
  }
 
/* wikieditor code, bold and italics */
.group-codeeditor-main,
.group.group-format,
.group-size, .group-format span,
.group-insert span
{
  background-color: #fff!important;
  color: #333!important;
  filter: invert(100%)!important;
}
 
/* wikieditor background and icons without text */
.group {
  background-color: #000!important;
  color: #fff!important; 
}
 
.wikiEditor-ui-toolbar div.tabs a:link,
.wikiEditor-ui-toolbar div.tabs a:visited,
.section-characters div.index div {
background-color: #000;
color: #fff;
filter: none!important;
}
 
.wikiEditor-ui-toolbar,
.toolbar, .sections, .tabs, .tab {
  background-color: #000!important;
  color: #fff!important;
  border-color: #000;
}
}
#pt-notifications-alert,
 
#pt-notifications-notice {
/* wikieditor tools end */
filter: invert(100%);
 
background-color: transparent;
/* Recent changes title area */
fieldset {
background-color: #333;
color: #fff;
border-color: #333;
}
}
} /* end small screen changes */
/**********************************/


.mw-wiki-logo {
/* add to existing mobile section margins */
  background-size: contain;
#mw-body, #mw-content {
padding-left: 1px;
padding-right: 1px;
background: #333;
}
}
#p-logo-text a, #p-logo-text {
legend {
  background-color: #000;
    border-color: #000;
  color: #eee;
    color: #ccc!important;
  font-family: Oswald, sans-serif;
    background-color: #333!important;
  font-style: italic;
  font-variant: small-caps;
}
}
#p-logo-text a::before {
fieldset, legend, legend a,
  content: "#";
legend a.current,
  font-family: Oswald, sans-serif;
legend a:link, legend a:visited {
  font-style: italic;
    color: #eee!important;
  font-variant: normal;
}
}


Line 344: Line 848:
.suggestions-result {
.suggestions-result {
     color: #eee;                         
     color: #eee;                         
}
.suggestions-query, .suggestions-special {
background-color: #222;
}
}
/* mediawiki/ resources/src/mediawiki.searchSuggest/ searchSuggest.css */
/* mediawiki/ resources/src/mediawiki.searchSuggest/ searchSuggest.css */
Line 357: Line 864:
.suggestions-result-current a.mw-searchSuggest-link:focus {
.suggestions-result-current a.mw-searchSuggest-link:focus {
color: #000;
color: #000;
}
/* mediawiki/resources/src/mediawiki.special/contribute.less */
.mw-contribute-tabs-content {
background-color: #555;
}
.mw-contribute-card {
  border-color: #141414;
  background-color: #000;
}
.mw-contribute-card-content {
color: #eee;
}
.mw-contribute-card-action {
color: #333;
}
@media all and (max-width: 851px) {
.mw-special-Listfiles .TablePager_col_img_user_text,
.mw-special-Listfiles .TablePager_col_img_description {
color: #222;
}
}


Line 406: Line 932:
border-radius: 5px;
border-radius: 5px;
color: #999;
color: #999;
}
/* addthis colors */
.addthis_default_style {
  background: #333;
  border-color: #000;
  color: #ccc;
}
}


Line 420: Line 939:
padding: 0;
padding: 0;
position: static;
position: static;
}
}
@media screen and (max-width: 851px) {
#user-tools {
background-color: #000;
}
#user-tools h2 {
display: block;
}
#user-tools h2 ul {
  background-color: #333;
}
#user-tools {
position: absolute;
right: 1em;
top: 0;
}
#personal-extra {
  position: relative;
  right: 3em;
  top: 0.75rem;
  background-color: transparent;
}
}
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
/* small screens */
#siteNotice {
border:0;
margin:0;
background-color: inherit; /* prevent white border effect from background */
}
#menus-cover {
#menus-cover {
background: #000;
background: #000;
    color: #ccc;
}
}
#personal-inner {
  background-color: #333;
}
#pt-notifications-alert,
#pt-notifications-notice {
filter: invert(100%);
background-color: transparent;
}
}
}
/* end small screen changes */
/**********************************/


#mw-content-block {
#mw-content-block {
Line 439: Line 1,003:


#mw-content-container {
#mw-content-container {
  border-bottom: #E7453A 5px solid;
   background: #333;
   background: #333;
}
}
Line 447: Line 1,010:
   color: #ccc;
   color: #ccc;
}
}
.color-left, .color-right {
background-color: #333;
}
.color-left-container,
.color-right-container,
.color-middle-container,
.color-middle {
background-color: #E7453A;
color: #333;
overflow: hidden;
}
.color-bar {
background: #E7453A;
}


/* Table background colors and allow scroll off side */
/* Table background colors and allow scroll off side */
Line 541: Line 1,088:
@media screen and (max-width: 1099px) and (min-width: 851px) {
@media screen and (max-width: 1099px) and (min-width: 851px) {
   #mw-header {
   #mw-header {
    background-color: #000;
  background-color: #000;
   }
   }
  .color-bar {
  .color-bar {
Line 549: Line 1,096:
  #personal h3,
  #personal h3,
  .pokey {
  .pokey {
    background: transparent !important;
  background: transparent !important;
    box-shadow: none;
  box-shadow: none;
   }  
   }  
  #mw-related-navigation,
  #mw-related-navigation,
Line 558: Line 1,105:
  #user-tools,
  #user-tools,
  #personal {
  #personal {
    background: transparent !important;
  background: transparent !important;
    box-shadow: none;
  box-shadow: none;
    border: 0;
  border: 0;
   }  
   }  
}
}
Line 568: Line 1,115:
}
}
#personal .dropdown {
#personal .dropdown {
background: #333! important;
  background: #333! important;
border-color: #000;
  border-color: #000;
}
 
/* transparent images need white background */
img {
color: white;
background-color: #333;
border: 0;
}
/* Images - transparent images need white background */
.mw-body img {
    border: 1px solid #000;
    background-color: #FFF;
}
 
/* gallery image border */
.thumb, .image {
margin: 0.5rem auto;
background-color: #333 !important;
border: 1px solid #000 !important;
}
/* class=transparent available for template icons */
img.transparent, .transparent img,
div.transparent, .mbox-image > img,
.transparent .thumbinner, .transparent .image {
background: transparent;
        border: 0!important;
}
}


Line 601: Line 1,122:
     border-color: #000;
     border-color: #000;
     background-color: #333;
     background-color: #333;
}
/* Set ruled line color on [[MediaWiki:Anonnotice]] and [[MediaWiki:Sitenotice]] to gray */
.border-notice hr {
  color: #aaa;
}
}


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


Line 633: Line 1,158:
}
}
/* end of visual editor colors  */
/* end of visual editor colors  */
/* De-Color user signature links (black-on-black) */
a:not([class]) font, a:not([class]) span, a:not([class]) bold {
    background-color:inherit!important;
    color:inherit!important;
}


/* Color explanations with tool tips */
/* Color explanations with tool tips */
Line 715: Line 1,234:
}
}


.mw-changeslist-legend-plusminus {
.autocomment, .autocomment a,
color: #ccc;
.autocomment a:visited {
}
.mw-plusminus-null {
color: #bbb;
}
/* green */
.mw-plusminus-pos, .success-message {
color: #33cc33;
}
/* red */
.mw-plusminus-neg, .error {
color: #FF5D5D;
}
.autocomment {
   color: #ccc;  
   color: #ccc;  
}  
}  
.diff-addedline .diffchange {
background: #ff2000;
}
.oo-ui-buttonElement-button {
.oo-ui-buttonElement-button {
   background-color: #444;  
   background-color: #444;  
Line 748: Line 1,250:
background: #000;
background: #000;
border-color: #444;
border-color: #444;
color: #FF5D5D!important;
}
}
.oo-ui-flaggedElement-destructive:hover {
.oo-ui-flaggedElement-destructive:hover {
background: #333;
background: #333;
color: #FF5D5D!important;
}
}
.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 {
.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 {
Line 779: Line 1,279:
}
}


textarea[style] {
background: #000 !important;
color: #fff;
}
textarea,
#wpUploadDescription {
  color: #ccc;
  background: #000;
}
/* Used in Special:Upload */
/* Used in Special:Upload */
.htmlform-tip {
.htmlform-tip {
Line 796: Line 1,287:
}
}
   
   
/* mediawiki resources/src/mediawiki.skinning/ normalize.less */
tt, kbd, samp {
  background-color: #000;
}
pre, .mw-code {
background: #222;
color: #B0B0B0;
border-color: #444;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
background-color: #999;
background-color: #999;
Line 818: Line 1,300:
   color: #aaa;
   color: #aaa;
}
}
.shortcutbox {
background: #222;
}
/* Portal box colors */
.boxbackground {
background: #333!important;
color: #ccc!important;
border-color: #222!important;
border-width: 2px;
}
.boxtitlecolor, .whitetext {
color: #eee!important;
}
.whitetext {
box-shadow: none;
}
.boxtitlebackground {
background: #000!important;
border-color: #000!important;
}
/* Color code snippets incl for errors */
/* red */
.red, .error {
color: #FF5D5D;
}
code {
    background-color: #ccc;
    color: #000;
    font-weight:bold;
}
/* red over white */
.error code {
  background: #fff;
  color: #cc0000!important;
}
/* wikieditor controls */
.wikiEditor-ui .wikiEditor-ui-view {
border-color: #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom-color: #000;
}
.wikiEditor-ui,
.wikiEditor-section-main
{
    background-color: #333!important;
  filter: none;
  color: #ccc ;
  }
/* wikieditor code, bold and italics */
.group-codeeditor-main,
.group.group-format,
.group-size, .group-format span,
.group-insert span
{
  background-color: #fff!important;
  color: #333!important;
  filter: invert(100%)!important;
}
/* wikieditor background and icons without text */
.group {
  background-color: #000!important;
  color: #fff!important; 
}
.wikiEditor-ui-toolbar div.tabs a:link,
.wikiEditor-ui-toolbar div.tabs a:visited,
.section-characters div.index div {
background-color: #000;
color: #fff;
filter: none!important;
}
.wikiEditor-ui-toolbar,
.toolbar, .sections, .tabs, .tab {
  background-color: #000!important;
  color: #fff!important;
  border-color: #000;
}
/* wikieditor tools end */
/* Recent changes title area */
fieldset {
background-color: #333;
color: #fff;
border-color: #333;
}
/* add to existing mobile section margins */
#mw-body, #mw-content {
padding-left: 1px;
padding-right: 1px;
}
legend {
    border-color: #000;
    color: #ccc!important;
    background-color: #333!important;
}
fieldset, legend, legend a,
legend a.current,
legend a:link, legend a:visited {
    color: #eee!important;
}
/* License images */
.layouttemplate tr td img,
.layouttemplate tr td p img {
filter: invert(100%);
background: transparent;
border-color: transparent;
}
.suggestions-query, .suggestions-special {
background-color: #222;
}
/* end of dark CSS Oct 15 2019*/
/* transparent logo needs white background to get black text visible */
.mw-wiki-logo img {
    background-color: #FFF;
}
.thumbinner
{
  background-color: transparent;
  color: #ccc;
  border-color: #222;
}
/* Dark colors for use over colored backgrounds, sets paler text and changes border color of there is a border */
.darkskin {
color: #ccc!important;
box-shadow: none;
border-color: #222!important;
}
/* Code editing colors */
.kc, .kp, .kt, .mf, .mh, .mi { color: #eee!important;}
.o, .p { color: #bbb!important;}
.k, .ki, .mt { color: lightgreen!important;}
.nc, .nt { color: skyblue!important;}
.c { color: lightgray!important;}
.cp { color: palegoldenrod!important;}
.nb, .nn {color: #B5E0FF!important;}
.nd {color: salmon!important;}
.n, .s1 {color: violet!important;}
/* recent changes colors */
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
color: #ccc;
}
.oo-ui-popupWidget {
font-size: 95%;
width: 95% !important;
/* Color gets inverted */
background: #eee;
}
.mw-echo-ui-notificationItemWidget {
/* these colors get inverted */
color: #000!important ;
background: #fff !important;
width: 100%;
}
/* Alerts heading plus body background */
.oo-ui-popupWidget-popup {
/* colors get inverted */
  background: #eee;
  color: #333 !important;
  margin-left: 1rem !important ;
  width: 95vw !important;
  max-width: 100vw !important;
}
.oo-ui-popupWidget-body {
  background: transparent !important;
}
/* echo bell symbol */
.oo-ui-popupWidget-head > .oo-ui-iconElement-icon {
  background-color: transparent;
}
/* echo alerts popup heading  */
.oo-ui-popupWidget-head > .oo-ui-labelElement-label {
  color: #ccc!important;
}
.mw-echo-ui-notificationItemWidget * {
color: #000!important;
background: transparent!important ;
}
.mw-echo-ui-notificationItemWidget .oo-ui-clippableElement-clippable {
  background: transparent;
}
.oo-ui-popupWidget-footer > .oo-ui-labelElement-label {
  color: #ccc!important;
}
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
  filter: invert(100%);
  background: #000 !important;
}
.oo-ui-image-invert {
/* if it's normally inverted, don't invert image */
filter: invert(0%);
}
.noinvert {
/* don't invert image */
background-color: transparent;
filter: invert(0%)!important;
border: none;
}
.white {
  background: #fff;
  filter: invert(0%);
}
.invert {
/* always invert image */
filter: invert(100%)!important;
border: none;
}
/* no border on images eg for userboxes */
.noborder {
    border: none;
}
img.noimgborder,
.noborder > img,
.noborder table tr td img,
.noborder table tr td div,
.noimgborder > img {
    border: none;
}
/* Brighter icons eg for Done ticks */
.bright {
  filter: brightness(200%)
}
.brighter {
  filter: brightness(350%)
}
/* text colors- red defined higher up */
.green { color: #33cc33;}
/* low vision sky blue */
.blue { color: #56b4e9;}
.gray { color: lightgray;}
/* dark text shadow, for use on light backgrounds */
.shadow { text-shadow: 2px 2px 4px #000;}

Latest revision as of 12:51, July 14, 2023

/* CSS placed here will affect users of the Timeless skin */

/* *******************************
Timeless only layout
******************************** */
#mw-header-hack {
  border-color: #E7453A;
}
#mw-content-container {
  border-bottom: #E7453A 5px solid;
}
.color-bar {
background: #E7453A;
}
.color-left, .color-right {
background-color: #333;
}
.color-left-container, 
.color-right-container, 
.color-middle-container,
.color-middle {
background-color: #E7453A;
color: inherit;
overflow: hidden;
}
.custom-bottom-banner p {
    background: inherit;
    color: inherit;
}
#p-logo-text a, #p-logo-text {
  font-family: Oswald, sans-serif;
  font-style: italic;
  font-variant: normal;
  background-color: transparent;
}
/* don't use since workmark image in use now
#p-logo-text a::before { 
 content: "#";
}
*/

/* Smallish screens display a white section without this */
#mw-header-hack {
  background-color: #000;
}
#mw-header-nav-hack {
   background-color: #000;
   border-color: #000;
   box-shadow: 0 3px 3px 2px rgba( 0, 0, 0, 0.075 ), 0 0 2px rgba( 0, 0, 0, 0.2 );
}

/* MW 1.39 small screen update changes - all screen sizes */
/* hide Wordmark image with black filter and shrink it */
	
/* use Wordmark image not text */
#p-banner > img, .mw-logo-wordmark  {
width: 80px!important;
height: auto!important;
object-scale: 80px auto scale-down!important;
background-color: transparent;
}
/* small screens - hide Wordmark image with black filter and shrink it */
	
#p-banner > img, .mw-logo-wordmark {
/* uncomment to use Wordmark image not text
filter: brightness(0%); 
*/
}
.mw-wiki-logo {
  background-size: contain;
}
/* override serif fonts from @fonts-secondary */
.mw-body dl, .mw-body dt, .mw-body dd, dl, dt, dd {
  font-family: inherit;
}
/* definition lists eg for glossary page, usually created using ; and : lines */
 
.mw-body dt {
  font-weight: bold;
}
/* fix white border behind Anonnotice and Sitenotice */
.mw-dismissable-notice {
 border: none;
}

/* adjust background color for "class=mw-lingo-term" tooltips without a lingo definition 
*/

.qtip-content {
   background-color: #333;
   color: #eee;
}
/* End timeless only code

Dark skin code starts
*/

/* ******************************* */
.skin-timeless {
    background: #333;
    color:  #ccc;
}
html {
	background: rgb(0,0,0) !important;
	height: 100%;
	filter: brightness(100%) contrast(100%) grayscale(0%) !important;
	-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
}
#mw-navigation, body {
	margin: 0;
	background: #000;
	color: #ccc;
}

/* normalize.less colors */
/* mediawiki resources/src/mediawiki.skinning/ normalize.less */
tt, kbd, samp {
   background-color: #000;
}
mark {
    background: #333;
    color: #eee;
}

/* MW 1.39 color update changes - all screen sizes */
/* lower icons for view, edit page on both left and right */
#mw-page-header-links, .mw-portlet-body {
 background-color: #000;
}
#p-views, #p-namespaces {
/* icons may be background images, so change brightness without affecting background color */
 background-color: inherit;
}

#p-personal, #personal-tools, #site-tools, #user-tools, #personal-extra, #site-tools > ul {
 color: #ccc!important;
}
.menu, .vector-menu, .mw-portlet, .vector-menu-tabs,
/* not sure if needed */
#user-tools h3 ul { 
 background: transparent;
 color: #ccc;
}

/* magnifying glass */
#searchButton {
 filter: brightness(200%)!important;
}

/* End MW 1.39 update changes */

/* set background to black for header/footer banners */
.custom-top-banner {
   background-color: rgb(0,0,0) !important;
}
/* black banner behind menus */
.ts-inner, .ts-container {
  background: #000;
}

/* arrow color after links */
.external { 
  background-image: none!important;
  filter: none;
}

.mw-parser-output a.external,
 .link-https,
 a.external {
   padding-right:0;
}

.mw-parser-output a.external:after,
 .link-https:after,
 a.external:after {
/* filter calculated to convert icon from black
 using https://codepen.io/sosuke/pen/Pjoqqp
  svg falls back to png, then none  */
/* Image won't display without some content, so using thin space so link icon doesn't touch letters, then add the image size as padding to prevent filtering characters swashing into it  */
  filter: invert(88%) sepia(5%) saturate(2721%) hue-rotate(177deg) brightness(91%) contrast(89%);
  background-image:url('https://www.me-pedia.org/images/d/d3/External-link-fa4.png');
  background-image:url('https://www.me-pedia.org/images/c/c2/External-link-fa.svg')!important;
  background-size: 12px;
  background-repeat: no-repeat;
}
.oo-ui-tagItemWidget {
    background-color: #ccc;
    color: #000;
}

/* overwrite screen-common.less colors */
#mw-content {
   background: #333;
   color: #ccc; 
   border-color: #000;
   border-bottom: 0;
}

#siteSub {
   color: #ccc;
   display: block;
}
#contentSub {
   color: #ccc;
}
.mw-datatable, .mw-datatable th, .mw-datatable tr, 
.mw-datatable > tr > td, .mw-datatable > * > tr > th,
 .mw-datatable > * > tr > td {
        background: #333;
	color: #ccc;
}
.mw-datatable, .mw-datatable > tr > th, .mw-datatable > tr > td,
.mw-datatable > * > tr > th, .mw-datatable > * > tr > td,
.wikitable, .wikitable > tr > th, .wikitable > tr > td,
.wikitable > * > tr > th, .wikitable > * > tr > td {
	border-color: #000;
}

/* screen-mobile.less */
#menus-cover {
  background: #000;
  color: #eee;
}
#mw-content-block {
        background: #333;
        color: #ccc;
}
form {
    background-color: #000;
    color: #ccc;
 }

/* forms mediawiki/resources/src/mediawiki.ui/components/forms.less */
.mw-ui-vform > label, .mw-ui-label {
	color: #ccc;
}
/* End mw default colors */

/* caption does site visits */
caption {
color: #ccc;
}
caption big {
 color: #bbb;
 font-weight: normal;
}

#personal .dropdown b {
	font-weight: normal;
}

/* mediawiki resources/src/mediawiki.action/ mediawiki.action.view.redirectPage.css */

/* Edit code form */
div.editOptions, div.editOptions > div {
	border-color: #aaa;
	background: #333;
}

/* set dark colors where missing*/
#mw-wrapper, #mw-header, #mw-header-container,
.right-canvas-menu, 
#mw-content-text {
   background-color: #333;
   color: #ccc; 
   border-color: #aaa;
}
.toc, #toc,
.toccolours, .tocnumber,
.left-off-canvas-menu,
.off-canvas-list {
  background-color: transparent;
  color: #ccc; 
  border-color: #aaa;
}

.mw-list-item {
  filter: invert(1);
  background-color: transparent;
}
.sidebar-inner {
   background-color: #333!important;
   color: #ccc;
   border-color: #aaa;
}

/* set light colors where missing eg spans */
span, .label  {
  color: #eee;
}
/* MW mediawiki/resources/src/mediawiki.skinning/interface-user-message.less */
.usermessage {
  background-color: #141414;
  border-color: #aaa;
  color: #eee;
}
textarea[style] {
	background: #000 !important;
	color: #fff;
}
textarea,
 #wpUploadDescription {
   color: #ccc;
   background: #000;
}


/* tools menu / right menu defaults to black 
 except on small screens where it is 
 a pop-up so needs color #333 */

#p-personal, #user-tools, #personal, #personal-extra, #personal-inner { 
background-color: #333;
}

#user-tools h2 ul {
   background-color: #333;
}

/* recent changes colors */
.mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions {
	color: #ccc;
}

.oo-ui-popupWidget {
font-size: 95%;
width: 95% !important;
/* Color gets inverted */
background: #eee;
}
.mw-echo-ui-notificationItemWidget {
/* these colors get inverted */
 color: #000!important ;
 background: #fff !important;
 width: 100%;
}

/* Alerts heading plus body background */
.oo-ui-popupWidget-popup {
/* colors get inverted */
   background: #eee;
   color: #333 !important;
   margin-left: 1rem !important ;
   width: 95vw !important;
   max-width: 100vw !important;
}
.oo-ui-popupWidget-body {
  background: transparent !important;
}
/* echo bell symbol */
.oo-ui-popupWidget-head > .oo-ui-iconElement-icon {
  background-color: transparent;
}
/* echo alerts popup heading  */
.oo-ui-popupWidget-head > .oo-ui-labelElement-label {
   color: #ccc!important; 
}
.mw-echo-ui-notificationItemWidget * {
 color: #000!important;
 background: transparent!important ;
}
.mw-echo-ui-notificationItemWidget .oo-ui-clippableElement-clippable {
  background: transparent;
}
.oo-ui-popupWidget-footer > .oo-ui-labelElement-label {
   color: #ccc!important;
}
.oo-ui-popupWidget-head,
.oo-ui-popupWidget-footer {
  filter: invert(100%);
  background: #000 !important;
}
/* Special pages eg for Special:NewPages when admin */
/* mediawiki/resources/src/mediawiki.special/special.less */
#mw-allmessagestable tbody:hover td, .mw-datatable tr:hover td {
  /* hovering a lower cell within same rowspan */
  background-color: #555;
}
#mw-allmessagestable .am_default {
 background-color: #333;
}
#mw-allmessagestable tbody:hover .am_default {
  background-color: #555;
}
#mw-allmessagestable .am_actual {
  background-color: #333;
}

#mw-allmessagestable tbody:hover .am_actual {
 background-color: #555;
}
/*************************************
MEpedia custom color changes to be preserved for dark modes
**************************************
*/

#p-logo-text a, #p-logo-text {
  background-color: transparent;
  color: #eee; /* timeless currently using a red logo svg instead */
}
/* transparent logo needs white background to get black text visible */
.mw-wiki-logo img {
    background-color: #FFF;
    filter: none;
}

/* change Mediawiki:Anonnotice MediaWiki:Sitenotice and dismissable site notice border, except for Dec fundraising message  */
.border-notice {
   border-color: #fff;
}
.mw-dismissable-notice {
 background-color: #000;
}
/* overwrite lightyellow information disclaimer  */
.custom-bottom-banner {
   background: #111!important;
   color: #eee!important;
}
/* set dark colors where missing */
h1 {
 color: #fff;
 text-shadow: 1px 1px 1px #000;
}

/* Sky blue using low vision color 
 e.g. for content types etc on search results 
*/
a, a:link, a:visited, a:hover, a:active,
a.current, .current a { 
  color: #56b4e9;
}
/* Brighter orange */
.orange, .orange a { 
   color: #E69F00!important;
}
/* wanted pages red color without text shadow */
.new, a.new, 
#p-personal a.new,
#p-personal a.new::visited,
a.new::link, .new a::link,
a.new::visited, .new a:visited,
a.new::hover, .new a::hover,
a.new::active, .new a::active { 
  color: #FF5D5D;
  text-shadow: none;
}
/* stubs lighter than low vision sky blue */
a.stub, a.stub:link, a.stub:visited,
 a.stub:hover, a.stub:active {
  color: #86d4f9 !important;
}
/* low vision sky blue shade for headings */
h2, h3, h4, h5, h6, h7,
/* jump to arrow from references */
.mw-cite-backlink {
  color: #56b4e9;
 }

/* external links light blue-gray not rapture blue */
.mw-body-content a.external,
.mw-body-content a.interwiki,
 .mw-body a.extiw,
 .mw-body-content a.interwiki::link,
 .mw-body-content a.interwiki::visited, 
 .uls-language-list a,
 a.external::link, a.external::visited,    a.external::hover, a.external::active {
 color: #A7C5DC!important;
}
/* overwrite screen-common.less colors 
 for external links that don't use the
 external class in the footer
*/

b, strong {
	text-shadow: 1px 1px 1px #000;
}
strong, em {
 background-color: inherit;
 color: inherit;
}

.mw-footer-container a,
.mw-footer-container a:hover,
.mw-footer-container a:visited {
  color: #A7C5DC !important;
}

/* class=transparent available for template icons */
.transparent, img.transparent, .transparent img,
  div.transparent, .mbox-image > img,
  .transparent .thumbinner,
  .transparent .image {
    background: transparent;
}
/* MW 1.39 small screen update changes - all screen sizes */

.mw-changeslist-legend-plusminus {
 color: #ccc;
}
.mw-plusminus-null { 
color: #bbb;
 } 
/* green */
.mw-plusminus-pos, .success-message {
	color: #33cc33;
 }
/* red */
.mw-plusminus-neg, .error {
	color: #FF5D5D;
}
.diff-addedline .diffchange {
	background: #ff2000;
}
pre, .mw-code {
	background: #222;
	color: #B0B0B0;
	border-color: #444;
}
/* red shade with good contrast over black */
.oo-ui-flaggedElement-destructive,
 .oo-ui-flaggedElement-destructive:hover {
	color: #FF5D5D!important;
}

/* Dark colors for use over colored backgrounds, sets paler text and changes border color of there is a border */
.darkskin {
 color: #ccc!important;
 box-shadow: none;
 border-color: #222!important;
}
.white {
  background: #fff;
  filter: invert(0%);
}
.invert {
/* always invert image */
 filter: invert(100%)!important;
 border: none;
}
/* no border on images eg for userboxes */
.noborder, img.noimgborder,
.noborder > img,
.noborder table tr td img,
.noborder table tr td div,
.noimgborder > img {
     border: none;
}
.whitetext {
 color: #eee!important;
 box-shadow: none;
}
 
/* Brighter icons eg for Done ticks */
.bright {
  filter: brightness(200%)
}
.brighter {
  filter: brightness(350%)
}
/* text colors - red defined higher up */
.green { color: #33cc33;}
.blue { color: #56b4e9;} /* low vision sky blue */
.gray { color: lightgray;}
.red, .error {
 color: #FF5D5D;
}
/* Color code snippets incl for errors */
code { 
    background-color: #ccc; 
    color: #000; 
    font-weight:bold;
}
/* red over white */
.error code { 
   background: #fff;
   color: #cc0000!important;
}


/* dark text shadow, for use on light backgrounds */
.shadow { text-shadow: 2px 2px 4px #000;}

.shortcutbox { 
 background: #222;
} 

/* Portal box colors */
.boxbackground {
 background: #333!important;
 color: #ccc!important;
 border-color: #222!important;
 border-width: 2px;
}
.boxtitlecolor {
 color: #eee!important;
}
.boxtitlebackground {
 background: #000!important;
 border-color: #000!important;
}

/* Copyright license template images */
.layouttemplate tr td img,
.layouttemplate tr td p img {
 filter: invert(100%);
 background: transparent;
 border-color: transparent;
}

/* De-Color user signature links (black-on-black) */
a:not([class]) font, a:not([class]) span, a:not([class]) bold {
    background-color:inherit!important;
    color:inherit!important;
}


.oo-ui-image-invert {
/* if it's normally inverted, don't invert image */
 filter: invert(0%);
}
.noinvert {
/* don't invert image */
 background-color: transparent;
 filter: invert(0%)!important;
 border: none;
}

/* Adjust citation error colors so they have a background color */

.cs1-visible-error  /* red error citation-comment */ {
   background-color: #ff5d5d;
   color: white;
}
.cs1-hidden-error /* error citation-comment */ {
   background-color: orange;
   color: black;
   visibility: visible;
}
.cs1-maint /* citation-comment */ {
   background-color: #33cc33;
   color: black;
}
.cs1-hidden-maint {
   background-color: yellow;
   color: black;
   visibility: visible;
}

/* Special pages and Parol extension eg for Special:NewPages when admin 
mediawiki/resources/src/mediawiki.special/newpages.less */
.not-patrolled {
  background-color: #141414;
}
/* mediawiki/resources/src/mediawiki.interface.helpers.styles.less */
.unpatrolled {
  color: #56b4e9;
}

/* mediawiki/resources/src/mediawiki.interface.helpers.styles.less */
.mw-tempuserlink {
    background-color: #141414;
}
/** rev_deleted stuff low vision blur */
li span.deleted,
span.history-deleted {
  color: #56b4e9;
}
span.mw-history-suppressed {
	/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 color: #111;
}

/* Historically styled red, but should be distinguished from normal red links as the contributions page does exist.
*/
.mw-usertoollinks-contribs-no-edits, .mw-usertoollinks-contribs-no-edits:visited {
  color: #ff0000;
}

/* Images - transparent images need white background, any caption should be almost black */
.mw-body > thumb > img { 
   color: white;
   background-color: inherit;
   border: 0;
   filter: none;
}
/* black border on non-icon images */
.thumbinner {
  background-color: #222;
  color: #ccc; 
  border: 0;
}
.thumbborder {
   background-color: #222;
   border-color: #000;
}
.thumbinner, .thumbcaption {
   background-color: #222;
}
div.magnify {
   background-color: inherit;
}
/* Main page */
.gallery, .gallerybox, #mw-content-text ul,
table, p, div, table ul, table li
{
   background: #333; 
   color: #ccc; 
   border-color: #000;
   filter: none;
}
/* gallery image border */
.thumb, .image { 
margin: 0.5rem auto; 
   background-color: #222 !important;
   border: 1px solid #000 !important;
} 

/* if background stays white, may not be needed Code editing colors */
/* mediawiki-extensions-SyntaxHighlight_GeSHi
/modules/pygments.generated.css */

.il, .m, .mb, .mf, .mh, .mi, .mo, .o { color: #DDBBFF!important;}
.bp, .k, .kd, .kn, .kp, .kt, .nb, .nt, .sx { color: skyblue !important; font-weight: bold;}
.dl, .n, .s, .s1, .s2, .sa, .sb, .sc, .sd, .sh  {color: violet!important;}
.p { color: #bbb!important;} 
.ki, .mt { color: lightgreen!important;}
.nc, .nf, .nl { color: #eee!important;}
.c, .c1, .ch, .cm, .cpf, .cs { color: #a0a0a0 !important;}
.cp { color: #EEE8AA !important; }
.fm, .nn {color: #F5B561 !important;}
.gd { color: #FA6666!important; } 
.kc, .kr { color: pink!important; }
.nd, .ow {color: #FF5555 !important;}
.se { color: #BFC2FF!important; } 
.si, .sr { color: #BFA2FF!important;} 
.gh, .gp { color: #FFFF80!important; } 
.gi { color: #FF5FFF!important; } 
.go { color: #66DD66!important; } 
.gu { color: #CFA1CC!important; }
.gr { color: #FF5D5D!important; } 
.gt { color: #FFAA44!important; } 
.na { color: #CCFFE5!important; } 
.ne { color: #FE4478!important; } 
.ni { color: #ddd!important; } 
.no { color: #88FFFF!important; } 
.nv, .ss, .vc, .vg, .vi, .vm { color: dodgerblue!important; }
.w { color: #888!important; } 

.err { border-color: #FF4444!important; } 
.hll { background-color: #000088!important; }

/* addthis colors */
.addthis_default_style {
  background: #333;
  border-color: #000;
  color: #ccc;
}
/*************************************/


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

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

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

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

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

/* wikieditor tools end */

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

/* add to existing mobile section margins */
#mw-body, #mw-content {
 padding-left: 1px;
 padding-right: 1px;
 background: #333;
}
legend {
    border-color: #000;
    color: #ccc!important;
    background-color: #333!important;
}
fieldset, legend, legend a, 
legend a.current,
legend a:link, legend a:visited {
    color: #eee!important;
}

/* jquery.suggestions.css */
/* Dropdown box autocomplete must not be navy */
/* Search results suggestion box */
.suggestions-results {
   /* inverted */
   background-color: #ccc;
   color: #000;
}
.suggestions-special {
    background-color: #333;
    border-color: #aaa;               
}
.suggestions-result {
    color: #eee;                        
}
.suggestions-query, .suggestions-special {
 background-color: #222;
}
/* mediawiki/ resources/src/mediawiki.searchSuggest/ searchSuggest.css */
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
	color: #eee;
}
.suggestions-result-current a.mw-searchSuggest-link,
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
	color: #000;
}
/* mediawiki/resources/src/mediawiki.special/contribute.less */
.mw-contribute-tabs-content {
 background-color: #555;
	}
.mw-contribute-card {
  border-color: #141414;
  background-color: #000;
	}
.mw-contribute-card-content {
	color: #eee;
}
.mw-contribute-card-action {
	color: #333;
	}
@media all and (max-width: 851px) {
.mw-special-Listfiles .TablePager_col_img_user_text,
.mw-special-Listfiles .TablePager_col_img_description {
 color: #222;
}

#searchInput-container {
	background: #333;
}
#simpleSearch {
	border-color: #000;
	border-radius: 3px;
}
div#simpleSearch,
.suggestions,
.suggestions-special .special-label,
.suggestions-special .special-query,
.suggestions-result,
.suggestions-results,
.suggestions-special,

/* extras from mediawiki-skins-Timeless/resources/screen-common.less */
.suggestions .suggestions-special,
.suggestions .suggestions-result,
.suggestions .suggestions-results {
    color: #ccc;   
    background-color: #333;
}
.suggestions-result-current,
suggestions .suggestions-result-current {
    border-color: #aaa;
    /* inverted colors */
    background-color: #ccc;
    color: #000;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
    /* inverted colors */
    background-color: #ccc;
    color: #000;
}
.suggestions-special .special-hover {
    background-color: #000;
}
#searchButton {
  border-color: transparent!important;
}

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

#mw-header {
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: static;
}
}

@media screen and (max-width: 851px) {
#user-tools { 
background-color: #000;
}

#user-tools h2 {
display: block;
}
#user-tools h2 ul {
   background-color: #333;
}

#user-tools { 
position: absolute;
right: 1em;
top: 0;
}

#personal-extra { 
  position: relative;
  right: 3em;
  top: 0.75rem;
  background-color: transparent;
}
}
@media screen and (max-width: 850px) {
/* small screens */
#siteNotice {
 border:0;
 margin:0;
 background-color: inherit; /* prevent white border effect from background */
}
#menus-cover {
	background: #000;
    color: #ccc;
}

#personal-inner {
  background-color: #333;
}
#pt-notifications-alert,
#pt-notifications-notice { 
filter: invert(100%);
background-color: transparent;
}
} 
/* end small screen changes */
/**********************************/

#mw-content-block {
 background: #000;
 border: 0;
}

/* black footer */
#footer-bottom, .footer-places {
  background-color: #000;
  border: none;
}

#mw-content-container {
  background: #333;
}
.mw-body {
  border: none;
  background: #333;
  color: #ccc;
}

/* Table background colors and allow scroll off side */
table { 
    background-color: #333;
    color: #ccc;
    border-color: #000;
    overflow-x: auto;
}
th {
    background-color: #333;
    color: #ccc;
    border-color: #000;
}
tr, td {
    background-color: #333;
    color: #ccc; 
    border-color: #000;
}

/* Tabular tables - used on main page  */
table.wikitable {
  border-color: #000 !important;
  color: #ccc;
  text-align: center;
  background-color: #000;
  text-shadow: 2px 2px 4px #000;
}
.wikitable tr {
  background-color: #333;
  border-color: #000;
  color: #eee;
}
.wikitable > * > tr > th {
  background-color: #454544!important;
  border-color: #000;
  color: #fff!important;
}

.wikitable tr, .wikitable tr td {
  background-color: #333;
  border-color: #000 !important;
  color: #ccc;
}

/* JQuery white sort arrows  */
table.jquery-tablesorter th.headerSort {
    filter: invert(100%);
}
table.jquery-tablesorter th.headerSortUp {
    filter: invert(100%);
}
table.jquery-tablesorter th.headerSortDown {
    filter: invert(100%);
}
/* larger screens only white placeholder behind the MEpedia logo */
@media screen and (min-width: 851px) {
 .mw-wiki-logo {
    background-color: #fff;
  }
  #p-logo {
    background-size: contain;
    background-color: inherit;
  }
  .sidebar-chunk,
  #mw-related-navigation .sidebar-inner,
  #mw-site-navigation .sidebar-inner,
  #personal-inner,
  .sidebar-inner,
  #page-tools,
  #site-tools,
  #user-tools {
     background: #333 !important;
     border-color: #333;
  }
}

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

#personal h2 {
	text-shadow: 1px 1px 0 #333;
}
#personal .dropdown {
   background: #333! important;
   border-color: #000;
}

hr {
    border-color: #000;
    background-color: #333;
}
/* Set ruled line color on [[MediaWiki:Anonnotice]] and [[MediaWiki:Sitenotice]] to gray */
.border-notice hr {
  color: #aaa;
}

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

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

/* Cite button text */ 
 .oo-ui-tool-title,
 .oo-ui-tool-accel  {
  color: #fff!important;
}
.oo-ui-tool, .oo-ui-tool-link
 {
  background: #000;
  color: #fff!important;
}

.oo-ui-clippableElement-clippable {
 background: #333;
 color: #fff;
}
/* end of visual editor colors  */

/* Color explanations with tool tips */
abbr, acronym, .explain {
    border-color: #000;
    color: #ccc;
    background-color: #333;
}
.codeEditor-status {
	color: #555;
}
.oo-ui-labelElement-label {
	text-shadow: 1px 2px #333;
}
#wpSave {
	text-shadow: 1px 1px 1px #000 !important
}

fieldset {
  background: #333! important;
  border-color: #000;
}
input {
/*	background: #333; */
	border-color: #000!important;
	border-radius: 2px;
	color: #ccc;
}

/* display file info from 
mediawiki/resources/src/mediawiki.action/ mediawiki.action.view.filepage.css 
*/
#filetoc {
	border-color: #000;
	background-color: #333;
}
.mw_metadata td, .mw_metadata th {
	border-color: #000;
}
.mw_metadata th, .mw_metadata td {
	background: #333;
}

#searchInput {
	border: 0!important;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
	background-color: #333;
	color: #ccc;
}
#pagehistory li.selected {
	background-color: #555;
}
.warningbox {
	background: #333;
}
.mw-body-text {
  color: #ccc;
}
.mw-indicators {
/* symbols need filter */
 background-color: transparent!important;
 filter: invert(100%);
 border: none;
}

#mw-indicator-mw-helplink a {
 color: #000!important;
}
#mw-indicator-mw-helplink {
 background: inherit!important;
}
.mw-changeslist-legend {
 background: transparent;
 color: #ccc!important;
}

.autocomment, .autocomment a,
.autocomment a:visited {
  color: #ccc; 
} 
.oo-ui-buttonElement-button {
  background-color: #444; 
  color: #eee;
  border-color: #000;
}
.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: #333!important;
	text-shadow: 0 0 0 #000 !important;
}
.oo-ui-flaggedElement-destructive {
	background: #000;
	border-color: #444;
}
.oo-ui-flaggedElement-destructive:hover {
	background: #333;
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000 !important;
}
.oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000
}
.oo-ui-panelLayout-expanded {
	background: #333;
}
.oo-ui-messageDialog-message {
	color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
	border-right: 1px solid #000
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #000;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 1px solid #000;
}

/* Used in Special:Upload */
.htmlform-tip {
  color: #ccc;
}
td.mw-input input {
  border-color: #eee!important;
}
 
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: #999;
	border-color: #333;
}

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