MediaWiki:Timeless.css: Difference between revisions
From MEpedia, a crowd-sourced encyclopedia of ME and CFS science and history
Notjusttired (talk | contribs) (suggestions hover, redirect message) |
Notjusttired (talk | contribs) (move custom color code together) |
||
(63 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; | ||
} | } | ||
. | |||
/* normalize.less colors */ | |||
/* mediawiki resources/src/mediawiki.skinning/ normalize.less */ | |||
tt, kbd, samp { | |||
background-color: #000; | |||
} | } | ||
mark { | mark { | ||
background: #333; | background: #333; | ||
Line 22: | Line 123: | ||
} | } | ||
/* | /* 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 { | ||
color: | background-color: rgb(0,0,0) !important; | ||
} | } | ||
/* | /* black banner behind menus */ | ||
. | .ts-inner, .ts-container { | ||
background: #000; | |||
} | } | ||
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 */ | ||
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 168: | Line 214: | ||
.wikitable, .wikitable > tr > th, .wikitable > tr > td, | .wikitable, .wikitable > tr > th, .wikitable > tr > td, | ||
.wikitable > * > tr > th, .wikitable > * > tr > td { | .wikitable > * > tr > th, .wikitable > * > tr > td { | ||
border: | border-color: #000; | ||
} | } | ||
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 { | |||
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; | ||
} | } | ||
#personal .dropdown b { | #personal .dropdown b { | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
/* mediawiki resources/src/mediawiki.action/ mediawiki.action.view.redirectPage.css */ | /* mediawiki resources/src/mediawiki.action/ mediawiki.action.view.redirectPage.css */ | ||
/* | /* Edit code form */ | ||
div.editOptions { | div.editOptions, div.editOptions > div { | ||
border-color: #aaa; | border-color: #aaa; | ||
background: # | 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 { | ||
background-color: #333; | |||
background-color: # | |||
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 { | ||
background-color: transparent; | |||
background-color: | |||
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; | |||
} | } | ||
/* tools menu / right menu defaults to black | /* tools menu / right menu defaults to black | ||
except on small screens where it | except on small screens where it is | ||
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: # | background-color: #333; | ||
} | } | ||
#user-tools h2 ul { | #user-tools h2 ul { | ||
background-color: # | 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; | 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- | /* 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; | |||
} | } | ||
# | /* 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; | |||
} | } | ||
Line 333: | Line 837: | ||
/* Dropdown box autocomplete must not be navy */ | /* Dropdown box autocomplete must not be navy */ | ||
/* Search results suggestion box */ | /* Search results suggestion box */ | ||
.suggestions-results | .suggestions-results { | ||
/* inverted */ | |||
background-color: #ccc; | |||
color: #000; | |||
} | |||
.suggestions-special { | |||
background-color: #333; | background-color: #333; | ||
border: | border-color: #aaa; | ||
} | } | ||
.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 354: | 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 370: | Line 899: | ||
.suggestions-results, | .suggestions-results, | ||
.suggestions-special, | .suggestions-special, | ||
.suggestions .suggestions-result- | |||
/* extras from mediawiki-skins-Timeless/resources/screen-common.less */ | |||
.suggestions .suggestions-special, | |||
.suggestions .suggestions-result, | |||
.suggestions .suggestions-results { | |||
color: #ccc; | color: #ccc; | ||
background-color: #333 | background-color: #333; | ||
} | } | ||
.suggestions-result-current { | .suggestions-result-current, | ||
suggestions .suggestions-result-current { | |||
border-color: #aaa; | border-color: #aaa; | ||
/* inverted colors */ | /* inverted colors */ | ||
Line 398: | Line 932: | ||
border-radius: 5px; | border-radius: 5px; | ||
color: #999; | color: #999; | ||
} | } | ||
Line 412: | 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 431: | Line 1,003: | ||
#mw-content-container { | #mw-content-container { | ||
background: #333; | background: #333; | ||
} | } | ||
Line 439: | Line 1,010: | ||
color: #ccc; | color: #ccc; | ||
} | } | ||
/* Table background colors and allow scroll off side */ | /* Table background colors and allow scroll off side */ | ||
Line 533: | 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; | |||
} | } | ||
.color-bar { | .color-bar { | ||
Line 541: | Line 1,096: | ||
#personal h3, | #personal h3, | ||
.pokey { | .pokey { | ||
background: transparent !important; | |||
box-shadow: none; | |||
} | } | ||
#mw-related-navigation, | #mw-related-navigation, | ||
Line 550: | Line 1,105: | ||
#user-tools, | #user-tools, | ||
#personal { | #personal { | ||
background: transparent !important; | |||
box-shadow: none; | |||
border: 0; | |||
} | } | ||
} | } | ||
Line 560: | Line 1,115: | ||
} | } | ||
#personal .dropdown { | #personal .dropdown { | ||
background: #333! important; | |||
border-color: #000; | |||
} | } | ||
Line 593: | 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 625: | Line 1,158: | ||
} | } | ||
/* end of visual editor colors */ | /* end of visual editor colors */ | ||
/* Color explanations with tool tips */ | /* Color explanations with tool tips */ | ||
Line 663: | Line 1,190: | ||
*/ | */ | ||
#filetoc { | #filetoc { | ||
border: | border-color: #000; | ||
background-color: #333; | background-color: #333; | ||
} | } | ||
.mw_metadata td, .mw_metadata th { | .mw_metadata td, .mw_metadata th { | ||
border: | border-color: #000; | ||
} | } | ||
.mw_metadata th, .mw_metadata td { | .mw_metadata th, .mw_metadata td { | ||
Line 707: | Line 1,234: | ||
} | } | ||
. | .autocomment, .autocomment a, | ||
.autocomment a:visited { | |||
.autocomment { | |||
color: #ccc; | color: #ccc; | ||
} | } | ||
.oo-ui-buttonElement-button { | .oo-ui-buttonElement-button { | ||
background-color: #444; | background-color: #444; | ||
Line 740: | Line 1,250: | ||
background: #000; | background: #000; | ||
border-color: #444; | border-color: #444; | ||
} | } | ||
.oo-ui-flaggedElement-destructive:hover { | .oo-ui-flaggedElement-destructive:hover { | ||
background: #333; | 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 { | .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 771: | Line 1,279: | ||
} | } | ||
/* Used in Special:Upload */ | /* Used in Special:Upload */ | ||
.htmlform-tip { | .htmlform-tip { | ||
Line 788: | Line 1,287: | ||
} | } | ||
.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; | ||
border: | border-color: #333; | ||
} | } | ||
Line 810: | Line 1,300: | ||
color: #aaa; | color: #aaa; | ||
} | } | ||
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;
}