Anonymous

MediaWiki:Common.css: Difference between revisions

From Melvor Idle
Dark mode: Tweak table borders; Add various classes for styling tables & text
(Work around header borders failing to render with sticky headers on Firefox)
(Dark mode: Tweak table borders; Add various classes for styling tables & text)
Line 95: Line 95:
.col-8-right td:nth-child(8) { text-align: right; }
.col-8-right td:nth-child(8) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }
/* Common text & table cell styles */
.table-positive {
background-color: #90ee90;
}
.table-negative {
background-color: #ffb6c1;
}
.table-neutral {
background-color: #fce8b2;
}
.table-na {
background-color: #eaecf0;
color: #666;
text-align: center;
}
.table-img {
text-align: center;
min-width: 25px;
}
.text-positive {
color: green;
}
.text-negative {
color: red;
}


/* Dark mode specific rules below this point */
/* Dark mode specific rules below this point */
Line 130: Line 156:
body.darkMode {
body.darkMode {
color:#eee;
color:#eee;
}
body.darkMode #searchInput:focus {
outline: #0060df solid 2px
}
}
body.darkMode .warningbox {
body.darkMode .warningbox {
Line 183: Line 212:
body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline {
body.darkMode mw-tagfilter-input mw-ui-input mw-ui-input-inline {
background-color:#323942;
background-color:#323942;
color:#eee
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-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not([aria-selected="true"]) > .oo-ui-buttonElement-button,
Line 285: Line 314:
body.darkMode ul#filetoc {
body.darkMode ul#filetoc {
background-color:#323942;
background-color:#323942;
border-color:#465160
border-color:#626c7b;
}
}
body.darkMode pre,
body.darkMode pre,
Line 295: Line 324:
body.darkMode .wikitable>tr>td,
body.darkMode .wikitable>tr>td,
body.darkMode .wikitable>tr>th {
body.darkMode .wikitable>tr>th {
border-color:#465160
border-color:#626c7b;
}
}
body.darkMode .wikitable>*>tr>th,
body.darkMode .wikitable>*>tr>th,
Line 401: Line 430:
color:#eee;
color:#eee;
}
}
/* 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*/
/* Icon color toggle for Township's Population, Workers, Storage*/
body.darkMode .township-colortoggle {
body.darkMode .township-colortoggle {
     filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
     filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(297%) hue-rotate(64deg) brightness(115%) contrast(92%);
}
}
/* Special:RecentChanges - Highlight rules */
/* Special:RecentChanges - Highlight rules */
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
body.darkMode .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
Line 436: Line 482:
  background-color:#4b2626
  background-color:#4b2626
}
}
/* General Editing & Scribunto/Lua Module Editing */
/* General Editing & Scribunto/Lua Module Editing */
body.darkMode .mw-scribunto-console-fieldset,
body.darkMode .mw-scribunto-console-fieldset,