Melvor Idle

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 17:38, 15 December 2022

2,609 bytes removed ,  15 December 2022
Rework dark mode implementation, prevents FOUC on page load
(Dark mode: Improve contrast for tabber containers, amend footer styling)
(Rework dark mode implementation, prevents FOUC on page load)
Line 7: Line 7:


table.lighttable .highlight-over {
table.lighttable .highlight-over {
background-color:#ccc
background-color:#ddd
}
}
table.lighttable .highlight-on {
table.lighttable .highlight-on {
Line 13: Line 13:
}
}


.infobox {
a {
color:#29d;
}
a:visited {
color:#18c;
}
 
.infobox, .noticebox {
float:right;
float:right;
clear:right;
clear:right;
max-width:250px;
max-width:250px;
margin-left:10px
margin-left:10px;
}
 
.noticebox {
margin: 0.5em;
padding: 0.5em;
border:1px solid;
background-color:#e6edfe;
border-color:#0088dd;
}
}


Line 30: Line 45:


@media screen and (max-width:850px) {
@media screen and (max-width:850px) {
.infobox, .messagebox {
.infobox, .noticebox, .messagebox {
max-width:100%;
max-width:100%;
min-width:250px;
min-width:250px;
Line 38: Line 53:
margin:0 0 .5em 0;
margin:0 0 .5em 0;
}
}
}
.wikitable.headerBorders th:first-child,
.wikitable.headerBorders th:last-child,
body.darkMode .wikitable.headerBorders th:first-child,
body.darkMode .wikitable.headerBorders th:last-child {
border-left: none;
border-right:none
}
.wikitable.headerBorders th {
border:solid 1px #fff;
background-clip: padding-box
}
body.darkMode .wikitable.headerBorders th {
border:solid 1px #2c343f;
background-clip: padding-box
}
}


.mw-code,
.mw-code,
.mw-script {
.mw-script {
tab-size: 4
tab-size: 4;
}
}


Line 122: Line 121:
}
}


/* Dark mode specific rules below this point */
/* Dark theme rules below, these apply when the user has their OS or
body.darkMode #mw-page-header-links li.selected a,
* browser style/theme preference set as dark
body.darkMode #p-logo-text a,
*/
body.darkMode #searchInput,
@media only screen and (prefers-color-scheme: dark) and (min-width:1100px) {
body.darkMode .diff-context,
#mw-related-navigation .sidebar-chunk,
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
#mw-site-navigation .sidebar-chunk {
body.darkMode .mw-body .mw-search-profile-tabs,
body.darkMode .mw-body fieldset#mw-searchoptions,
body.darkMode .mw-changeslist-legend,
body.darkMode .mwe-popups .mwe-popups-extract,
body.darkMode .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
body.darkMode .mw-rcfilters-ui-filterMenuHeaderWidget-title,
body.darkMode .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
body.darkMode .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
body.darkMode .mw-rcfilters-ui-tagItemWidget-popup-content,
body.darkMode .mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
body.darkMode .mw-widget-calendarWidget-day,
body.darkMode .mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
body.darkMode .oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
body.darkMode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
body.darkMode .oo-ui-messageDialog-message,
body.darkMode .search-types .current a,
body.darkMode .suggestions .suggestions-result,
body.darkMode .suggestions a.mw-searchSuggest-link,
body.darkMode .suggestions a.mw-searchSuggest-link:active,
body.darkMode .suggestions a.mw-searchSuggest-link:focus,
body.darkMode .suggestions a.mw-searchSuggest-link:hover,
body.darkMode .suggestions-special .special-query,
body.darkMode .wikitable,
body.darkMode code,
body.darkMode {
color:#eee;
}
body.darkMode {
background-color:#282e37;
}
body.darkMode #searchInput:focus {
outline: #0060df solid 2px
}
body.darkMode .warningbox {
color:#f2d790;
border-color:#9b5e1c;
background-color:#6f4f2e;
}
body.darkMode #pagehistory li {
border:1px solid #2c343f
}
body.darkMode .diff-addedline .diffchange {
background:#4f6334
}
body.darkMode .diff-deletedline .diffchange {
background:#775353
}
body.darkMode .diff-addedline {
border-color:#4f6334
}
body.darkMode .diff-deletedline {
border-color:#775353
}
body.darkMode .updatedmarker {
background-color:#4f6334
}
body.darkMode #pagehistory li.selected {
background-color:#353d48;
color:#eee;
border:1px dashed #465160
}
body.darkMode .mw-plusminus-pos {
color:#18b918
}
body.darkMode .mw-plusminus-neg {
color:#f94e4e
}
body.darkMode .editOptions,
body.darkMode .mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color:#232a35;
color:#eee
}
body.darkMode pre,
body.darkMode textarea,
body.darkMode #mw-header-container,
body.darkMode .oo-ui-textInputWidget .oo-ui-inputWidget-input,
body.darkMode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
body.darkMode .oo-ui-checkboxInputWidget [type='checkbox'] + span,
body.darkMode .oo-ui-messageDialog-container,
body.darkMode .oo-ui-toggleSwitchWidget,
body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
body.darkMode .mw-code,
body.darkMode .mw-widget-dateInputWidget-handle,
body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline {
background-color:#323942;
color:#eee;
}
body.darkMode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button,
body.darkMode .oo-ui-popupWidget-popup,
body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget,
body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
body.darkMode .mw-widget-dateInputWidget-calendar {
background-color:#323942;
border-color:#465160;
color:#eee
}
body.darkMode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
body.darkMode .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
body.darkMode .mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color:#3c424a
}
body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
body.darkMode .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color:#223145
}
body.darkMode .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
body.darkMode .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color:#a4a1a1;
}
body.darkMode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
body.darkMode .mw-rcfilters-ui-filterMenuHeaderWidget-header,
body.darkMode .mw-rcfilters-ui-menuSelectWidget-footer {
background-color:#282e37;
}
body.darkMode .mw-widget-calendarWidget-day-heading {
  color:#a6a6a6;
}
body.darkMode .mw-widget-calendarWidget-day-additional {
color:#222
}
body.darkMode .oo-ui-toggleSwitchWidget:hover {
background-color:#323942
}
body.darkMode .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color:#72777d
}
body.darkMode .oo-ui-popupWidget-anchor:before {
border-top-color:#465160
}
body.darkMode .oo-ui-popupWidget-anchor:after {
border-top-color:#323942
}
body.darkMode #simpleSearch,
body.darkMode .editOptions {
border-color:#465160;
}
body.darkMode #mw-content-container,
body.darkMode #simpleSearch,
body.darkMode .cn-formsection-emphasis {
background-color:#232a35;
}
body.darkMode .mw-parser-output a.external,
a {
color:#29d
}
body.darkMode .mw-parser-output a.external:visited,
a:visited {
color:#18c
}
body.darkMode .mw-parser-output a.external:active,
body.darkMode .mw-parser-output a.external:hover,
body.darkMode a:active,
body.darkMode a:hover {
color:#5bf
}
body.darkMode .mw-spinner-container > div:after {
background:#eee
}
body.darkMode #mw-content {
background-color:#2c343f;
border-color:#2c343f
}
body.darkMode .not-patrolled {
background-color:#594215
}
body.darkMode .tocnumber {
color:#ccc
}
body.darkMode .toctogglelabel {
color:#28c
}
body.darkMode .diff-context,
body.darkMode .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
body.darkMode .mw-body .mw-search-profile-tabs,
body.darkMode .mw-body fieldset#mw-searchoptions,
body.darkMode .mw-body li.gallerybox div.thumb,
body.darkMode .mw-changeslist-legend,
body.darkMode .mw-warning,
body.darkMode .suggestions,
body.darkMode .suggestions .suggestions-results,
body.darkMode .suggestions .suggestions-special,
body.darkMode .thumbinner,
body.darkMode .toc,
body.darkMode .wikitable,
body.darkMode ul#filetoc {
background-color:#323942;
border-color:#626c7b;
}
body.darkMode pre,
body.darkMode .mw-code,
body.darkMode .thumbborder,
body.darkMode .thumbinner .thumbimage,
body.darkMode .wikitable>*>tr>td,
body.darkMode .wikitable>*>tr>th,
body.darkMode .wikitable>tr>td,
body.darkMode .wikitable>tr>th {
border-color:#626c7b;
}
body.darkMode .wikitable>*>tr>th,
body.darkMode .wikitable>tr>th {
background-color:#465160
}
body.darkMode .mw-datatable {
border:1px solid #465160;
border-collapse:collapse
}
body.darkMode .mw-datatable td,
body.darkMode .mw-datatable th {
border:1px solid #465160;
padding:0.2em 0.4em
}
body.darkMode .mw-datatable th {
background-color:#465160
}
body.darkMode .mw-datatable td {
background-color:#323942
}
body.darkMode .mw-datatable tr:hover td,
body.darkMode #mw-allmessagestable tbody:hover td {
background-color:#3c424a
}
body.darkMode .mwe-popups,
body.darkMode .mwe-popups .mwe-popups-container {
background:#323942;
-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
}
body.darkMode .mwe-popups .mwe-popups-extract[dir=ltr]::after {
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
}
body.darkMode .pokey,
body.darkMode .pokey:after,
body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):after,
body.darkMode .mwe-popups.flipped-x:after {
border-bottom-color:#323942
}
body.darkMode .mwe-popups.flipped-y:after,
body.darkMode .mwe-popups.flipped-x-y:after {
border-top-color:#323942
}
body.darkMode .mwe-popups:not(.flipped-y):not(.flipped-x-y):before,
body.darkMode .mwe-popups.flipped-x:before {
border-bottom-color:#465160
}
body.darkMode .mwe-popups.flipped-y:before,
body.darkMode .mwe-popups.flipped-x-y:before {
border-top-color:#465160
}
body.darkMode .pokey {
border-bottom-color:#465160
}
body.darkMode td[style*="background-color:lightpink;"],
body.darkMode td[style*="background-color:#FFE8E8;"],
body.darkMode tr[style*="background-color:lightpink;"],
body.darkMode tr[style*="background-color:#FFE8E8;"] {
background-color:#6a2731!important
}
body.darkMode td[style*="background-color:lightgreen;"],
body.darkMode td[style*="background-color:#E8FFEB;"],
body.darkMode tr[style*="background-color:lightgreen;"],
body.darkMode tr[style*="background-color:#E8FFEB;"] {
background-color:#285128!important
}
body.darkMode span[style*="color:green"] {
color:#3ec83e!important
}
body.darkMode table[style*="background:#FFF7F7;"] {
background-color:#465160!important
}
body.darkMode #mw-header-nav-hack {
background:#323942;
border-top-color:#465160
}
@media only screen and (min-width:1100px) {
body.darkMode #mw-related-navigation .sidebar-chunk,
body.darkMode #mw-site-navigation .sidebar-chunk {
background-color:#323942;
background-color:#323942;
border-color:#323942;
border-color:#323942;
Line 412: Line 132:
}
}
}
}
body.darkMode #mw-related-navigation .sidebar-inner,
@media (prefers-color-scheme: dark) {
body.darkMode #mw-site-navigation .sidebar-inner,
#mw-page-header-links li.selected a,
body.darkMode #personal .dropdown {
#p-logo-text a,
background:#323942;
#searchInput,
border-color:#465160
.diff-context,
}
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
body.darkMode #menus-cover {
.mw-body .mw-search-profile-tabs,
background:#111
.mw-body fieldset#mw-searchoptions,
}
.mw-changeslist-legend,
body.darkMode table.lighttable .highlight-over {
.mwe-popups .mwe-popups-extract,
background-color:#465160
.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
body.darkMode table.lighttable .highlight-on {
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title,
background-color:#285128
.mw-rcfilters-ui-filterTagMultiselectWidget-resetButton > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
body.darkMode code,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label,
body.darkMode .mw-notification {
.mw-rcfilters-ui-tagItemWidget-popup-content,
background-color: #353d48;
.mw-rcfilters-ui-viewSwitchWidget > .oo-ui-labelElement-label,
border-color:#465160;
.mw-widget-calendarWidget-day,
color:#eee;
.mw-widget-calendarWidget-labelButton > .oo-ui-buttonElement-button,
}
.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-messageDialog-message,
.search-types .current a,
.suggestions .suggestions-result,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions-special .special-query,
.wikitable,
code,
body {
color:#eee;
}
body {
background-color:#282e37;
}
#searchInput:focus {
outline: #0060df solid 2px
}
.warningbox {
color:#f2d790;
border-color:#9b5e1c;
background-color:#6f4f2e;
}
#pagehistory li {
border:1px solid #2c343f
}
.diff-addedline .diffchange {
background:#4f6334
}
.diff-deletedline .diffchange {
background:#775353
}
.diff-addedline {
border-color:#4f6334
}
.diff-deletedline {
border-color:#775353
}
.updatedmarker {
background-color:#4f6334
}
#pagehistory li.selected {
background-color:#353d48;
color:#eee;
border:1px dashed #465160
}
.mw-plusminus-pos {
color:#18b918
}
.mw-plusminus-neg {
color:#f94e4e
}
div.editOptions,
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color:#232a35;
color:#eee
}
.mw-parser-output a.external {
color:#29d;
}
.mw-parser-output a.external:visited {
color:#18c;
}
pre,
textarea,
#mw-header-container,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-messageDialog-container,
.oo-ui-toggleSwitchWidget,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip,
.mw-code,
.mw-widget-dateInputWidget-handle,
mw-tagfilter-input mw-ui-input mw-ui-input-inline {
background-color:#323942;
color:#eee;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button,
.oo-ui-popupWidget-popup,
.oo-ui-menuOptionWidget.oo-ui-optionWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.mw-widget-dateInputWidget-calendar {
background-color:#323942;
border-color:#465160;
color:#eee
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color:#3c424a
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted {
background-color:#223145
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color:#a4a1a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color:#282e37;
}
.mw-widget-calendarWidget-day-heading {
  color:#a6a6a6;
}
.mw-widget-calendarWidget-day-additional {
color:#222
}
.oo-ui-toggleSwitchWidget:hover {
background-color:#323942
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
border-color:#72777d
}
.oo-ui-popupWidget-anchor:before {
border-top-color:#465160
}
.oo-ui-popupWidget-anchor:after {
border-top-color:#323942
}
#simpleSearch,
div.editOptions {
border-color:#465160;
}
#mw-content-container,
#simpleSearch,
.cn-formsection-emphasis {
background-color:#232a35;
}
.mw-parser-output a.external:active,
.mw-parser-output a.external:hover,
a:active,
a:hover,
a:visited:hover {
color:#5bf
}
.mw-spinner-container > div:after {
background:#eee
}
#mw-content {
background-color:#2c343f;
border-color:#2c343f
}
.not-patrolled {
background-color:#594215
}
.tocnumber {
color:#ccc
}
.toctogglelabel {
color:#28c
}
.diff-context,
.mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-body .mw-search-profile-tabs,
.mw-body fieldset#mw-searchoptions,
.mw-body li.gallerybox div.thumb,
.mw-changeslist-legend,
.mw-warning,
.suggestions,
.suggestions .suggestions-results,
.suggestions .suggestions-special,
.thumbinner,
.toc,
.wikitable,
ul#filetoc {
background-color:#323942;
border-color:#626c7b;
}
pre,
.mw-code,
.thumbborder,
.thumbinner .thumbimage,
.wikitable>*>tr>td,
.wikitable>*>tr>th,
.wikitable>tr>td,
.wikitable>tr>th {
border-color:#626c7b;
}
.wikitable>*>tr>th,
.wikitable>tr>th {
background-color:#465160
}
.mw-datatable {
border:1px solid #465160;
border-collapse:collapse
}
.mw-datatable td,
.mw-datatable th {
border:1px solid #465160;
padding:0.2em 0.4em
}
.mw-datatable th {
background-color:#465160
}
.mw-datatable td {
background-color:#323942
}
.mw-datatable tr:hover td,
#mw-allmessagestable tbody:hover td {
background-color:#3c424a
}
.mwe-popups,
.mwe-popups .mwe-popups-container {
background:#323942;
-webkit-box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
box-shadow:0 30px 90px -20px rgba(0,0,0,0.3),0 0 1px #5b687a;
}
.mwe-popups .mwe-popups-extract[dir=ltr]::after {
background-image:linear-gradient(to right,rgba(255,255,255,0),#323942 50%)
}
.pokey,
.pokey:after,
.mwe-popups:not(.flipped-y):not(.flipped-x-y):after,
.mwe-popups.flipped-x:after {
border-bottom-color:#323942
}
.mwe-popups.flipped-y:after,
.mwe-popups.flipped-x-y:after {
border-top-color:#323942
}
.mwe-popups:not(.flipped-y):not(.flipped-x-y):before,
.mwe-popups.flipped-x:before {
border-bottom-color:#465160
}
.mwe-popups.flipped-y:before,
.mwe-popups.flipped-x-y:before {
border-top-color:#465160
}
.pokey {
border-bottom-color:#465160
}
#mw-header-nav-hack {
background:#323942;
border-top-color:#465160
}
#mw-related-navigation .sidebar-inner,
#mw-site-navigation .sidebar-inner,
#personal .dropdown {
background:#323942;
border-color:#465160
}
#menus-cover {
background:#111
}
table.lighttable .highlight-over {
background-color:#465160
}
table.lighttable .highlight-on {
background-color:#285128
}
code,
.mw-notification {
background-color: #353d48;
border-color:#465160;
color:#eee;
}
.noticebox {
background-color:#1e2842;
border-color:#091957;
}
/* Categories, listed at bottom of page on mobile resolutions */
div#content-bottom-stuff {
background-color: #2c343f;
}
/* Tabber styles */
.tabber__tab {
color: #eee;
}
.tabber__tab:visited {
color: #eee;
}
.tabber__tab--active,
.tabber__tab--active:visited {
box-shadow:inset 0 -2px 0 0 #3366cc;
color:#36c;
}
.tabber__tab:hover {
color: #447ff5;
}
.tabber__header {
box-shadow:inset 0 -1px 0 0 #eee;
}
/* Line numbering for SyntaxHighlight module */
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #3c4653;
}
/* Common text & table cell styles */
.table-positive {
background-color: #285128;
}
.table-negative {
background-color: #6a2731;
}
.table-neutral {
background-color: #977e3a;
}
.table-na {
background-color: #282f39;
color: #717f93;
}
/* Icon color toggle for Township's Population, Workers, Storage*/
.township-colortoggle {
filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
}
/* Special:RecentChanges - Highlight rules */
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#2c475a
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#385a53
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#544b2f
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#674b3d
}
.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#4b2626
}


/* Categories, listed at bottom of page on mobile resolutions */
/* General Editing & Scribunto/Lua Module Editing */
body.darkMode div#content-bottom-stuff {
.mw-scribunto-console-fieldset,
background-color: #2c343f;
.mw-scribunto-error,
}
.mw-scribunto-message,
 
.mw-scribunto-print {
/* Tabber styles */
background-color:#2c343f;
body.darkMode .tabber__tab {
}
color: #eee;
.mw-scribunto-console-fieldset {
}
border-color:#465160;
body.darkMode .tabber__tab:visited {
color:#eee
color: #eee;
}
}
.mw-scribunto-error {
body.darkMode .tabber__tab--active,
color:#ff4242;
body.darkMode .tabber__tab--active:visited {
}
box-shadow:inset 0 -2px 0 0 #3366cc;
.mw-scribunto-input {
color:#36c;
color:#0897c4;
}
}
body.darkMode .tabber__tab:hover {
#mw-scribunto-input {
color: #447ff5;
background-color:#3c4653;
}
}
body.darkMode .tabber__header {
.mw-scribunto-print {
box-shadow:inset 0 -1px 0 0 #eee;
color:#ce9178;
}
}
 
.codeEditor-status {
/* Line numbering for SyntaxHighlight module */
body.darkMode .mw-content-ltr.mw-highlight-lines pre,
body.darkMode .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 #3c4653;
}
 
/* Common text & table cell styles */
body.darkMode .table-positive {
background-color: #285128;
}
body.darkMode .table-negative {
background-color: #6a2731;
}
body.darkMode .table-neutral {
background-color: #977e3a;
}
body.darkMode .table-na {
background-color: #282f39;
color: #717f93;
}
 
/* Icon color toggle for Township's Population, Workers, Storage*/
body.darkMode .township-colortoggle {
    filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
}
 
/* Special:RecentChanges - Highlight rules */
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#2c475a
}
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#385a53
}
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#544b2f
}
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#674b3d
}
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color:#4b2626
}
 
/* General Editing & Scribunto/Lua Module Editing */
body.darkMode .mw-scribunto-console-fieldset,
body.darkMode .mw-scribunto-error,
body.darkMode .mw-scribunto-message,
body.darkMode .mw-scribunto-print {
background-color:#2c343f;
}
body.darkMode .mw-scribunto-console-fieldset {
border-color:#465160;
color:#eee
}
body.darkMode .mw-scribunto-error {
color:#ff4242;
}
body.darkMode .mw-scribunto-input {
color:#0897c4;
}
body.darkMode #mw-scribunto-input {
background-color:#3c4653;
}
body.darkMode .mw-scribunto-print {
color:#ce9178;
}
body.darkMode .codeEditor-status {
  background-color: #2f3744;
border-color: #465160;
}
body.darkMode .codeEditor-status-message,
body.darkMode .wikiEditor-ui .wikiEditor-ui-top,
body.darkMode .wikiEditor-ui .wikiEditor-ui-view {
border-color: #465160;
}
body.darkMode .wikiEditor-ui-toolbar {
background-color: #2f3744;
background-color: #2f3744;
background-image: linear-gradient(#2c333e 0,#1f2e48 32px);
border-color: #465160;
}
}
body.darkMode .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
.codeEditor-status-message,
  background-color:#3c424a;
.wikiEditor-ui .wikiEditor-ui-top,
outline: 1px solid #465160;
.wikiEditor-ui .wikiEditor-ui-view {
}
border-color: #465160;
body.darkMode .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
}
  background-color:#3c424a;
.wikiEditor-ui-toolbar {
outline: 1px solid #465160;
background-color: #2f3744;
box-shadow: unset;
background-image: linear-gradient(#2c333e 0,#1f2e48 32px);
}
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
background-color:#3c424a;
outline: 1px solid #465160;
}
.tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background-color:#3c424a;
outline: 1px solid #465160;
box-shadow: unset;
}


/* Ace Editor */
/* Ace Editor */
body.darkMode .ace-tm .ace_gutter {
.ace-tm .ace_gutter {
background-color: #3c4653;
background-color: #3c4653;
color: #eee;
color: #eee;
}
}
body.darkMode .ace-tm .ace_print-margin {
.ace-tm .ace_print-margin {
background: #4c5664;
background: #4c5664;
}
}
body.darkMode .ace-tm .ace_fold {
.ace-tm .ace_fold {
background-color: green;
background-color: green;
}
}
body.darkMode .ace-tm {
.ace-tm {
background-color: #232a35;
background-color: #232a35;
color: #eee;
color: #eee;
}
}
body.darkMode .ace-tm .ace_cursor {
.ace-tm .ace_cursor {
color: #eee;
color: #eee;
}
}
body.darkMode .ace-tm .ace_invisible {
.ace-tm .ace_invisible {
color: #3e4551;
color: #3e4551;
}
}
body.darkMode .ace-tm .ace_storage,
.ace-tm .ace_storage,
body.darkMode .ace-tm .ace_keyword {
.ace-tm .ace_keyword {
color: #569cd6;
color: #569cd6;
}
}
body.darkMode .ace-tm .ace_constant {
.ace-tm .ace_constant {
color: #686be6;
color: #686be6;
}
}
body.darkMode .ace-tm .ace_constant.ace_buildin {
.ace-tm .ace_constant.ace_buildin {
color: rgb(88, 72, 246);
color: rgb(88, 72, 246);
}
}
body.darkMode .ace-tm .ace_constant.ace_language {
.ace-tm .ace_constant.ace_language {
color: #686be6;
color: #686be6;
}
}
body.darkMode .ace-tm .ace_constant.ace_library {
.ace-tm .ace_constant.ace_library {
color: #dbbb5b;
color: #dbbb5b;
}
}
body.darkMode .ace-tm .ace_invalid {
.ace-tm .ace_invalid {
background-color: rgba(255, 0, 0, 0.2);
background-color: rgba(255, 0, 0, 0.2);
color: red;
color: red;
}
}
body.darkMode .ace-tm .ace_support.ace_function {
.ace-tm .ace_support.ace_function {
color: #dcdcaa;
color: #dcdcaa;
}
}
body.darkMode .ace-tm .ace_support.ace_constant {
.ace-tm .ace_support.ace_constant {
color: #569cd6;
color: #569cd6;
}
}
body.darkMode .ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_type,
body.darkMode .ace-tm .ace_support.ace_class {
.ace-tm .ace_support.ace_class {
color: #569cd6;
color: #569cd6;
}
}
body.darkMode .ace-tm .ace_keyword.ace_operator {
.ace-tm .ace_keyword.ace_operator {
color: #aaa8a8;
color: #aaa8a8;
}
}
body.darkMode .ace-tm .ace_string {
.ace-tm .ace_string {
color: #ce9178;
color: #ce9178;
}
}
body.darkMode .ace-tm .ace_comment {
.ace-tm .ace_comment {
color: #529955;
color: #529955;
}
}
body.darkMode .ace-tm .ace_comment.ace_doc {
.ace-tm .ace_comment.ace_doc {
color: #529955;
color: #529955;
}
}
body.darkMode .ace-tm .ace_comment.ace_doc.ace_tag {
.ace-tm .ace_comment.ace_doc.ace_tag {
color: rgb(128, 159, 191);
color: rgb(128, 159, 191);
}
}
body.darkMode .ace-tm .ace_constant.ace_numeric {
.ace-tm .ace_constant.ace_numeric {
color: #b5ce9b;
color: #b5ce9b;
}
}
body.darkMode .ace-tm .ace_variable {
.ace-tm .ace_variable {
color: #9cdcfe;
color: #9cdcfe;
}
}
body.darkMode .ace-tm .ace_xml-pe {
.ace-tm .ace_xml-pe {
color: rgb(104, 104, 91);
color: rgb(104, 104, 91);
}
}
body.darkMode .ace-tm .ace_entity.ace_name.ace_function {
.ace-tm .ace_entity.ace_name.ace_function {
color: #dcdcaa;
color: #dcdcaa;
}
}
body.darkMode .ace-tm .ace_heading {
.ace-tm .ace_heading {
color: #1c55f1;
color: #1c55f1;
}
}
body.darkMode .ace-tm .ace_list {
.ace-tm .ace_list {
color: rgb(185, 6, 144);
color: rgb(185, 6, 144);
}
}
body.darkMode .ace-tm .ace_meta.ace_tag {
.ace-tm .ace_meta.ace_tag {
color: #1c55f1;
color: #1c55f1;
}
}
body.darkMode .ace-tm .ace_string.ace_regex {
.ace-tm .ace_string.ace_regex {
color: #ef4e4e;
color: #ef4e4e;
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_selection {
.ace-tm .ace_marker-layer .ace_selection {
background: #3e445a;
background: #3e445a;
}
}
body.darkMode .ace-tm.ace_multiselect .ace_selection.ace_start {
.ace-tm.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px grey;
box-shadow: 0 0 3px 0px grey;
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_step {
.ace-tm .ace_marker-layer .ace_step {
background: rgb(252, 255, 0);
background: rgb(252, 255, 0);
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_stack {
.ace-tm .ace_marker-layer .ace_stack {
background: rgb(164, 229, 101);
background: rgb(164, 229, 101);
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_bracket {
.ace-tm .ace_marker-layer .ace_bracket {
border: 1px solid rgb(192, 192, 192);
border: 1px solid rgb(192, 192, 192);
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_active-line {
.ace-tm .ace_marker-layer .ace_active-line {
background: rgba(255, 255, 255, 0.07);
background: rgba(255, 255, 255, 0.07);
}
}
body.darkMode .ace-tm .ace_gutter-active-line {
.ace-tm .ace_gutter-active-line {
background-color: #4b6389;
background-color: #4b6389;
}
}
body.darkMode .ace-tm .ace_marker-layer .ace_selected-word {
.ace-tm .ace_marker-layer .ace_selected-word {
background: #383f4b;
background: #383f4b;
border: 1px solid #313f73;
border: 1px solid #313f73;
}
}
body.darkMode .ace-tm .ace_paren {
.ace-tm .ace_paren {
color: #ffc813;
color: #ffc813;
}
}
body.darkMode .ace-tm .ace_indent-guide {
.ace-tm .ace_indent-guide {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADklEQVR4AWMAA5+wlP8ABAMCBlWbPt4AAAAASUVORK5CYII=") right repeat-y;
}
}
body.darkMode .ace_fold-widget {
.ace_fold-widget {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
}
}
body.darkMode .ace_fold-widget.ace_closed {
.ace_fold-widget.ace_closed {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
}
}
body.darkMode .ace_gutter-cell.ace_info {
.ace_gutter-cell.ace_info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
}
}
body.darkMode .ace_search {
.ace_search {
background-color:#323942;
border-color: #465160;
color:#eee;
}
body.darkMode .ace_search_field,
body.darkMode .ace_searchbtn {
background-color:#323942;
background-color:#323942;
border-color: #465160;
color:#eee;
color:#eee;
}
}
body.darkMode .ace_button {
.ace_search_field,
background-color:#3c424a;
.ace_searchbtn {
color:#eee;
background-color:#323942;
color:#eee;
}
.ace_button {
background-color:#3c424a;
color:#eee;
}
 
/* These below rules are deprecated, contributors should use the following classes
* going forward rather than inline styles:
* text-positive Green text
* text-negative Red text
* table-positive Green table cell background
* table-negative Red table cell background
* table-neutral Yellow table cell background
* table-na Dims a cell, indicating no content/of no interest
* table-img Table cells containing only an image
*/
td[style*="background-color:lightpink;"],
td[style*="background-color:#FFE8E8;"],
tr[style*="background-color:lightpink;"],
tr[style*="background-color:#FFE8E8;"] {
background-color:#6a2731!important
}
td[style*="background-color:lightgreen;"],
td[style*="background-color:#E8FFEB;"],
tr[style*="background-color:lightgreen;"],
tr[style*="background-color:#E8FFEB;"] {
background-color:#285128!important
}
span[style*="color:green"] {
color:#3ec83e!important
}
table[style*="background:#FFF7F7;"] {
background-color:#465160!important
}
}
}
Retrieved from "https://wiki.melvoridle.com/w/Special:MobileDiff/60083"