MediaWiki:Gadget-StepClassic.css: Difference between revisions

Latest revision as of 20:06, May 16, 2024

:root {
    --bg-body: #222324;
    --bg-pri: #373f49;
    --bg-sec: #3f4a54;
    --bg-pri-emph: #2e343d;
    --bg-sec-emph: #2f3742;
    --bg-cont: #161619;
    --bg-pri-hd: #262629;
    --bg-sec-hd: #2d2d2e;

    --bg-field-hov: #00000040;
    --bg-menu-hov: #ff90121a;
    --bg-diff-add: #263640;
    --bg-diff-del: #403826;
    --bg-diffch-add: #101840;
    --bg-diffch-del: #301810;
    --bg-msup: #aaa;
    
    --bd-cont-l: var(--bg-pri-hd);
    --bd-cont-lr: #50d080;
    --bd-mid: #464649;
    --bd-widg: #555;
    --bd-dims: #666;
    --bd-dimr2: #777;
    --bd-dimr1: #888;
    --bd-dim: #a0a0a0;
    --bd-adj-dn: #0000000a;
    --bd-dpdn-shd: #ff901226;
    --bd-emph-shd: #ff901240;
    --bd-foc-shd: #ff901299;
    --bd-pri-emph-emph: #ff9012d0;
    --bd-pri-emph: #ff9012;
    --bd-pri-emph-shd: #6a5d50;
    --bd-code-shd: var(--bg-cont);

    --text-pri: #b0b0b0;
    --text-sec: #c0c0c0;
    --text-pri-emph: #eee;
    --text-editor-sel: #68c8784f;
    --text-editor: #68c878;
    --text-contr-l: #fff;
    --text-contr-d: #000;
    --text-diffch-add: var(--bd-cont-lr);
    --text-diffch-del: #80d050;
    
    --text-lnk: #80aacf;
    --text-lnk-hov: #a0caf4;
    --text-lnk-vis: #607a9f;
    --text-lnk-vis-hov: #809ac4;
    --text-lnk-new: #ff5560;
    --text-lnk-new-hov: #f08088;
    --text-lnk-bt: #a0caef;
    --text-lnk-hov-bt: #bae7ff;
    --text-lnk-vis-bt: #809abf; 
    --text-lnk-vis-hov-bt: #a0bae4; 
    
    --btn: #38688f;
    --btn-hov: #ff901200;
    --btn-warn: #cb4848d0;
    --btn-warn-hov: #e04343;
    --btn-text: var(--text-pri-emph);
    --btn-text-hov: #fff;
    
    --clr-mute-red: #ff707750;
    --clr-mute-magent: #d96dc950;
    --clr-mute-purple: #aa88e850;
    --clr-mute-blue: #64a5e350;
    --clr-mute-green: #4bb07350;
    --clr-mute-chartr: #9ead4850;
    --clr-mute-yellow: #e0b43850;
    --clr-mute-salmon: #daaa9950;
    --clr-mute-orange: #ff904750;
    
    --clr-mid-red: #ff707788;
    --clr-mid-magent: #d96dc988;
    --clr-mid-purple: #aa88e888;
    --clr-mid-blue: #64a5e388;
    --clr-mid-green: #4bb07388;
    --clr-mid-chartr: #9ead4888;
    --clr-mid-yellow: #e0b43888;
    --clr-mid-salmon: #daaa9988;
    --clr-mid-orange: #ff904788;
    
    --clr-high-red: #ff7077d0;
    --clr-high-magent: #d96dc9d0;
    --clr-high-purple: #aa88e8d0;
    --clr-high-blue: #64a5e3d0;
    --clr-high-green: #4bb073d0;
    --clr-high-chartr: #9ead48d0;
    --clr-high-yellow: #e0b438d0;
    --clr-high-salmon: #daaa99d0;
    --clr-high-orange: #ff9047d0;
    
    --clr-red: #ff7077;
    --clr-magent: #d96dc9;
    --clr-purple: #aa88e8;
    --clr-blue: #64a5e3;
    --clr-green: #4bb073;
    --clr-chartr: #9ead48;
    --clr-yellow: #e0b438;
    --clr-salmon: #daaa99;
    --clr-orange: #ff9047
}

@media screen and (max-width:767.98px) {
    #p-logo img {
        background-image: url(/_wiki/skins/step/images/delta_classic_sm.png) !important;
    }
}

@media screen and (min-width:768px) {
    #p-logo img {
        background-image: url(/_wiki/skins/step/images/header_classic_logo_sm.png) !important;
    }
}

@media screen and (min-width:994px) {
    #p-logo img {
        background-image: url(/_wiki/skins/step/images/header_classic_logo.png) !important;
    }
}

/***** Theme-specific CSS *****/

/* Color classes */

.hltx {
    color: var(--text-pri-emph) !important
}

.dimtx {
    color: var(--bd-dimr1) !important
}

.dimbg {
    background-color: var(--bd-dim) !important
}

.dimbd {
    border-color: var(--bd-dim) !important
}

.whitetx {
    color: var(--text-contr-l) !important
}

.whitebg {
    background-color: var(--text-contr-l) !important
}

.whitebd {
    border-color: var(--text-contr-l) !important
}

.blacktx {
    color: var(--text-contr-d) !important
}

.blackbg {
    background-color: var(--text-contr-d) !important
}

.blackbd {
    border-color: var(--text-contr-d) !important
}

.magenttx {
    color: var(--clr-magent) !important
}

.mutemagenttx {
    color: var(--clr-mute-magent) !important
}

.midmagenttx {
    color: var(--clr-mid-magent) !important
}

.highmagenttx {
    color: var(--clr-high-magent) !important
}

.magentbg {
    background-color: var(--clr-magent) !important
}

.mutemagentbg {
    background-color: var(--clr-mute-magent) !important
}

.midmagentbg {
    background-color: var(--clr-mid-magent) !important
}

.highmagentbg {
    background-color: var(--clr-high-magent) !important
}

.magentbd {
    border-color: var(--clr-magent) !important
}

.mutemagentbd {
    border-color: var(--clr-mute-magent) !important
}

.midmagentbd {
    border-color: var(--clr-mid-magent) !important
}

.highmagentbd {
    border-color: var(--clr-high-magent) !important
}

.purpletx {
    color: var(--clr-purple) !important
}

.mutepurpletx {
    color: var(--clr-mute-purple) !important
}

.midpurpletx {
    color: var(--clr-mid-purple) !important
}

.highpurpletx {
    color: var(--clr-high-purple) !important
}

.purplebg {
    background-color: var(--clr-purple) !important
}

.mutepurplebg {
    background-color: var(--clr-mute-purple) !important
}

.midpurplebg {
    background-color: var(--clr-mid-purple) !important
}

.highpurplebg {
    background-color: var(--clr-high-purple) !important
}

.purplebd {
    border-color: var(--clr-purple) !important
}

.mutepurplebd {
    border-color: var(--clr-mute-purple) !important
}

.midpurplebd {
    border-color: var(--clr-mid-purple) !important
}

.highpurplebd {
    border-color: var(--clr-high-purple) !important
}

.bluetx {
    color: var(--clr-blue) !important
}

.mutebluetx {
    color: var(--clr-mute-blue) !important
}

.midbluetx {
    color: var(--clr-mid-blue) !important
}

.highbluetx {
    color: var(--clr-high-blue) !important
}

.bluebg {
    background-color: var(--clr-blue) !important
}

.mutebluebg {
    background-color: var(--clr-mute-blue) !important
}

.midbluebg {
    background-color: var(--clr-mid-blue) !important
}

.highbluebg {
    background-color: var(--clr-high-blue) !important
}

.bluebd {
    border-color: var(--clr-blue) !important
}

.mutebluebd {
    border-color: var(--clr-mute-blue) !important
}

.midbluebd {
    border-color: var(--clr-mid-blue) !important
}

.highbluebd {
    border-color: var(--clr-high-blue) !important
}

.greentx {
    color: var(--clr-green) !important
}

.mutegreentx {
    color: var(--clr-mute-green) !important
}

.midgreentx {
    color: var(--clr-mid-green) !important
}

.highgreentx {
    color: var(--clr-high-green) !important
}

.greenbg {
    background-color: var(--clr-green) !important
}

.mutegreenbg {
    background-color: var(--clr-mute-green) !important
}

.midgreenbg {
    background-color: var(--clr-mid-green) !important
}

.highgreenbg {
    background-color: var(--clr-high-green) !important
}

.greenbd {
    border-color: var(--clr-green) !important
}

.mutegreenbd {
    border-color: var(--clr-mute-green) !important
}

.midgreenbd {
    border-color: var(--clr-mid-green) !important
}

.highgreenbd {
    border-color: var(--clr-high-green) !important
}

.chartrtx {
    color: var(--clr-chartr) !important
}

.mutechartrtx {
    color: var(--clr-mute-chartr) !important
}

.midchartrtx {
    color: var(--clr-mid-chartr) !important
}

.highchartrtx {
    color: var(--clr-high-chartr) !important
}

.chartrbg {
    background-color: var(--clr-chartr) !important
}

.mutechartrbg {
    background-color: var(--clr-mute-chartr) !important
}

.midchartrbg {
    background-color: var(--clr-mid-chartr) !important
}

.highchartrbg {
    background-color: var(--clr-high-chartr) !important
}

.chartrbd {
    border-color: var(--clr-chartr) !important
}

.mutechartrbd {
    border-color: var(--clr-mute-chartr) !important
}

.midchartrbd {
    border-color: var(--clr-mid-chartr) !important
}

.highchartrbd {
    border-color: var(--clr-high-chartr) !important
}

.yellowtx {
    color: var(--clr-yellow) !important
}

.muteyellowtx {
    color: var(--clr-mute-yellow) !important
}

.midyellowtx {
    color: var(--clr-mid-yellow) !important
}

.highyellowtx {
    color: var(--clr-high-yellow) !important
}

.yellowbg {
    background-color: var(--clr-yellow) !important
}

.muteyellowbg {
    background-color: var(--clr-mute-yellow) !important
}

.midyellowbg {
    background-color: var(--clr-mid-yellow) !important
}

.highyellowbg {
    background-color: var(--clr-high-yellow) !important
}

.yellowbd {
    border-color: var(--clr-yellow) !important
}

.muteyellowbd {
    border-color: var(--clr-mute-yellow) !important
}

.midyellowbd {
    border-color: var(--clr-mid-yellow) !important
}

.highyellowbd {
    border-color: var(--clr-high-yellow) !important
}

.salmontx {
    color: var(--clr-salmon) !important
}

.mutesalmontx {
    color: var(--clr-mute-salmon) !important
}

.midsalmontx {
    color: var(--clr-mid-salmon) !important
}

.highsalmontx {
    color: var(--clr-high-salmon) !important
}

.salmonbg {
    background-color: var(--clr-salmon) !important
}

.mutesalmonbg {
    background-color: var(--clr-mute-salmon) !important
}

.midsalmonbg {
    background-color: var(--clr-mid-salmon) !important
}

.highsalmonbg {
    background-color: var(--clr-high-salmon) !important
}

.salmonbd {
    border-color: var(--clr-salmon) !important
}

.mutesalmonbd {
    border-color: var(--clr-mute-salmon) !important
}

.midsalmonbd {
    border-color: var(--clr-mid-salmon) !important
}

.highsalmonbd {
    border-color: var(--clr-high-salmon) !important
}

.orangetx {
    color: var(--clr-orange) !important
}

.muteorangetx {
    color: var(--clr-mute-orange) !important
}

.midorangetx {
    color: var(--clr-mid-orange) !important
}

.highorangetx {
    color: var(--clr-high-orange) !important
}

.orangebg {
    background-color: var(--clr-orange) !important
}

.muteorangebg {
    background-color: var(--clr-mute-orange) !important
}

.midorangebg {
    background-color: var(--clr-mid-orange) !important
}

.highorangebg {
    background-color: var(--clr-high-orange) !important
}

.orangebd {
    border-color: var(--clr-orange) !important
}

.muteorangebd {
    border-color: var(--clr-mute-orange) !important
}

.midorangebd {
    border-color: var(--clr-mid-orange) !important
}

.highorangebd {
    border-color: var(--clr-high-orange) !important
}

.redtx {
    color: var(--clr-red) !important
}

.muteredtx {
    color: var(--clr-mute-red) !important
}

.midredtx {
    color: var(--clr-mid-red) !important
}

.highredtx {
    color: var(--clr-high-red) !important
}

.redbg {
    background-color: var(--clr-red) !important
}

.muteredbg {
    background-color: var(--clr-mute-red) !important
}

.midredbg {
    background-color: var(--clr-mid-red) !important
}

.highredbg {
    background-color: var(--clr-high-red) !important
}

.redbd {
    border-color: var(--clr-red) !important
}

.muteredbd {
    border-color: var(--clr-mute-red) !important
}

.midredbd {
    border-color: var(--clr-mid-red) !important
}

.highredbd {
    border-color: var(--clr-high-red) !important
}

/***** Wiki/Chameleon *****/

/* Main content */

body {
    background-color: var(--bg-body) !important;
    color: var(--bd-dimr1)
}

.content-container {
    color: var(--text-pri) !important
}

.body-content-container {
    background-color: var(--bg-pri) !important;
    color: var(--text-pri) !important
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: var(--text-sec)
}

#content h1 {
    border-bottom: 1px solid var(--bd-pri-emph)
}

#content h2 {
    border-bottom: 1px solid var(--bd-pri-emph)
}

/* Lists */

ol,
dl,
ul {
    color: var(--text-pri)
}

caption {
    color: var(--text-pri)
}

.mw-content-ltr ol, 
.mw-content-rtl .mw-content-ltr ol,
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul,
.mw-content-ltr dl,
.mw-content-rtl .mw-content-ltr dl {
    color: var(--text-pri)
}

.mw-content-ltr .hltx ol,
.mw-content-rtl .mw-content-ltr .hltx ol,
.mw-content-ltr .hltx ul,
.mw-content-rtl .mw-content-ltr .hltx ul,
.mw-content-ltr .hltx dl,
.mw-content-rtl .mw-content-ltr .hltx dl {
    color: var(--text-pri-emph)
}

/* Navbar */

[class*="ns-"] .header {
    background: var(--bg-pri)
}


.navbar,
.p-navbar {
    background-color: var(--bg-sec) !important
}

.p-navbar .navbar-nav .nav-link,
.p-navbar .navbar-nav .nav-link:visited,
a.navbar-more-tools::before,
a.navbar-tool-link::before,
a.navbar-userloggedin::before {
    color: var(--text-sec) !important
}

.p-navbar .navbar-nav .nav-link:hover,
.p-navbar .navbar-nav .nav-link:visited:hover,
a.navbar-more-tools:hover::before,
a.navbar-tool-link:hover::before,
a.navbar-userloggedin:hover::before {
    color: var(--text-lnk-hov) !important
}

.p-navbar .navbar-nav .dropdown-menu>div>a:first-child:last-child {
    color: var(--text-pri) !important
}

.p-navbar .navbar-nav .dropdown-menu>div>a:last-child:first-child:hover {
    background: var(--bg-menu-hov) !important;
    color: var(--text-pri) !important
}

a.navbar-more-tools::before,
a.navbar-tool-link::before,
a.navbar-userloggedin::before {
    color: var(--text-sec)
}

.form-control:focus {
    color: var(--bd-dim) !important
}

.input-group>.form-control {
    background-color: var(--bg-pri-hd);
    border: 1px solid var(--bd-cont-l)
}

.p-search .searchGoButton {
    background: var(--bg-pri-hd) !important;
    border-color: var(--bd-cont-l) !important
}

.search-btn::before {
    color: var(--text-sec)
}

.mw-rcfilters-ui-menuSelectWidget-group {
	background: var(--bg-sec) !important
}

.dropdown-item:hover,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover,
.p-navbar .navbar-nav .dropdown-menu>div>a:last-child:first-child:hover {
    background-color: var(--bg-menu-hov) !important
}

/* Misc Text */

.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--text-pri) !important
}

/* tool tips and popups with arrow borders */
.tippy-header {
    background-color: var(--bg-pri) !important;
    border-bottom: 1px solid var(--bd-pri-emph) !important
}

.tippy-tooltip.light-border-theme {
	color: var(--text-sec) !important;
	background-color: var(--bg-sec) !important;
	box-shadow: 0 0 10px var(--bd-emph-shd) !important
}

.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow,
.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:before,
.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
    border-top-color: var(--bd-foc-shd) !important
}

.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow,
.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow:before,
.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow:after,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
    border-bottom-color: var(--bd-foc-shd) !important
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before,
.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after {
    border-right-color: var(--bd-foc-shd) !important
}

.oo-ui-dropdownInputWidget select {
    border-color: var(--bg-body)
}

.mw-rcfilters-ui-datePopupWidget {
    border-top: 1px solid var(--bd-dimr1) !important
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
    color: var(--bd-dim) !important;
    font-weight: 400 !important
}

/* Block Quotes */

.blockquote {
    background-color: var(--bg-sec-emph);
    border: 1px dotted var(--bd-adj-dn)
}

/* Calendar widget */

.mw-widget-dateInputWidget-calendar {
    background-color:var(--bg-sec) !important;
	box-shadow: 0 0 10px var(--bd-emph-shd) !important
}

.mw-widget-dateInputWidget-calendar:focus {
    box-shadow:inset 0 0 0 1px var(--bd-pri-emph), 0 2px 2px 0 var(--bg-field-hov) !important
}

 .mw-widget-calendarWidget {
    border:1px solid var(--bg-sec)!important
}

.mw-widget-calendarWidget:focus {
	box-shadow: 0 0 10px var(--bd-emph-shd) !important
}

.mw-widget-calendarWidget-day {
    color:var(--text-pri)!important
}

.mw-widget-calendarWidget-day-heading {
    color:var(--text-sec)!important
}

.mw-widget-calendarWidget-day-additional {
    color:var(--bd-dimr2)!important
}

.mw-widget-calendarWidget-day-additional:hover {
    color:var(--bd-dim)!important
}

.mw-widget-calendarWidget-day-today {
    background-color:var(--bg-pri) !important;
    box-shadow:inset 0 0 0 1px var(--bg-pri)!important
}

.mw-widget-calendarWidget-item:hover {
    background: var(--bg-menu-hov) !important;
    color:var(--text-sec)!important
}

.mw-widget-calendarWidget-item-selected {
    background-color:var(--bd-pri-emph)!important;
    color:var(--text-sec)!important
}

.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-month,
.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
    color:var(--text-pri) !important
}

/* Dropdown menus */

.wikiEditor-ui-toolbar .group .tool-select .options,
.autocomplete-suggestions,
.dropdown-menu {
    background-color: var(--bg-sec) !important;
    box-shadow: 0 0 10px var(--bd-emph-shd) !important;
    color: var(--text-pri) !important
}

.autocomplete-suggestion {
	border-bottom: 1px solid var(--bd-widg)
}

.autocomplete-suggestion:hover,
.dropdown-item:hover {
    background-color: var(--bg-menu-hov) !important
}

/* TOC */

.toc,
.mw-warning,
.toccolours {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
}

.toctogglelabel {
    color: var(--text-lnk)
}

.noautonum .tocnumber {
    color: var(--text-pri)
}

.tocnumber {
  color: var(--text-pri) !important
}

#toc h2 {
    font-size: 1.4rem !important
}

/* Tables */

.mw-datatable td,
.wikitable {
    background-color: var(--bg-sec) !important;
    color: var(--text-pri) !important
}

.mw-datatable>*>tr>th,
.wikitable>*>tr>th {
    background-color: var(--bg-pri-hd) !important;
    border: 1px solid var(--bd-cont-l) !important
}

.mw-datatable>*>tr>td,
.mw-datatable>tr>td,
.wikitable>*>tr>td,
.wikitable>tr>td {
    border: 1px solid var(--bd-dims) !important
}

/* Files Thumbs */

li.gallerybox div.thumb {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
}

.mw-search-profile-tabs {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
}

.postedit,
.mw-notification {
    color: var(--text-pri) !important;
    background-color: var(--bg-menu-hov) !important;
    border-color: var(--bd-cont-lr) !important
}

#filetoc {
    border: 1px solid var(--bd-cont-l);
    background-color: var(--bg-pri-hd)
}

.thumbborder {
	border: 1px solid #ff901290
}

/* Diff */

table.diff,
td.diff-ntitle,
td.diff-otitle {
    background-color: var(--bg-pri-hd);
    border-color: var(--bd-adj-dn) !important
}

td.diff-addedline {
    color: var(--text-pri);
    background-color: var(--bg-diff-add)
}

td.diff-deletedline {
    color: var(--text-pri);
    background-color: var(--bg-diff-del)
}

td.diff-context {
    background-color: var(--bg-pri-hd);
    border-color: var(--bd-dim);
    color: var(--text-pri)
}

td.diff-addedline .diffchange {
    background-color: var(--bg-diffch-add);
    color: var(--text-diffch-add)
}

td.diff-deletedline .diffchange {
    background-color: var(--bg-diffch-del);
    color: var(--text-diffch-del)
}

/* Page History */

#pagehistory li.selected {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bd-dim);
    color: var(--bd-dimr1);
    outline: 1px dashed var(--bd-dim)
}

.mw-plusminus-neg {
    color: var(--clr-red)
}

.mw-plusminus-pos {
    color: var(--clr-green)
}

.mw-editform-legacy input#wpSummary {
    background-color: var(--bg-pri-emph);
    color: var(--text-sec)
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background: var(--bg-sec-hd) !important
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--bd-dim) !important
}

.oo-ui-menuSelectWidget [id*=".ooui"] {
    background: var(--bd-pri-emph)
}

/* tag list items */

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--btn) !important;
    border: 1px solid var(--btn);
    color: var(--text-pri-emph)
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    border: 1px solid var(--btn) !important;
    color: var(--text-sec) !important
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--bg-pri-hd) !important;
    border-color: var(--bd-adj-dn) !important
}

/* Option sets */

#xmlimport[id*="mw-input-wpExpiry"],
#mw-import-namespace-upload,
#namespace,
#wpLicense,
#wpUploadFile,
#xmlimport {
    background-color: var(--bg-pri-hd) !important;
    color: var(--text-pri) !important;
    border: 1px solid var(--bd-cont-l) !important
}

/* Large option set dropdowns w/list */

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--bg-pri-hd) !important;
    border-color: var(--bd-cont-l) !important
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--bg-field-hov) !important
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--bg-pri-emph) !important;
    box-shadow: 0 0 5px var(--bd-foc-shd) !important
}

/* Buttons */

#mw-search-toggleall,
#mw-search-togglenone,
#mw-userrights-form1 input[type="submit"],
#wpRunQuery,
.mw-submit input[type="submit"],
.mw-ui-button,
.mw-ui-button.mw-ui-progressive,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.sitedir-ltr input[type="submit"],
.smw-jsonview-button {
    color: var(--btn-text) !important;
    background-color: var(--btn) !important;
    border: 1px solid var(--btn) !important
}

#mw-search-toggleall:hover,
#mw-search-togglenone:hover,
#mw-userrights-form1 input[type="submit"]:hover,
#wpRunQuery:hover,
.mw-submit input[type="submit"]:hover,
.mw-ui-button.mw-ui-progressive:hover,
.mw-ui-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.sitedir-ltr input[type="submit"]:hover,
.smw-jsonview-button:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive {
    background-color: var(--btn-warn) !important;
    border-color: var(--btn-warn) !important;
    color: var(--text-sec) !important
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive:hover {
    background-color: var(--btn-warn-hov) !important;
    border-color: var(--btn-warn-hov) !important;
    color: var(--btn-text-hov) !important
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none>.oo-ui-buttonElement-button {
    border: 2px solid var(--bd-pri-emph) !important
}

/* Infoboxes (also see .modbox, etc. below) */

.infobox {
    background: var(--bg-sec-hd);
    box-shadow: 0 0 5px 1px var(--bd-emph-shd);
    border-color: var(--bg-sec-hd)
}

/* Tags */

.tag {
    border: 1px solid var(--bg-pri)
}

.tagicon {
    border-right: 1px solid var(--bg-sec-hd)
}

/* Links */

a,
a.external>span,
a[href].external,
a[href].extiw {
    color: var(--text-lnk)
}

a:hover,
a[href].external:hover {
    color: var(--text-lnk-hov)
}

a:visited,
a[href].external:visited {
    color: var(--text-lnk-vis)
}

a:visited:hover,
a[href].external:visited:hover {
    color: var(--text-lnk-vis-hov)
}

a.new,
a[href].new {
    color: var(--text-lnk-new)
}

a.new:hover,
a[href].new:hover {
    color: var(--text-lnk-new-hov)
}

/* warning */
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
.mw-message-box-warning {
    color: var(--text-pri-emph) !important;
    background: var(--clr-mute-red) !important;
    border-color: var(--bd-dim) !important
}

.mw-logevent-loglines,
.mw-logline-delete,
.mw-logline-protect {
    color: var(--text-sec) !important
}

.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a,
.mw-logevent-loglines a,
.mw-logline-delete a,
.mw-logline-protect a {
    color: var(--text-lnk-hov) !important
}

.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:hover,
.mw-logevent-loglines a:hover,
.mw-logline-delete a:hover,
.mw-logline-protect a:hover {
    color: var(--text-lnk-hov-bt) !important
}

.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:visited,
.mw-logevent-loglines a:visited,
.mw-logline-delete a:visited,
.mw-logline-protect a:visited {
    color: var(--text-lnk-vis-bt) !important
}

.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:visited:hover,
.mw-logevent-loglines a:visited:hover,
.mw-logline-delete a:visited:hover,
.mw-logline-protect a:visited:hover {
    color: var(--text-lnk-vis-hov-bt) !important
}

/* Visual Editor */

.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-slug.ve-ce-branchNode-newSlug {
    outline: 1px dashed var(--bd-pri-emph)
}

.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug {
	background: var(--bg-pri)
}

.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug .oo-ui-buttonElement-button {
	background: var(--bg-menu-hov) !important
}

.ve-init-mw-switchPopupWidget>.oo-ui-popupWidget-popup {
	background-color: var(--bg-pri);
	box-shadow: 0 0 10px var(--bd-emph-shd)
}

.oo-ui-widget-enabled .oo-ui-tool-title {
	color: var(--text-sec)
}

.oo-ui-widget-disabled .oo-ui-tool-title {
	color: var(--bd-dim)
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
	background-color: var(--btn) !important;
	border-color: var(--btn) !important;
	color: var(--text-sec) !important
}

div.ve-ui-mwMediaDialog-altText input.oo-ui-inputWidget-input:hover {
	background-color: var(--bg-field-hov)
}

.oo-ui-toolbar-bar {
	background-color: var(--bg-sec);
	color: var(--text-pri)
}

.oo-ui-toolbar-bar,
.codeEditor-status {
	background-color: var(--bg-sec);
	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px);
	color: var(--text-sec) !important
}

.oo-ui-toolbar.oo-ui-toolbar-position-top.ve-ui-toolbar.ve-ui-dir-inline-ltr.ve-ui-dir-block-ltr.ve-ui-targetToolbar.ve-ui-positionedTargetToolbar.ve-init-mw-desktopArticleTarget-toolbar.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
	border-bottom: 1px solid var(--bd-widg);
	box-shadow: 0 1px 1px 0 var(--bd-adj-dn)
}

.ve-ui-toolbar-group-format.oo-ui-widget.oo-ui-toolGroup.oo-ui-indicatorElement.oo-ui-popupToolGroup.oo-ui-menuToolGroup.oo-ui-widget-enabled.oo-ui-labelElement,
.ve-ui-toolbar-group-format.oo-ui-widget.oo-ui-toolGroup.oo-ui-widget-disabled.oo-ui-indicatorElement.oo-ui-popupToolGroup.oo-ui-menuToolGroup.oo-ui-labelElement {
	border-left: 1px solid var(--bd-widg);
	border-right: 1px solid var(--bd-widg)
}

.oo-ui-toolbar-actions .oo-ui-widget.oo-ui-widget-enabled.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
	border-right-color: var(--bg-pri-emph)
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
	color: var(--text-pri) !important
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
	color: var(--text-sec) !important
}

.oo-ui-widget.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) {
	color: var(--clr-red)
}

.ve-ui-mwSaveDialog-summary {
	background-color: var(--bg-pri-hd) !important
}

.ve-ui-mwSaveDialog-options {
	background-color: var(--bg-pri) !important
}

.ve-ui-mwSaveDialog-license {
	color: var(--text-pri) !important
}

.ve-ui-mwTemplatePage-description,
.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
	color: var(--text-pri) !important
}

.ve-ui-expandableContent-toggle.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-buttonWidget {
	background-color: var(--bg-sec-hd)
}

.ve-ui-expandableContent-fade {
	background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--bg-sec-hd) 90%) !important
}

/* link button popup dialog */
.ve-ui-context.ve-ui-desktopContext .oo-ui-popupWidget-popup {
	background-color: var(--bg-pri);
	box-shadow: 0 0 10px var(--bd-emph-shd);
    color: var(--text-sec)
}

.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-head,
.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-foot {
	outline: 1px solid var(--bd-dim)
}

.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-head {
	background-color: var(--bg-pri-hd);
	color: var(--text-sec)
}

.oo-ui-selectWidget-unpressed.oo-ui-tabSelectWidget-frameless {
	box-shadow: inset 0 -1px 0 0 var(--bd-dim)
}

.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
	color: var(--bd-dim);
	box-shadow: inset 0 -1px 0 0 var(--bd-dim)
}

.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	color: var(--text-pri);
	box-shadow: inset 0 -2px 0 0 var(--text-sec)
}

.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	color: var(--text-pri);
	border-color: var(--bd-pri-emph);
	box-shadow: inset 0 -2px 0 0 var(--bd-pri-emph)
}

.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
	color: var(--text-pri);
	border-color: var(--bd-pri-emph);
	box-shadow: inset 0 -2px 0 0 var(--bd-pri-emph)
}

/* cite button popup dialog */
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
	background: var(--bg-sec) !important
}

.ve-ui-targetWidget {
	border: 1px solid var(--bd-dim) !important
}

.ve-ui-targetWidget-focused {
	border-color: var(--bd-foc-shd) !important
}

.oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar::after {
	border-bottom: 1px solid var(--bd-dim) !important
}

/* symbol button popup dialog */
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
	border-top: 1px solid var(--bd-widg) !important
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--bd-dpdn-shd) !important
}

.ve-init-target .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-pri) !important
}

.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-expanded.oo-ui-bookletLayout-outlinePanel {
	background-color: var(--bg-sec)
}

.ve-ui-specialCharacterPage-character {
	border: 1px solid var(--bd-widg) !important
}

.ve-ui-specialCharacterPage-character:hover {
	background-color: var(--bd-dpdn-shd) !important
}

/* media upload dialog */
.oo-ui-inputWidget.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: var(--bd-mid)
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    border: 1px dashed var(--bd-foc-shd)
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-selectFileWidget-dropLabel {
	color: var(--bd-foc-shd)
}

.oo-ui-fieldLayout-header>.oo-ui-labelWidget.oo-ui-inline-help {
	color: var(--bd-dim)
}

.mw-widget-mediaSearchWidget>.oo-ui-searchWidget-query {
	border-bottom: 1px solid var(--bd-dim)
}

.mw-widget-mediaResultWidget-done>.mw-widget-mediaResultWidget-overlay {
	box-shadow: inset 0 0 0 1px var(--bd-dim)
}

.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,
.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
	border-color: var(--bd-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph)
}

.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay,
.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
    box-shadow: 0 0 2px var(--bd-pri-emph)
}

.ve-ui-mwGalleryDialog .oo-ui-widget.ve-ui-mwGalleryDialog-image-container-highlighted {
	box-shadow: inset 0 0 0 0.1em var(--bd-pri-emph)
}

/* table dialog */
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: var(--btn)
}

.ve-ui-tableLineContext-menu>.oo-ui-popupWidget-popup {
	background-color: var(--bg-pri);
	box-shadow: 0 0 10px var(--bd-emph-shd)
}

.oo-ui-widget.ve-ui-contextItem + .ve-ui-contextItem {
	border-top: 1px solid var(--bd-widg)
}

/* insert item dialogs */
.ve-ce-commentNode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background: var(--clr-yellow) !important;
    border: 1px solid var(--clr-yellow) !important
}

.ve-ui-previewElement.ve-ui-mwLatexDialog-preview {
	background-color: var(--bg-sec);
    border: 1px dashed var(--bd-foc-shd)
}

.ve-ui-mwLatexDialog-content .oo-ui-layout.oo-ui-bookletLayout-stackLayout h3 {
	color: var(--text-pri)
}

.ve-ui-specialCharacterPage-characters>.ve-ui-mwLatexPage-symbol {
	background-color: var(--bd-dim);
	border: 1px solid var(--bd-dim)
}

.oo-ui-layout.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content {
	border-bottom: 1px solid var(--bd-dim)
}

.oo-ui-layout.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content:hover {
	border-color: var(--bd-pri-emph)
}

.ve-ce-attachedRootNode::selection,
.ve-ce-attachedRootNode ::selection {
	background: var(--bd-foc-shd)
}

.ve-ce-focusableNode-highlight {
	background: var(--bd-foc-shd)
}

/* main edit menu-item colors */
.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools > .oo-ui-tool.oo-ui-tool-active,
.oo-ui-widget.oo-ui-toolGroup.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-widget.oo-ui-toolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
	background-color: var(--bg-sec-hd);
	color: var(--text-sec)
}

.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-listToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools,
.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-menuToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupTool-popup.oo-ui-popupWidget-anchored-top>.oo-ui-popupWidget-popup {
	background-color: var(--bg-sec);
	box-shadow: 0 0 10px var(--bd-emph-shd)
}

.oo-ui-menuToolGroup-tools.oo-ui-popupToolGroup-active-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-iconElement.oo-ui-tool-with-icon.oo-ui-tool.oo-ui-widget-enabled:hover {
	background-color: var(--bd-dpdn-shd);
	color: var(--text-sec)
}

.oo-ui-widget.oo-ui-widget-enabled.ve-ui-educationPopup > .mw-pulsating-dot::before,
.oo-ui-widget.oo-ui-widget-enabled.ve-ui-educationPopup > .mw-pulsating-dot::after {
	background-color: var(--bd-pri-emph)
}

.oo-ui-messageDialog-text>.oo-ui-messageDialog-title {
	color: var(--text-sec)
}

.oo-ui-messageDialog-text>.oo-ui-messageDialog-message {
	color: var(--text-pri)
}

.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
	color: var(--text-diffch-add) !important
}

/* Wiki Editor */

.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid var(--bg-msup)
}

#wikiEditor-section-advanced .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
#wikiEditor-section-main .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: var(--bg-sec)
}

.wikiEditor-ui-top > .wikiEditor-ui-toolbar .section-advanced .group .label,
#wikiEditor-ui-toolbar .tabs span.tab a,
#wikiEditor-ui-toolbar .tabs span.tab a:visited,
#wikiEditor-ui-toolbar .tabs span.tab a.current,
#wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: var(--text-sec)
}

#wikiEditor-ui-toolbar .tabs span.tab a:hover,
#wikiEditor-ui-toolbar .tabs span.tab a:visited:hover,
#wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
#wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
	color: var(--text-pri-emph)
}

#wikiEditor-section-advanced .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
#wikiEditor-section-advanced .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
#wikiEditor-section-advanced .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
#wikiEditor-section-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
#wikiEditor-section-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
#wikiEditor-section-main .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px) !important
}

.wikiEditor-ui-top > .wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-toolbar-bar,
.codeEditor-status {
	box-shadow: 0 1px 1px 0 var(--bd-adj-dn);
	background-color: var(--bg-sec);
	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px);
	color: var(--text-sec) !important
}

.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .group {
	border-color: var(--bd-widg) !important
}

.wikiEditor-ui-toolbar .booklet > .index {
	background-color: var(--bg-sec);
	box-shadow: 0 0 10px var(--bd-emph-shd);
	color: var(--text-pri) !important
}

.wikiEditor-ui-toolbar .booklet > .index > :hover {
	background-color: var(--bd-dpdn-shd) !important
}

.wikiEditor-ui-toolbar .booklet > .index > .current {
	background-color: var(--bg-sec-hd) !important;
	color: var(--text-sec) !important
}

.wikiEditor-ui-toolbar .page-characters div span {
	border-color: var(--bd-widg) !important;
	color: var(--text-pri) !important
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: var(--bd-dpdn-shd) !important
}

.wikiEditor-ui-toolbar .page-table th {
	color: var(--text-sec) !important
}

.wikiEditor-ui-toolbar .page-table td {
	color: var(--bd-dim) !important;
	border-top: 1px solid var(--bd-widg) !important
}

.wikiEditor-ui-toolbar .group .tool-select .menu>.options>.option {
	color: var(--text-pri)
}

.wikiEditor-ui-toolbar .group .tool-select .menu>.options>.option:hover {
	background-color: var(--bd-dpdn-shd) !important
}

.ui-widget-header>.ui-dialog-title {
	color: var(--text-sec)
}

.ui-widget.ui-widget-content {
	background: var(--bg-pri);
	box-shadow: 0 0 10px var(--bd-emph-shd)
}

.ui-dialog-buttonpane.ui-widget-content {
	background: var(--bg-pri)
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: var(--text-pri-emph) !important;
    background: var(--btn) !important;
    border: 1px solid var(--btn) !important
}

.ui-widget.ui-widget-content>.ui-widget-content {
	color: var(--text-pri)
}

#wikieditor-toolbar-table-dimensions-rows,
#wikieditor-toolbar-table-dimensions-columns {
	background-color: var(--bg-pri-hd) !important;
	color: var(--text-pri) !important;
	border-color: var(--bd-adj-dn) !important
}

.wikiEditor-ui-top > #msupload-div {
    background: var(--bd-mid);
    border-top: 1px solid var(--bd-widg)
}

.wikiEditor-ui-top > #msupload-div > #msupload-dropzone {
    border: 1px dashed var(--bd-foc-shd);
    color: var(--bd-foc-shd)
}

textarea {
    background-color: var(--bg-sec-hd) !important;
    color: var(--text-editor) !important;
    border-color: var(--bd-dimr2) !important
}

.action-formedit .editOptions {
    border-color: var(--bg-pri-emph)
}

div.editOptions {
    background-color: var(--bg-pri-emph);
    border-color: var(--bg-pri-emph);
	color: var(--text-pri)
}

#editform > .editOptions {
    background-color: var(--bg-pri-emph);
	color: var(--text-pri);
    border-color: var(--bg-pri-emph)
}

div#editpage-specialchars a {
    background-color: var(--bg-pri-emph);
    border-color: var(--bd-dimr2)
}

.mw-specialCiteThisPage-bibliographic {
	background-color: var(--bg-pri)
}

.error {
	color: var(--clr-red)
}

/* API Interface Special Page */

.mw-apisandbox-toolbar {
    background-color: var(--bg-pri-hd) !important;
    border-bottom: 1px solid var(--bd-widg) !important
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--bg-sec-hd) !important;
    color: var(--text-lnk) !important
}

.oo-ui-bookletLayout>.oo-ui-menuLayout-menu {
    border-right: 1px solid var(--bd-widg) !important
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    border-color: var(--bd-dim) !important
}

.oo-ui-toggleSwitchWidget {
    background-color: var(--bd-dimr1) !important;
    border: 1px solid var(--bd-widg) !important
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
    background-color: var(--bd-dimr1) !important;
    border-color: var(--bd-widg) !important
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
    border: 1px solid var(--bd-widg) !important;
    background-color: var(--bd-dimr1) !important
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
    box-shadow: inset 0 0 0 1px var(--bd-pri-emph) !important;
    border-color: var(--bd-pri-emph) !important
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
	border-color: var(--bd-pri-emph) !important
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
    background-color: var(--bd-pri-emph) !important;
    border-color: var(--bd-widg) !important
}

.oo-ui-fieldLayout-field .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
	border-color: var(--bd-pri-emph)
}

.oo-ui-fieldLayout-field .oo-ui-labelWidget.oo-ui-inline-help {
	color: var(--clr-chartr)
}

/* Book sources */
.page-Special_BookSources #ooui-php-2 {
	background-color: var(--bg-pri)
}

/* Search & Replace Text */

#mw-searchoptions,
.ext-replacetext-searchoptions {
    color: var(--text-pri);
    background-color: var(--bg-sec);
    border-color: var(--bg-sec)
}

#mw-searchoptions .divider,
.ext-replacetext-searchoptions .ext-replacetext-divider {
    border-bottom: 1px solid var(--bd-dim)
}

.search-types .current a {
	color: var(--text-pri)
}

/* User Preferences */

#preferences {
    background-color: var(--bg-sec);
    color: var(--text-sec)
}

.oo-ui-tabSelectWidget-framed {
    background-color: var(--bg-sec-hd) !important;
    color: var(--text-pri) !important
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--bg-sec) !important;
    color: var(--text-sec) !important
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-top: 2px solid var(--bd-pri-emph) !important
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget {
    color: var(--bd-dimr1)
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget:hover {
    background: var(--bg-sec);
    color: var(--bd-dimr1)
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget .oo-ui-labelElement-label {
    border-top: 2px solid var(--bd-dims)
}

.mw-prefs-buttons {
    background-color: var(--bg-sec);
    border-top: 1px solid var(--bd-dim)
}

.oo-ui-labelWidget.oo-ui-inline-help {
    color: var(--clr-chartr)
}

/* Gadgets */

.mw-json tr {
    background-color: var(--bg-sec-emph)
}

.mw-json th {
    background-color: var(--bg-pri-hd)
}

.mw-json td,
.mw-json th {
    border: 1px solid var(--bg-sec)
}

.mw-json-single-value,
.mw-json-value {
    background-color: var(--bg-pri)
}

.mw-json-empty {
    background-color: var(--bg-sec-hd)
}

/***** Recent/Related Changes *****/

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--bg-pri-emph) !important;
    border: 1px solid var(--bg-pri-emph) !important;
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset !important
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: var(--text-pri) !important
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    background-color: var(--bg-sec) !important;
    border-bottom: 1px solid var(--bd-dims) !important
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--bd-dim) !important
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: var(--text-pri-emph) !important
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuSectionOptionWidget.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--bg-sec-emph)
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header>.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: var(--text-pri)
}

.mw-rcfilters-ui-menuSelectWidget-noresults {
    color: var(--text-pri)
}

.mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background-color: var(--bg-sec-hd);
    border-bottom: 1px solid var(--bd-dims)
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--bg-sec-hd) !important;
    border-top: 1px solid var(--bd-dims) !important
}

#ooui-311.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.oo-ui-selectWidget-unpressed.mw-rcfilters-ui-menuSelectWidget-view-default,
#ooui-311.mw-rcfilters-ui-menuSelectWidget-view-tags,
#ooui-311.oo-ui-menuSelectWidget {
    box-shadow: 0 0 10px var(--bd-emph-shd)
}

.oo-ui-floatableElement-floatable>.oo-ui-popupWidget-popup {
	background-color: var(--bg-sec);
	box-shadow: 0 0 10px var(--bd-emph-shd);
    color: var(--text-pri)
}

.mw-rcfilters-ui-menuSelectWidget-group>.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
	border-top: 3px solid var(--bd-dims)
}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
    border-bottom: 1px solid var(--bd-dims)
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	border-color: var(--bd-dim) !important;
	color: var(--text-sec) !important
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover {
	background-color: var(--bg-menu-hov) !important
}

.oo-ui-buttonElement-button[title="Show Active filters area"]>.oo-ui-labelElement-label,
.oo-ui-buttonElement-button[title="Hide Active filters area"]>.oo-ui-labelElement-label {
    color: var(--text-lnk)
}

.oo-ui-buttonElement-button[title="Show Active filters area"]>.oo-ui-labelElement-label:hover,
.oo-ui-buttonElement-button[title="Hide Active filters area"]>.oo-ui-labelElement-label:hover {
    color: var(--text-lnk-hov)
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
	border-color: var(--bd-pri-emph) !important;
	box-shadow: inset 0 0 0 1px var(--bd-pri-emph),inset 0 0 0 2px var(--bd-foc-shd) !important
}

a.oo-ui-buttonElement-button[title="Learn more about Tagged edits"] {
    background-color: var(--bg-sec-hd) !important;
    border-color: var(--bg-sec-hd) !important
}

.mw-collapsible.mw-collapsed.mw-enhanced-rc.mw-changeslist-line.mw-changeslist-edit.mw-changeslist-ns3012-2_2_0.mw-changeslist-line-watched.mw-made-collapsible {
	background-color: var(--bg-sec-emph)
}

/***** Custom Step *****/

/* Dynamic layout for logo */

[class*="SkyrimLE"] .header,
.ns-3010 .header,
.ns-3011 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_sle.jpg) center 25% no-repeat !important
}

[class*="SkyrimSE"] .header,
.ns-3012 .header,
.ns-3013 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_sse.jpg) center 25% no-repeat !important
}

[class*="SkyrimVR"] .header,
.ns-3014 .header,
.ns-3015 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_svr.jpg) center 25% no-repeat !important
}

[class*="Morrowind"] .header,
.ns-3016 .header,
.ns-3017 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_mor.jpg) center 25% no-repeat !important
}

[class*="Oblivion"] .header,
.ns-3018 .header,
.ns-3019 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_obl.jpg) center 25% no-repeat !important
}

[class*="Fallout3"] .header,
.ns-3020 .header,
.ns-3021 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ft3.jpg) center 25% no-repeat !important
}

[class*="Fallout4"] .header,
.ns-3022 .header,
.ns-3023 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ft4.jpg) center 25% no-repeat !important
}

[class*="FalloutNV"] .header,
.ns-3024 .header,
.ns-3025 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ftv.jpg) center 25% no-repeat !important
}

[class*="Morroblivion"] .header,
.ns-3026 .header,
.ns-3027 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_mob.jpg) center 25% no-repeat !important
}

[class*="BeyondSkyrim"] .header,
.ns-3028 .header,
.ns-3029 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_bys.jpg) center 25% no-repeat !important
}

[class*="Skywind"] .header,
.ns-3030 .header,
.ns-3031 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_skw.jpg) center 25% no-repeat !important
}

[class*="Skyblivion"] .header,
.ns-3032 .header,
.ns-3033 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_skb.jpg) center 25% no-repeat !important
}

[class*="NoMansSky"] .header,
.ns-3040 .header,
.ns-3041 .header {
    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_nms.jpg) center 25% no-repeat !important
}

/* Guides */

body.cat-Unofficial_Mod-Build_Guides h1,
body.cat-Official_Mod-Build_Guides h1 {
    background: var(--bg-pri-hd)
}

body.cat-Unofficial_Mod-Build_Guides h1 + div,
body.cat-Official_Mod-Build_Guides h1 + div {
    border-bottom: 3px solid var(--bd-pri-emph)
}

body.cat-Unofficial_Mod-Build_Guides h2,
body.cat-Official_Mod-Build_Guides h2 {
    border-bottom: 2px solid var(--bd-pri-emph)
}

body.cat-Unofficial_Mod-Build_Guides h5,
body.cat-Official_Mod-Build_Guides h5 {
    border-bottom: 3px solid var(--bd-pri-emph)
}

body.cat-Unofficial_Mod-Build_Guides hr,
body.cat-Official_Mod-Build_Guides hr {
    color: var(--text-pri-emph);
    background-color: var(--bg-pri-emph)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th,
body.cat-Official_Mod-Build_Guides .steptable th {
    background-color: var(--bg-sec-hd);
    border-bottom: 1px solid var(--bd-dims);
    border-left: 1px solid var(--bd-mid)
}

body.cat-Unofficial_Mod-Build_Guides .steptable td,
body.cat-Official_Mod-Build_Guides .steptable td {
    border-left: 1px solid var(--bd-dims)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th.first,
body.cat-Unofficial_Mod-Build_Guides .steptable th.second,
body.cat-Unofficial_Mod-Build_Guides .steptable th.third,
body.cat-Unofficial_Mod-Build_Guides .steptable th.fourth,
body.cat-Official_Mod-Build_Guides .steptable th.first,
body.cat-Official_Mod-Build_Guides .steptable th.second,
body.cat-Official_Mod-Build_Guides .steptable th.third,
body.cat-Official_Mod-Build_Guides .steptable th.fourth {
    background-color: var(--bg-sec-hd)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th.core,
body.cat-Official_Mod-Build_Guides .steptable th.core {
    background-color: var(--clr-red)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th.landw,
body.cat-Official_Mod-Build_Guides .steptable th.landw {
    background-color: var(--clr-yellow)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th.pp,
body.cat-Official_Mod-Build_Guides .steptable th.pp {
    background-color: var(--clr-green)
}

body.cat-Unofficial_Mod-Build_Guides .steptable th.enb,
body.cat-Official_Mod-Build_Guides .steptable th.enb {
    background-color: var(--clr-blue)
}

body.cat-Unofficial_Mod-Build_Guides .steptable .detailed,
body.cat-Official_Mod-Build_Guides .steptable .detailed {
    background-color: var(--bg-sec)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow03-Resources,
body.cat-Unofficial_Mod-Build_Guides .steptablerow10-Gameplay-General,
body.cat-Official_Mod-Build_Guides .steptablerow03-Resources,
body.cat-Official_Mod-Build_Guides .steptablerow10-Gameplay-General {
    border-bottom: 1px solid var(--clr-mute-purple)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow09-Fixes,
body.cat-Unofficial_Mod-Build_Guides .steptablerow16-Interface,
body.cat-Official_Mod-Build_Guides .steptablerow09-Fixes,
body.cat-Official_Mod-Build_Guides .steptablerow16-Interface {
    border-bottom: 1px solid var(--clr-mute-magent)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow05-Animation.and.Physics,
body.cat-Unofficial_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
body.cat-Unofficial_Mod-Build_Guides .steptablerow21-Post-Processing,
body.cat-Official_Mod-Build_Guides .steptablerow05-Animation.and.Physics,
body.cat-Official_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
body.cat-Official_Mod-Build_Guides .steptablerow21-Post-Processing {
    border-bottom: 1px solid var(--clr-mute-blue)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow04-Foundation,
body.cat-Unofficial_Mod-Build_Guides .steptablerow06-Models.and.Textures,
body.cat-Unofficial_Mod-Build_Guides .steptablerow14-Gameplay-Quests,
body.cat-Official_Mod-Build_Guides .steptablerow04-Foundation,
body.cat-Official_Mod-Build_Guides .steptablerow06-Models.and.Textures,
body.cat-Official_Mod-Build_Guides .steptablerow14-Gameplay-Quests {
    border-bottom: 1px solid var(--clr-mute-green)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow07-Sounds.and.Music,
body.cat-Unofficial_Mod-Build_Guides .steptablerow15-Gameplay-Skills.and.Perks,
body.cat-Official_Mod-Build_Guides .steptablerow07-Sounds.and.Music,
body.cat-Official_Mod-Build_Guides .steptablerow15-Gameplay-Skills.and.Perks {
    border-bottom: 1px solid var(--clr-mute-chartr)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow01-Tools,
body.cat-Unofficial_Mod-Build_Guides .steptablerow11-Gameplay-AI.and.Combat,
body.cat-Unofficial_Mod-Build_Guides .steptablerow19-Utilities,
body.cat-Unofficial_Mod-Build_Guides .steptablerow20-Patches,
body.cat-Official_Mod-Build_Guides .steptablerow01-Tools,
body.cat-Official_Mod-Build_Guides .steptablerow11-Gameplay-AI.and.Combat,
body.cat-Official_Mod-Build_Guides .steptablerow19-Utilities,
body.cat-Official_Mod-Build_Guides .steptablerow20-Patches {
    border-bottom: 1px solid var(--clr-mute-yellow)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow08-Character.Appearance,
body.cat-Unofficial_Mod-Build_Guides .steptablerow18-Lighting.and.Weather,
body.cat-Official_Mod-Build_Guides .steptablerow08-Character.Appearance,
body.cat-Official_Mod-Build_Guides .steptablerow18-Lighting.and.Weather {
    border-bottom: 1px solid var(--clr-mute-orange)
}

body.cat-Unofficial_Mod-Build_Guides .steptablerow02-Extenders,
body.cat-Unofficial_Mod-Build_Guides .steptablerow12-Gameplay-Economy,
body.cat-Unofficial_Mod-Build_Guides .steptablerow17-Locations,
body.cat-Official_Mod-Build_Guides .steptablerow02-Extenders,
body.cat-Official_Mod-Build_Guides .steptablerow12-Gameplay-Economy,
body.cat-Official_Mod-Build_Guides .steptablerow17-Locations {
    border-bottom: 1px solid var(--clr-mute-red)
}

/* Mod recommendations */

.listtable ul {
    background-color: var(--bg-sec)
}

.listtable ul:before,
ul:after {
    border: 1px solid var(--bd-dims)
}

.listtable ul:before {
    background-color: var(--bg-pri-hd);
    border: 1px solid var(--bd-cont-l)
}

.listtable ul:after {
    background-color: var(--bg-pri-hd);
    border: 1px solid var(--bd-cont-l)
}

.listtable li {
    border: 1px solid var(--bd-dims)
}

/* Mod Version Recommendations */

.custom-recommendations {
    background-color: var(--bg-sec)
}

/* MP Game Tiles */

.gametiles p img {
    border: 1px solid var(--bd-dims)
}

/* Game Pages */

.pageHeader {
    background-color: var(--bg-sec-hd)
}

.pageHeader .pageSubHeaderPortal {
    background-color: var(--bg-pri-hd)
}

.pageHeader .pageSubHeader {
    background-color: var(--bg-pri-hd);
    color: var(--bd-dimr1)
}

.guideVersion {
    border-bottom: 1px solid var(--bd-dims);
    border-top: 1px solid var(--bd-dims)
}

.gamehometablecolumnheading {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
    color: var(--text-pri) !important
}

.gamehometablerow {
    color: var(--bd-dimr1)
}

.gamehometablerow h4 {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
    color: var(--text-pri) !important
}

/* Template:Alert (AlertSmall) */

.stepalert {
    box-shadow: 0 0 15px -2px var(--bg-cont);
    border: 2px solid var(--bd-dim)
}

.stepalert a {
    color: var(--text-lnk-bt)
}

.stepalert a:hover {
    color: var(--text-lnk-hov-bt)
}

.stepalert a[href].external:visited,
.stepalert a:visited {
    color: var(--text-lnk-vis-bt)
}

.stepalert a[href].external:visited:hover,
.stepalert a:visited:hover {
    color: var(--text-lnk-vis-hov-bt)
}

.alert-warning,
.warningbox,
div.warning {
    color: var(--bd-dims) !important;
    background: var(--clr-yellow) !important;
    border-color: var(--clr-mute-yellow) !important
}

/* Template:CategoryModList */

.categorymodlist {
    border: 1px solid var(--bg-pri-emph);
    background: var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
}

.modnamehd {
    color: var(--clr-orange)
}

.categorymodlist .dimtext {
    color: var(--bd-dimr1)
}

/* Template:Fomod */

table.fomod,
.fomod {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
}

.fomod li,
table.fomod li {
    background-color: var(--bg-pri);
    border-color: var(--bd-adj-dn)
}

.fomod li li,
table.fomod li li {
    background-color: var(--bg-sec);
    border-color: var(--bd-adj-dn)
}

.fomod li li li li,
table.fomod li li li li {
    background-color: var(--btn);
    border-color: var(--btn);
    color: var(--btn-text)
}

/* Template:Mod */

.modheading {
    background: var(--bg-sec-hd);
    box-shadow: 0 0 3px 1px var(--bd-emph-shd)
}

.modheading>h1 {
    border-bottom: 2px solid var(--bd-pri-emph-emph) !important
}

.modsubheading {
    color: var(--bd-dimr1)
}

.modbox {
    background-color: var(--bg-sec-hd);
    box-shadow: 0 0 5px 1px var(--bd-emph-shd)
}

.infobox .infoattr,
.modbox .infoattr {
    color: var(--bd-dimr1)
}

.infosec {
    border-top: 1px solid var(--bd-pri-emph-emph)
}

/* Template:Spoiler */

.spoiler {
    background: var(--bg-pri-emph);
    border: 1px dotted var(--bd-foc-shd);
    padding: .25em;
    margin-bottom: 1em
}

.spoiler:hover {
	background: var(--bg-menu-hov)
}

.spoiler-content {
    background: var(--bg-sec);
    border: 1px dotted var(--bd-foc-shd);
    color: var(--text-sec)
}

/* Template:CollapsibleTable */

.stepCaption {
    background: var(--bg-pri-emph);
    border-top: 1px dotted var(--bd-foc-shd);
    border-right: 1px dotted var(--bd-foc-shd);
    border-left: 1px dotted var(--bd-foc-shd)
}

.stepCaption>caption {
    color: var(--text-sec)
}

.stepCaption .mw-customtoggle {
    border-bottom: 1px dotted var(--bd-foc-shd)
}

.stepTitle {
    color: var(--bd-pri-emph)
}

/* tooltip container */
.stepCaption .stepTooltip {
    position: relative
}

.stepCaption .stepTooltip:hover {
	background: var(--bg-menu-hov)
}

/* tooltip text */
.stepCaption .stepTooltip .stepTooltipToggle {
	background-color: var(--bd-pri-emph);
	color: var(--text-contr-l)
}

/* show the tooltip text on hover over cell */
.stepContent {
    background: var(--bg-sec);
    border: 1px dotted var(--bd-foc-shd);
    color: var(--text-sec)
}

/* Template:PageHeader */

.pagetitle {
    border-bottom: 1px solid var(--bd-pri-emph)
}

.pagetitle .pagetitle-title {
    color: var(--text-sec)
}

/* Template:Sidebox */

.sideBox {
    border: 1px solid var(--bd-adj-dn);
    box-shadow: 0 0 20px 20px var(--bd-adj-dn) inset
}

.sideBoxHeader {
    color: var(--clr-orange)
}

/* Template:SystemSpecs */

.systemspecs {
    background-color: var(--bg-pri-emph);
    border: 1px solid var(--bg-pri-emph);
    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
    color: var(--text-pri) !important
}

/***** Extensions *****/

/* CategoryTree */

.CategoryTreeToggle {
    color: var(--bd-pri-emph)
}

/* SMW */

.mw-body-content .smw-tabs input.nav-tab:checked + label.nav-label {
    background-color: var(--bg-pri);
    color: var(--text-sec);
    border: 1px solid var(--bd-widg);
    border-top: 2px solid var(--bd-pri-emph);
    border-bottom: 2px solid var(--bd-widg)
}

#tab-content-general input[type="submit"],
#tab-content-maintenance input[type="submit"],
#tab-content-supplement input[type="submit"] {
    color: var(--btn-text);
    background-color: var(--btn);
    border: 1px solid var(--btn)
}

#tab-content-general input[type="submit"]:hover,
#tab-content-maintenance input[type="submit"]:hover,
#tab-content-supplement input[type="submit"]:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%)
}

.smw-column-header {
    color: var(--text-pri)
}

#formatSelector,
[name="order_num[]"],
[name="p[headers]"],
[name="p[link]"],
input[name="date"] {
    background-color: var(--bg-pri-hd) !important;
    color: var(--text-sec) !important;
    border: 1px solid var(--bd-dim) !important
}

input[name="date"] {
    background-color: var(--bg-field-hov) !important;
    border-color: var(--bd-pri-emph) !important
}

input[name="date"] {
    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
    border-color: var(--bd-pri-emph) !important
}

.smw-ask-toplinks,
.smwb-theme-light .smwb-title {
    background-color: var(--bg-pri-emph) !important
}

.smw-callout-warning,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-prophead,
.smwb-theme-light .smwb-propval {
    background-color: var(--bg-sec) !important
}

.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
    border-top: 1px solid var(--bd-dimr1)
}

.smw-factbox input.nav-tab:checked + label.nav-label {
    background: var(--bg-sec) !important;
    border-top: 2px solid var(--bd-pri-emph) !important;
    border-right: 1px solid var(--bg-sec) !important;
    border-bottom: 1px solid var(--bg-sec) !important;
    border-left: 1px solid var(--bg-sec) !important;
    color: var(--bd-dimr1)
}

.smw-factbox .smwfact {
    background-color: var(--bg-sec);
    color: var(--text-pri) !important;
    border: 1px solid var(--bg-sec)
}

.smwfact .smw-table-row:nth-child(2n) {
    background-color: var(--bg-pri)
}

.smwfact .smw-table-row:nth-child(2n + 1) {
    background-color: var(--bg-sec)
}

.smw-ask-options-row-odd {
    background: var(--bg-sec) !important
}

.smw-ask-options-row-even {
    background: var(--bg-sec-emph)
}

#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
    background-image: linear-gradient(to bottom, var(--bg-body), var(--bg-body) 90%)
}

.smw-tabs .subtab-content,
.smw-tabs section {
    border-color: var(--bd-dims)
}

.smw-ui-pagination .page-link,
.smw-ui-pagination .page-link.link-disabled {
    border-color: var(--bd-dim)
}

.smw-ui-pagination .page-link.link-active {
    border: 2px solid var(--bd-pri-emph)
}

.smw-special-filter-button {
    border: 1px solid var(--bd-dim)
}

.smw-special-filter-button:hover {
    background: 0 0;
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
}

.smw-callout-info {
    background: var(--bg-sec);
    border-left: 5px solid var(--bd-pri-emph)
}

.smwtable-striped tbody>tr:nth-child(2n + 1) {
    background-color: var(--bg-sec)
}

.smwtable-clean tbody>tr:nth-child(2n) {
    background-color: var(--bg-sec-emph)
}

.smwtable-clean tr>td {
    border-top: 1px solid var(--bd-cont-l)
}

.smw-property-page-results .header-title {
    background-color: var(--bg-pri-hd)
}

.smw-property-page-results .header-row>.header-title {
    border-bottom: 1px solid var(--bd-code-shd)
}

.smw-property-page-results .header-title {
    color: var(--bd-dimr1) !important
}

.smw-ui-input-filter {
    background-color: var(--bg-pri-hd) !important;
    color: var(--text-lnk) !important;
    border-color: var(--bd-adj-dn) !important
}

.smw-ui-input-filter input {
    border-left: 1px solid var(--bd-dimr1) !important;
    color: var(--bd-dimr1) !important
}

.smw-ui-pagination .page-link {
    color: var(--text-pri);
    background-color: var(--bg-pri-hd) !important;
    border-color: var(--bd-adj-dn) !important
}

.smw-ui-pagination:hover .page-link:hover {
    background-color: var(--bg-menu-hov) !important;
    border-color: var(--bd-adj-dn) !important
}

.smw-ui-pagination .page-link.link-active {
    background-color: var(--bg-sec-hd) !important;
    border-color: var(--bd-adj-dn) !important
}

.smwfact {
    background-color: var(--bg-sec) !important;
    border-color: var(--bd-dims) !important
}

.item-count,
.usage-count {
    color: var(--text-pri) !important;
    background-color: var(--bg-pri-emph) !important;
    border: 1px solid var(--bd-pri-emph-shd) !important
}

.smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label {
    border-top: 2px solid var(--bd-pri-emph)
}

.smwpre {
    color: var(--bd-dimr1) !important;
    background-color: var(--bg-pri-hd);
    border-color: var(--bd-mid);
    box-shadow: 0 0 5px var(--bg-cont) inset
}

.smw-jsonview-menu {
    background-color: var(--bg-pri-emph) !important;
    border-left: 1px solid var(--bd-adj-dn) !important;
    border-top: 1px solid var(--bd-adj-dn) !important;
    border-right: 1px solid var(--bd-adj-dn) !important
}

.smw-jsonview-menu + pre {
    background-color: var(--bg-pri-hd) !important
}

.smw-jsonview-button-group-left input {
    border: 1px solid var(--text-pri-emph)
}

#smw-jsonview-copy-btn,
#smw-jsonview-toggle-btn {
    background-color: var(--bd-dimr1);
    border: 1px solid var(--bg-pri-emph)
}

#smw-jsonview-copy-btn:hover,
#smw-jsonview-toggle-btn:hover {
    background-color: var(--text-sec)
}

.smw-json-container>.jsonview .string {
    color: var(--clr-green) !important
}

.smw-json-container>.jsonview .prop {
	color: var(--clr-magent)
}

#mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
    color: var(--text-sec)
}

fieldset#mw-prefsection-smw-general-options,
fieldset#mw-prefsection-smw-extended-search-options,
fieldset#mw-prefsection-smw-srf-eventcalendar-options,
fieldset#mw-prefsection-smw-srf-datatables-options,
fieldset#mw-prefsection-smw-ask-options,
fieldset#mw-prefsection-smw-srf {
    border-top: 1px solid var(--bd-dim)
}

#ask-help>.smw-modal-content {
	background-color: var(--bg-sec-emph);
	border: 1px solid var(--bd-dpdn-shd);
	box-shadow: 0 0 18px var(--bd-emph-shd)
}

#ask-help>.smw-modal-content>.smw-modal-header {
	border-bottom: 1px solid var(--bg-sec-hd);
	background-color: var(--bg-sec-hd)
}

#ask-help>.smw-modal-content>.smw-modal-header>.smw-modal-title {
	color: var(--text-sec)
}

#ask-help>.smw-modal-content>.smw-modal-header>.smw-modal-close:hover {
	color: var(--text-sec)
}

div#ask fieldset,
.smw-ask-search fieldset,
.smw-ask-format fieldset,
.smw-ask-options fieldset {
	border: 1px solid var(--text-pri)
}

.smw-ui-pagination .page-link:hover {
	color: var(--text-lnk-hov)
}

/* Semantic Drilldown */

.mw-body-content #drilldown-categories-wrapper {
	background: var(--bg-pri)
}

.mw-body-content li#categories-header {
	background: var(--bg-sec-hd)
}

.mw-body-content ul#drilldown-categories li.category {
	border-top: 1px var(--bd-dims) solid;
	background: var(--bg-pri)
}

.mw-body-content ul#drilldown-categories li.category:hover {
	background-color: var(--bd-dpdn-shd) !important
}

.mw-body-content ul#drilldown-categories {
	border: 2px var(--bd-dims) solid
}


/* Replace Text */

#powersearch input[type="submit"],
.mw-replacetext-invert {
    color: var(--btn-text);
    background-color: var(--btn);
    border-color: var(--btn)
}

#powersearch input[type="submit"]:hover,
.mw-replacetext-invert:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
}

#checkusersubmit,
.mw-htmlform-submit {
    color: var(--btn-text);
    background-color: var(--btn);
    border-color: var(--btn)
}

#checkusersubmit:hover,
.mw-htmlform-submit:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%)
}

#checkuserform #period {
    background-color: var(--bg-pri-hd) !important;
    color: var(--text-sec) !important;
    border: 1px solid var(--bd-dim) !important
}

/***** Page Forms *****/

/* Multiple instance */

.multipleTemplateInstanceTable .inputSpan input[id*="input"] {
    background: var(--bg-pri-hd) !important;
    color: var(--text-pri) !important;
    border-color: var(--bd-adj-dn) !important
}

.multipleTemplateInstanceTable .inputSpan:hover {
    background-color: var(--bg-pri-hd) !important
}

.multipleTemplateInstanceTable .inputSpan:focus {
    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
    border-color: var(--bd-pri-emph) !important
}

.multipleTemplateInstance {
    background-color: var(--bg-pri-emph) !important;
    border: 1px solid var(--bg-pri-emph) !important
}

option {
    background-color: var(--bg-pri-hd);
    color: var(--text-pri)
}

option:checked {
    background-color: var(--bg-pri-hd) !important
}

/* Option sets */

#category_dropdown,
#formSelector,
#form_dropdown,
#mainTable td select[name*="property_type"],
#property_dropdown,
#sectionname,
#semantic_property_aggregation,
.inputTypeSelector,
.inputSpan>select[id*="input"],
[id*="semantic_property"],
[name*="before"] {
    background-color: var(--bg-pri-hd);
    color: var(--text-pri);
    border: 1px solid var(--bd-dim)
}

/* Token & Other fields */

.pf-select2-container [id*="select2-input"] {
    border: none !important
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-search--dropdown .select2-search__field {
    background: var(--bg-pri-hd) !important;
    border-color: var(--bd-adj-dn) !important;
    color: var(--text-pri)
}

.select2-dropdown:hover,
.select2-search--dropdown .select2-search__field:hover {
    background-color: var(--bg-pri-hd) !important
}

.select2-dropdown:focus,
.select2-search--dropdown .select2-search__field:focus {
    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
    border-color: var(--bd-pri-emph) !important
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--bd-pri-emph)
}

.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
    background-color: var(--bg-menu-hov)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--btn) !important;
    border: 1px solid var(--btn) !important;
    color: var(--btn-text)
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--text-pri)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--text-pri-emph)
}

/* Form input */

#ooui-php-2 {
    background-color: var(--bg-sec)
}

#allowed_values input[name="values"],
#ask-query-condition,
#checkreason,
#checktarget,
#createClassForm input,
#id.smw-form-input,
#mainTable [name*="field_name"],
#mainTable td input[name*="allowed_values"],
#mainTable td input[name*="property_name"],
#month,
#mw-checkuser-cidr-res,
#mw-import-comment,
#mw-input-cuSearch,
#mw-interwiki-rootpage-upload,
#mw-searchoptions input[name="category"],
#mw-searchoptions input[name="prefix"],
#mw-userrights-form1 #username,
#sectionname,
#smw-jsonview-search,
#smw-property-input,
#smw-value-input,
#sort_div_0 [class="smw-property-input autocomplete-arrow"],
#usernamePrefix,
#wikieditor-toolbar-replace-replace,
#wikieditor-toolbar-replace-search,
#wpDestFile,
#wpReason,
#year,
.ext-replacetext-searchoptions input[name="category"],
.ext-replacetext-searchoptions input[name="prefix"],
.inputSpan>[id*="input"],
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-ui-checkbox [type="checkbox"] + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
.mw-ui-input,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle,
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-radioInputWidget [type="radio"] + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.select2-selection--single .select2-match-entire,
.sitedir-ltr input[name="dest"],
.sitedir-ltr input[name="target"],
.smw-table-cell [class="parameter-number-input"],
.smw-table-cell [class="parameter-string-input"],
[name="threshold"],
form select,
input#wpSummary {
    background-color: var(--bg-pri-hd) !important;
    color: var(--text-pri) !important
}

#allowed_values input[name="values"]:hover,
#ask-query-condition:hover,
#checkreason:hover,
#checktarget:hover,
#createClassForm input:hover,
#id.smw-form-input:hover,
#mainTable [name*="field_name"]:hover,
#mainTable td input[name*="allowed_values"]:hover,
#mainTable td input[name*="property_name"]:hover,
#month:hover,
#mw-checkuser-cidr-res:hover,
#mw-import-comment:hover,
#mw-input-cuSearch:hover,
#mw-interwiki-rootpage-upload:hover,
#mw-searchoptions input[name="category"]:hover,
#mw-searchoptions input[name="prefix"]:hover,
#mw-userrights-form1 #username:hover,
#sectionname:hover,
#smw-jsonview-search:hover,
#smw-property-input:hover,
#smw-value-input:hover,
#sort_div_0 [class="smw-property-input autocomplete-arrow"]:hover,
#usernamePrefix:hover,
#wikieditor-toolbar-replace-replace:hover,
#wpDestFile:hover,
#wpReason:hover,
#wpReason:hover,
#year:hover,
.ext-replacetext-searchoptions input[name="category"]:hover,
.ext-replacetext-searchoptions input[name="prefix"]:hover,
.inputSpan>[id*="input"]:hover,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle:hover,
.mw-ui-checkbox [type="checkbox"]:hover + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:hover + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"]:hover + label::before,
.mw-ui-input:hover,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover,
.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-radioInputWidget [type="radio"]:hover + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled:hover,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
.select2-selection--single .select2-match-entire:hover,
.sitedir-ltr input[name="dest"]:hover,
.sitedir-ltr input[name="target"]:hover,
.smw-table-cell [class="parameter-number-input"]:hover,
.smw-table-cell [class="parameter-string-input"]:hover,
[name="threshold"]:hover,
form select:hover,
input#wpSummary:hover {
    background-color: var(--bg-field-hov) !important
}

#allowed_values input[name="values"]:focus,
#ask-query-condition:focus,
#checkreason:focus,
#checktarget:focus,
#createClassForm input:focus,
#id.smw-form-input:focus,
#mainTable [name*="field_name"]:focus,
#mainTable td input[name*="allowed_values"]:focus,
#mainTable td input[name*="property_name"]:focus,
#month:focus,
#mw-checkuser-cidr-res:focus,
#mw-import-comment:focus,
#mw-input-cuSearch:focus,
#mw-interwiki-rootpage-upload:focus,
#mw-searchoptions input[name="category"]:focus,
#mw-searchoptions input[name="prefix"]:focus,
#mw-userrights-form1 #username:focus,
#sectionname:focus,
#smw-jsonview-search:focus,
#smw-property-input:focus,
#smw-value-input:focus,
#sort_div_0 [class="smw-property-input autocomplete-arrow"]:focus,
#usernamePrefix:focus,
#wikieditor-toolbar-replace-replace:focus,
#wikieditor-toolbar-replace-search:focus,
#wpDestFile:focus,
#wpReason:focus,
#year:focus,
.ext-replacetext-searchoptions input[name="category"]:focus,
.ext-replacetext-searchoptions input[name="prefix"]:focus,
.inputSpan>[id*="input"]:focus,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle:focus,
.mw-ui-checkbox [type="checkbox"]:focus + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:focus + label::before,
.mw-ui-checkbox:not(#noop) [type="checkbox"]:focus + label::before,
.mw-ui-input:focus,
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus,
.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-radioInputWidget [type="radio"]:focus + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled:focus,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
.select2-selection--single .select2-match-entire:focus,
.sitedir-ltr input[name="dest"]:focus,
.sitedir-ltr input[name="target"]:focus,
.smw-table-cell [class="parameter-number-input"]:focus,
.smw-table-cell [class="parameter-string-input"]:focus,
[name="threshold"]:focus,
form select:focus,
input#wpSummary:focus {
    box-shadow: 0 0 5px var(--bd-foc-shd) !important
}

/* gray out disabled inputs */
.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span,
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: .5;
    color: var(--bd-dimr1) !important;
    background: var(--bg-pri-hd) !important
}

/* keep checked items highlighted */
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span {
    border: 1px solid var(--bd-pri-emph) !important
}

.oo-ui-menuSelectWidget {
    background: var(--bg-pri-hd) !important;
    border: 1px solid var(--bd-dim)
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--bg-pri-hd)
}

/* exceptions for search bar */
#searchInput {
    border-color: var(--bd-cont-l) !important;
    background-color: var(--bg-pri-hd) !important
}

#searchInput:focus {
    border: 1px solid var(--bd-cont-l) !important;
    color: var(--bd-dim) !important
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-radioInputWidget [type="radio"] + span {
    background-color: var(--bg-pri-hd) !important
}

.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span,
.oo-ui-radioInputWidget [type="radio"]:hover + span {
    border: 1px solid var(--bd-pri-emph) !important
}

.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span,
.oo-ui-radioInputWidget [type="radio"]:focus + span {
    border-color: var(--bd-pri-emph) !important;
    box-shadow: 0 0 5px var(--bd-foc-shd) !important
}

.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
    border-color: var(--bd-adj-dn)
}

.oo-ui-checkboxInputWidget [type="checkbox"]:disabled:hover + span {
    border: 1px solid var(--bd-adj-dn) !important
}

.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
    border-color: var(--bd-pri-emph) !important
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span {
    border: 3px solid var(--bd-pri-emph) !important
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span {
    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
    border-color: var(--bd-pri-emph) !important
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span,
.mw-ui-checkbox [type="checkbox"]:enabled:hover + label::before,
.mw-ui-checkbox [type="checkbox"]:enabled:focus + label::before,
.mw-ui-checkbox [type="checkbox"]:enabled:active + label::before {
	box-shadow: inset 0 0 0 1px var(--bd-pri-emph) !important
}

p [type="button"],
td [type="button"] {
    color: var(--btn-text) !important;
    background: var(--btn) !important;
    border: 1px solid var(--btn) !important
}

p [type="button"]:hover,
td [type="button"]:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
}

.fieldBox {
    border: 1px var(--bd-dim) solid !important;
    background: var(--bg-sec) !important
}

div.popupform-container {
    background-color: var(--bg-pri-hd) !important;
    border: 2px solid var(--text-contr-d) !important
}

[name*="Recommendations"],
[name*="Recommendations"]:hover,
[name*="Recommendations"]:focus {
    background-color: var(--bg-sec-hd) !important;
    color: var(--text-editor) !important
}

.formtip {
    color: var(--clr-chartr)
}

.formheading {
    color: var(--clr-orange)
}

/* HeaderTabs */

.ui-widget-header {
    border: 1px solid var(--bg-sec-hd) !important;
    background: var(--bg-sec-hd) !important;
    color: var(--bd-dimr1)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: var(--bg-sec) !important;
    border-top: 2px solid var(--bd-pri-emph) !important;
    border-right: 1px solid var(--bg-sec) !important;
    border-bottom: 1px solid var(--bg-sec) !important;
    border-left: 1px solid var(--bg-sec) !important
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: var(--text-pri) !important
}

.ui-tabs .ui-tabs-nav li {
    background: var(--bg-sec-hd);
    border-top: 2px solid var(--bd-dimr1);
    border-right: 1px solid var(--bg-sec-hd);
    border-bottom: 1px solid var(--bg-sec-hd);
    border-left: 1px solid var(--bg-sec-hd)
}

.ui-tabs .ui-tabs-nav li a {
    color: var(--bd-dimr1) !important
}

.ui-tabs .ui-tabs-nav li a:hover {
    color: var(--bd-dimr1) !important;
    background-color: var(--bg-sec) !important
}

#ooui-php-2 {
	background-color: var(--bg-sec)
}

/* Cite */

.mw-references-wrap {
    font-size: 80%;
    border-top: 1px solid var(--bd-dims)
}

ol.references li:target,
sup.reference:target {
    background-color: var(--bg-menu-hov)
}

.jexcel {
    background-color: var(--bg-sec) !important;
    border-right: 1px solid var(--bd-dimr1) !important;
    border-bottom: 1px solid var(--bd-dimr1) !important
}

.jexcel>thead>tr>td {
    border-top: 1px solid var(--bd-adj-dn) !important;
    border-left: 1px solid var(--bd-adj-dn) !important;
    background-color: var(--bg-sec-hd) !important
}

.jexcel>tbody>tr>td:first-child {
    background-color: var(--bg-sec-hd) !important
}

.jexcel>tbody>tr>td {
    border-top: 1px solid var(--bd-adj-dn) !important;
    border-left: 1px solid var(--bd-adj-dn) !important
}

.jexcel>tbody>tr.dragging>td {
    background-color: var(--bg-sec-emph) !important
}

.jexcel_corner {
    border: 1px solid var(--bd-dimr1) !important
}

.jexcel_page_selected {
    background-color: var(--bg-sec-hd) !important
}

.jexcel>tbody>tr.selected>td:first-child {
    background-color: var(--bg-pri-hd) !important
}

.jexcel .highlight-top.highlight-left {
    -webkit-box-shadow: -1px -1px var(--bd-pri-emph) !important;
    -moz-box-shadow: -1px -1px var(--bd-pri-emph) !important;
    box-shadow: -1px -1px var(--bd-pri-emph) !important
}

.jexcel .highlight-bottom {
    border-bottom: 1px solid var(--bd-adj-dn) !important
}

.jexcel .highlight-right {
    border-right: 1px solid var(--bd-adj-dn) !important
}

.jexcel .highlight-left {
    border-left: 1px solid var(--bd-adj-dn) !important;
    box-shadow: -1px 0 var(--bd-pri-emph) !important
}

.jexcel .highlight-top {
    border-top: 1px solid var(--bd-adj-dn) !important;
    box-shadow: 0 -1px var(--bd-pri-emph) !important
}

.jexcel>thead>tr>td.selected {
    background-color: var(--bd-pri-emph) !important
}

.mw-mmv-post-image {
	color: var(--text-sec)!important;
	background-color: var(--bg-pri-emph)!important
}

.mw-mmv-image-metadata {
	border-top: 1px solid var(--bd-dim);
	background-color: var(--bg-pri-emph)!important
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
	background-color: var(--btn);
	color: var(--btn-text);
	border-color: var(--btn)
}

.mw_metadata td, .mw_metadata th {
	background-color: var(--bg-pri);
	border: 1px solid var(--bd-dims)
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	background-color: var(--bg-sec) !important;
	color: var(--text-pri)
}

.tdg-templateDataParamWidget-param-description,
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
	color: var(--text-pri) !important
}

.tdg-templateDataParamWidget-param-alias:first-child {
	background-color: var(--btn) !important
}

.tdg-templateDataParamWidget-param-alias {
	color: var(--btn-text) !important;
	background-color: var(--btn) !important;
	border: solid 1px var(--btn) !important
}

.tdg-templateDataParamWidget-param-alias:hover {
    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
}

.oo-ui-messageDialog-message {
	color: var(--text-pri)
}

/* Semantic Cite */
.qtip-light {
	background-color: var(--bg-sec) !important;
	color: var(--text-sec) !important;
	box-shadow: 0 0 10px var(--bd-emph-shd) !important
}

.qtip-light .qtip-titlebar {
	background-color: var(--bg-pri) !important
}

@@ Line 1: / Line 1: @@
 :root {
-	--bg-body: #222324;
+    --bg-body: #222324;
-	--bg-pri: #373f49;
+    --bg-pri: #373f49;
-	--bg-sec: #3f4a54;
+    --bg-sec: #3f4a54;
-	--bg-pri-emph: #2e343d;
+    --bg-pri-emph: #2e343d;
-	--bg-sec-emph: #2f3742;
+    --bg-sec-emph: #2f3742;
-	--bg-cont: #161619;
+    --bg-cont: #161619;
-	--bg-pri-hd: #262629;
+    --bg-pri-hd: #262629;
-	--bg-sec-hd: #2d2d2e;
+    --bg-sec-hd: #2d2d2e;
-	--bg-field: var(--bg-pri-hd);
-	--bg-field-hov: rgba(0,0,0,0.25);
-	--bg-code: var(--bg-pri-hd);
-	--bg-menu-hov: rgba(255,140,30,0.1);
-	--bg-diff: var(--bg-pri-hd);
-	--bg-diff-add: #263640;
-	--bg-diff-del: #403826;
-	--bg-diffch-add: #101840;
-	--bg-diffch-del: #301810;
-	--bg-wikitab-th: var(--bg-pri-hd);
-	--bg-wikitab-td: var(--bg-sec);
-	--bg-wikiedtb1: #cacbcf;
-	--bg-wikiedtb2: #aaabaf;
-	--bg-dd-menu: var(--bg-pri);
-	--bg-dd-menu-sel: var(--bg-sec-hd);
-	--bg-checkbx: var(--bg-pri-hd);
-	--bg-pref: var(--bg-sec);
-	--bg-msup: #aaa;
-	--bg-search: var(--bg-body);
-	--bd-pri: var(--bg-pri-emph);
-	--bd-cont: var(--bg-cont);
-	--bd-cont-l: var(--bg-pri-hd);
-	--bd-cont-lr: #50d080;
-	--bd-mid: #464649;
-	--bd-widg: #555;
-	--bd-dims: #666;
-	--bd-dimr2: #777;
-	--bd-dimr1: #888;
-	--bd-dim: #a0a0a0;
-	--bd-adj-dn: rgba(0,0,0,0.2);
-	--bd-pri-emph: #9b6014;
-	--bd-pri-emph-shd: #6a5d50;
-	--bd-foc-shd: rgba(255,140,30,0.6);
-	--bd-emph-shd: rgba(255,140,30,0.25);
-	--bd-code-shd: var(--bg-cont);
-	--bd-dpdn-shd: rgba(255,140,30,0.15);
-	--bd-msup: var(--bd-dim);
-	--bd-hdtab: var(--bd-dimr1);
-	--text-pri: #bbb;
+    --bg-field-hov: #00000040;
-	--text-sec: #ccc;
+    --bg-menu-hov: #ff90121a;
-	--text-pri-emph: #eee;
+    --bg-diff-add: #263640;
-	--text-dim: #909090;
+    --bg-diff-del: #403826;
-	--text-editor: #68c878;
+    --bg-diffch-add: #101840;
-	--text-contr-l: #fff;
+    --bg-diffch-del: #301810;
-	--text-contr-d: #000;
+    --bg-msup: #aaa;
-	--text-diffch-add: #50d080;
-	--text-diffch-del: #80d050;
+    --bd-cont-l: var(--bg-pri-hd);
+    --bd-cont-lr: #50d080;
-	--text-lnk: #80aacf;
+    --bd-mid: #464649;
-	--text-lnk-hov: #a0caf4;
+    --bd-widg: #555;
-	--text-lnk-vis: #607a9f;
+    --bd-dims: #666;
-	--text-lnk-vis-hov: #809ac4;
+    --bd-dimr2: #777;
-	--text-lnk-bt: #a0caef;
+    --bd-dimr1: #888;
-	--text-lnk-hov-bt: #bae7ff;
+    --bd-dim: #a0a0a0;
-	--text-lnk-vis-bt: #809abf;
+    --bd-adj-dn: #0000000a;
-	--text-lnk-vis-hov-bt: #a0bae4;
+    --bd-dpdn-shd: #ff901226;
+    --bd-emph-shd: #ff901240;
-	--btn: #38688f;
+    --bd-foc-shd: #ff901299;
-	--btn-hov: linear-gradient(to bottom,rgba(255,140,30,0) 0%,rgba(255,140,30,0.1) 100%);
+    --bd-pri-emph-emph: #ff9012d0;
+    --bd-pri-emph: #ff9012;
-	--selected: var(--bd-pri-emph);
+    --bd-pri-emph-shd: #6a5d50;
+    --bd-code-shd: var(--bg-cont);
-	--clr-magent: #d96dc9;
-	--clr-purple: #aa88e8;
+    --text-pri: #b0b0b0;
-	--clr-blue: #64a5e3;
+    --text-sec: #c0c0c0;
-	--clr-green: #4bb073;
+    --text-pri-emph: #eee;
-	--clr-chartr: #9ead48;
+    --text-editor-sel: #68c8784f;
-	--clr-yellow: #e0b438;
+    --text-editor: #68c878;
-	--clr-salmon: #daaa99;
+    --text-contr-l: #fff;
-	--clr-orange: #d89c4e;
+    --text-contr-d: #000;
-	--clr-red: #ee7a72;
+    --text-diffch-add: var(--bd-cont-lr);
+    --text-diffch-del: #80d050;
-	--clr-mute-magent: #d96dc950;
-	--clr-mute-purple: #aa88e850;
+    --text-lnk: #80aacf;
-	--clr-mute-blue: #64a5e350;
+    --text-lnk-hov: #a0caf4;
-	--clr-mute-green: #4bb07350;
+    --text-lnk-vis: #607a9f;
-	--clr-mute-chartr: #9ead4850;
+    --text-lnk-vis-hov: #809ac4;
-	--clr-mute-yellow: #e0b43850;
+    --text-lnk-new: #ff5560;
-	--clr-mute-salmon: #daaa9950;
+    --text-lnk-new-hov: #f08088;
-	--clr-mute-orange: #d89c4e50;
+    --text-lnk-bt: #a0caef;
-	--clr-mute-red: #ee7a7250;
+    --text-lnk-hov-bt: #bae7ff;
+    --text-lnk-vis-bt: #809abf;
+    --text-lnk-vis-hov-bt: #a0bae4;
+    --btn: #38688f;
+    --btn-hov: #ff901200;
+    --btn-warn: #cb4848d0;
+    --btn-warn-hov: #e04343;
+    --btn-text: var(--text-pri-emph);
+    --btn-text-hov: #fff;
+    --clr-mute-red: #ff707750;
+    --clr-mute-magent: #d96dc950;
+    --clr-mute-purple: #aa88e850;
+    --clr-mute-blue: #64a5e350;
+    --clr-mute-green: #4bb07350;
+    --clr-mute-chartr: #9ead4850;
+    --clr-mute-yellow: #e0b43850;
+    --clr-mute-salmon: #daaa9950;
+    --clr-mute-orange: #ff904750;
+    --clr-mid-red: #ff707788;
+    --clr-mid-magent: #d96dc988;
+    --clr-mid-purple: #aa88e888;
+    --clr-mid-blue: #64a5e388;
+    --clr-mid-green: #4bb07388;
+    --clr-mid-chartr: #9ead4888;
+    --clr-mid-yellow: #e0b43888;
+    --clr-mid-salmon: #daaa9988;
+    --clr-mid-orange: #ff904788;
+    --clr-high-red: #ff7077d0;
+    --clr-high-magent: #d96dc9d0;
+    --clr-high-purple: #aa88e8d0;
+    --clr-high-blue: #64a5e3d0;
+    --clr-high-green: #4bb073d0;
+    --clr-high-chartr: #9ead48d0;
+    --clr-high-yellow: #e0b438d0;
+    --clr-high-salmon: #daaa99d0;
+    --clr-high-orange: #ff9047d0;
+    --clr-red: #ff7077;
+    --clr-magent: #d96dc9;
+    --clr-purple: #aa88e8;
+    --clr-blue: #64a5e3;
+    --clr-green: #4bb073;
+    --clr-chartr: #9ead48;
+    --clr-yellow: #e0b438;
+    --clr-salmon: #daaa99;
+    --clr-orange: #ff9047
 }
-/***************** BEGIN VARIAVLE CSS ***********************/
+@media screen and (max-width:767.98px) {
-#p-logo img {
+    #p-logo img {
-	background-image: url(/_wikidev/skins/step/images/header_classic_logo.png) !important;
+        background-image: url(/_wiki/skins/step/images/delta_classic_sm.png) !important;
+    }
 }
-.ns-3010 .header,
+@media screen and (min-width:768px) {
-.ns-3011 .header {
+    #p-logo img {
-	padding: 0 !important;
+        background-image: url(/_wiki/skins/step/images/header_classic_logo_sm.png) !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_sle.jpg) center 25% no-repeat !important;
+    }
 }
-.ns-3012 .header,
+@media screen and (min-width:994px) {
-.ns-3013 .header {
+    #p-logo img {
-	padding: 0 !important;
+        background-image: url(/_wiki/skins/step/images/header_classic_logo.png) !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_sse.jpg) center 25% no-repeat !important;
+    }
 }
-.ns-3014 .header,
+/***** Theme-specific CSS *****/
-.ns-3015 .header {
-	padding: 0 !important;
+/* Color classes */
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_svr.jpg) center 25% no-repeat !important;
+.hltx {
+    color: var(--text-pri-emph) !important
 }
-.ns-3016 .header,
+.dimtx {
-.ns-3017 .header {
+    color: var(--bd-dimr1) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_mor.jpg) center 25% no-repeat !important;
 }
-.ns-3018 .header,
+.dimbg {
-.ns-3019 .header {
+    background-color: var(--bd-dim) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_obl.jpg) center 25% no-repeat !important;
 }
-.ns-3020 .header,
+.dimbd {
-.ns-3021 .header {
+    border-color: var(--bd-dim) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_ft3.jpg) center 25% no-repeat !important;
 }
-.ns-3022 .header,
+.whitetx {
-.ns-3023 .header {
+    color: var(--text-contr-l) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_ft4.jpg) center 25% no-repeat !important;
 }
-.ns-3024 .header,
+.whitebg {
-.ns-3025 .header {
+    background-color: var(--text-contr-l) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_ftv.jpg) center 25% no-repeat !important;
 }
-.ns-3026 .header,
+.whitebd {
-.ns-3027 .header {
+    border-color: var(--text-contr-l) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_mob.jpg) center 25% no-repeat !important;
 }
-.ns-3028 .header,
+.blacktx {
-.ns-3029 .header {
+    color: var(--text-contr-d) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_bys.jpg) center 25% no-repeat !important;
 }
-.ns-3030 .header,
+.blackbg {
-.ns-3031 .header {
+    background-color: var(--text-contr-d) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_skw.jpg) center 25% no-repeat !important;
 }
-.ns-3032 .header,
+.blackbd {
-.ns-3033 .header {
+    border-color: var(--text-contr-d) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_skb.jpg) center 25% no-repeat !important;
 }
-.ns-3040 .header,
+.magenttx {
-.ns-3041 .header {
+    color: var(--clr-magent) !important
-	padding: 0 !important;
-	background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_classic_nms.jpg) center 25% no-repeat !important;
 }
-/***************** END VARIAVLE CSS ***********************/
-/***** Color Classes *****/
+.mutemagenttx {
-.hltxt {
+    color: var(--clr-mute-magent) !important
-	color: var(--text-pri-emph) !important;
 }
-.dimtx {
+.midmagenttx {
-	color: var(--text-dim) !important;
+    color: var(--clr-mid-magent) !important
 }
-.neutbd {
+.highmagenttx {
-	border-color:  var(--bd-dim) !important;
+    color: var(--clr-high-magent) !important
 }
-.magenttx {
+.magentbg {
-	color: var(--clr-magent) !important;
+    background-color: var(--clr-magent) !important
 }
-.magentbg {
+.mutemagentbg {
-	background-color:  var(--clr-mute-magent) !important;
+    background-color: var(--clr-mute-magent) !important
 }
-.magentbd {
+.midmagentbg {
-	border-color:  var(--clr-magent) !important;
+    background-color: var(--clr-mid-magent) !important
 }
-.purpletx {
+.highmagentbg {
-	color: var(--clr-purple) !important;
+    background-color: var(--clr-high-magent) !important
 }
-.purplebg {
+.magentbd {
-	background-color:  var(--clr-mute-purple) !important;
+    border-color: var(--clr-magent) !important
 }
-.purplebd {
+.mutemagentbd {
-	border-color:  var(--clr-purple) !important;
+    border-color: var(--clr-mute-magent) !important
 }
-.bluetx {
+.midmagentbd {
-	color: var(--clr-blue) !important;
+    border-color: var(--clr-mid-magent) !important
 }
-.bluebg {
+.highmagentbd {
-	background-color:  var(--clr-mute-blue) !important;
+    border-color: var(--clr-high-magent) !important
 }
-.bluebd {
+.purpletx {
-	border-color:  var(--clr-blue) !important;
+    color: var(--clr-purple) !important
 }
-.greentx {
+.mutepurpletx {
-	color: var(--clr-green) !important;
+    color: var(--clr-mute-purple) !important
 }
-.greenbg {
+.midpurpletx {
-	background-color:  var(--clr-mute-green) !important;
+    color: var(--clr-mid-purple) !important
 }
-.greenbd {
+.highpurpletx {
-	border-color:  var(--clr-green) !important;
+    color: var(--clr-high-purple) !important
 }
-.chartrtx {
+.purplebg {
-	color: var(--clr-chartr) !important;
+    background-color: var(--clr-purple) !important
 }
-.chartrbg {
+.mutepurplebg {
-	background-color:  var(--clr-mute-chartr) !important;
+    background-color: var(--clr-mute-purple) !important
 }
-.chartrbd {
+.midpurplebg {
-	border-color:  var(--clr-chartr) !important;
+    background-color: var(--clr-mid-purple) !important
 }
-.yellowtx {
+.highpurplebg {
-	color: var(--clr-yellow) !important;
+    background-color: var(--clr-high-purple) !important
 }
-.yellowbg {
+.purplebd {
-	background-color:  var(--clr-mute-yellow) !important;
+    border-color: var(--clr-purple) !important
 }
-.yellowbd {
+.mutepurplebd {
-	border-color:  var(--clr-yellow) !important;
+    border-color: var(--clr-mute-purple) !important
 }
-.salmontx {
+.midpurplebd {
-	color: var(--clr-salmon) !important;
+    border-color: var(--clr-mid-purple) !important
 }
-.salmonbg {
+.highpurplebd {
-	background-color: var(--clr-mute-salmon) !important;
+    border-color: var(--clr-high-purple) !important
 }
-.salmonbd {
+.bluetx {
-	border-color: var(--clr-salmon) !important;
+    color: var(--clr-blue) !important
 }
-.orangetx {
+.mutebluetx {
-	color: var(--clr-orange) !important;
+    color: var(--clr-mute-blue) !important
 }
-.orangebg {
+.midbluetx {
-	background-color: var(--clr-mute-orange) !important;
+    color: var(--clr-mid-blue) !important
 }
-.orangebd {
+.highbluetx {
-	border-color: var(--clr-orange) !important;
+    color: var(--clr-high-blue) !important
 }
-.redtx {
+.bluebg {
-	color: var(--clr-red) !important;
+    background-color: var(--clr-blue) !important
 }
-.redbg {
+.mutebluebg {
-	background-color:  var(--clr-mute-red) !important;
+    background-color: var(--clr-mute-blue) !important
 }
-.redbd {
+.midbluebg {
-	border-color:  var(--clr-red) !important;
+    background-color: var(--clr-mid-blue) !important
 }
-/************************************************/
+.highbluebg {
-/****************** STEP ***********************/
+    background-color: var(--clr-high-blue) !important
-/************************************************/
-/***** Custom Previous Recommendations *****/
-.recommendation-tables {
-	display: flex;
 }
-.listtable {
+.bluebd {
-	margin: 1em 0 1em 1em;
+    border-color: var(--clr-blue) !important
 }
-/*.listtable .mw-prefixindex-body {
+.mutebluebd {
-	columns: 22em;
+    border-color: var(--clr-mute-blue) !important
-}*/
-.listtable ul {
-	position: relative;
-	background-color: var(--bg-wikitab-td);
-	list-style-type: none;
-	list-style-image: none;
-	margin: 0;
-	padding: 0;
-	width: 20em;
 }
-.listtable ul:before, ul:after {
+.midbluebd {
-	text-align: center;
+    border-color: var(--clr-mid-blue) !important
-	font-weight: bold;
-	display: block;
-	border: 1px solid var(--bd-dims);
-	border-bottom: 0;
-	width: 48%;
 }
-.listtable ul:before {
+.highbluebd {
-	content: 'Existing Version';
+    border-color: var(--clr-high-blue) !important
-	text-align: right;
-	background-color: var(--bg-wikitab-th);
-	border: 1px solid var(--bd-cont-l);
-	padding: 0.2em 0.08em 0.2em 0.2em;
 }
-.listtable ul:after {
+.greentx {
-	content: 'Recommendations';
+    color: var(--clr-green) !important
-	text-align: left;
-	background-color: var(--bg-wikitab-th);
-	border: 1px solid var(--bd-cont-l);
-	padding: 0.2em 0 0.2em 0.08em;
-	position: absolute;
-	top: 0;
-	left: 48%;
 }
-.listtable li {
+.mutegreentx {
-	text-align: left;
+    color: var(--clr-mute-green) !important
-	padding: 0.21em 0.4em;
-	width: 48%;
-	float: left;
-	border: 1px solid var(--bd-dims);
-	border-top: none;
-	margin-bottom: -1px;
 }
-.listtable li:nth-child(even) {
+.midgreentx {
-	margin-left: -1px;
+    color: var(--clr-mid-green) !important
 }
-/***** Custom Mod Version Recommendations *****/
+.highgreentx {
-.custom-recommendations {
+    color: var(--clr-high-green) !important
-	background-color: var(--bg-sec);
-	margin: 1em 30em 0 1em;
-	padding: 0.25em 1em 1em 1em;
-	border: 1px solid var(--bd-dims);
-	white-space: nowrap;
 }
-.custom-recommendations .oo-ui-fieldLayout-header,
+.greenbg {
-.custom-recommendations p {
+    background-color: var(--clr-green) !important
-	margin: 0;
 }
-.custom-recommendations .pfFormInputWrapper {
+.mutegreenbg {
-	margin-top: 0;
+    background-color: var(--clr-mute-green) !important
 }
-/***** Form:Mod Instances *****/
+.midgreenbg {
-.pfPageWithNamespace .oo-ui-textInputWidget {
+    background-color: var(--clr-mid-green) !important
-	width: 30em;
 }
-div.pfNamespaceDropdown {
+.highgreenbg {
-	max-width: 10em;
+    background-color: var(--clr-high-green) !important
 }
-.pfPageWithNamespace.oo-ui-layout.oo-ui-horizontalLayout {
+.greenbd {
-	margin: 0;
+    border-color: var(--clr-green) !important
 }
-.page-STEP_Main .oo-ui-horizontalLayout > .oo-ui-widget {
+.mutegreenbd {
-	margin-bottom: 0;
+    border-color: var(--clr-mute-green) !important
 }
-.editButtons oo-ui-inputWidget-input oo-ui-buttonElement-button {
+.midgreenbd {
-	width: auto;
+    border-color: var(--clr-mid-green) !important
 }
-/***** STEP Portal *****/
+.highgreenbd {
-.page-STEP_Main .modform .oo-ui-textInputWidget .oo-ui-inputWidget-input {
+    border-color: var(--clr-high-green) !important
-	width: 30em;
 }
-.page-STEP_Main .modform div.pfFormInputWrapper {
+.chartrtx {
-	margin: 1em 0;
+    color: var(--clr-chartr) !important
 }
-.page-STEP_Main .modform .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-buttonInputWidget {
+.mutechartrtx {
-	float: right;
+    color: var(--clr-mute-chartr) !important
-	margin-right: 33.3em;
 }
-.page-STEP_Main .modform .oo-ui-inputWidget-input.oo-ui-buttonElement-button {
+.midchartrtx {
-	width: auto;
+    color: var(--clr-mid-chartr) !important
 }
-.page-STEP_Main .oo-ui-buttonElement > .oo-ui-buttonElement-button {
+.highchartrtx {
-	min-height: auto;
+    color: var(--clr-high-chartr) !important
 }
-.page-STEP_Main .guideVersion div.pfFormInputWrapper {
+.chartrbg {
-	margin-top: 0;
+    background-color: var(--clr-chartr) !important
 }
-.page-STEP_Main .guideVersion .pfFormInput p {
+.mutechartrbg {
-	margin: 0.3em;
+    background-color: var(--clr-mute-chartr) !important
 }
-.page-STEP_Main .guideVersion .rightcoltext {
+.midchartrbg {
-	padding: 0 1em;
+    background-color: var(--clr-mid-chartr) !important
 }
-.page-STEP_Main .pfPageWithNamespace .oo-ui-textInputWidget,
+.highchartrbg {
-.page-STEP_Main .oo-ui-textInputWidget .oo-ui-inputWidget-input {
+    background-color: var(--clr-high-chartr) !important
-	width: 10em;
 }
-.page-STEP_Main .oo-ui-inputWidget-input.oo-ui-buttonElement-button {
+.chartrbd {
-	width: 7.15em;
+    border-color: var(--clr-chartr) !important
 }
-.page-STEP_Main .editButtons [id*="wp"] {
+.mutechartrbd {
-	width: auto;
+    border-color: var(--clr-mute-chartr) !important
 }
-.page-STEP_Main div.pfNamespaceDropdown {
+.midchartrbd {
-	width: 10em;
+    border-color: var(--clr-mid-chartr) !important
-	max-width: 10em;
 }
-/***** Template:Alert (AlertSmall) *****/
+.highchartrbd {
-.stepalert {
+    border-color: var(--clr-high-chartr) !important
-	box-shadow: 0 0 15px -2px var(--bg-cont);
-	border: 2px solid var(--bd-dim);
-	border-collapse: separate;
-	border-radius: 5px;
-	margin: 1em auto;
-	padding: 0.6em;
 }
-.stepalert td {
+.yellowtx {
-	vertical-align: top !important;
+    color: var(--clr-yellow) !important
-	text-align: left !important;
-	border: none !important;
-	padding: 0 !important;
 }
-.stepalert th {
+.muteyellowtx {
-	font-weight: bolder;
+    color: var(--clr-mute-yellow) !important
-	font-size: larger;
-	padding: 0 0.25em 0 0 !important;
-	text-align: left !important;
-	border: none !important;
-	background-color: transparent !important;
 }
-.stepalert th:first-child {
+.midyellowtx {
-	width: 1em;
+    color: var(--clr-mid-yellow) !important
-	border: none !important;
-	vertical-align: top !important;
 }
-.stepalert li{
+.highyellowtx {
-	list-style-image:none;
+    color: var(--clr-high-yellow) !important
 }
-.stepalert a {
+.yellowbg {
-color: var(--text-lnk-bt) !important;
+    background-color: var(--clr-yellow) !important
 }
-.stepalert a:hover {
+.muteyellowbg {
-color: var(--text-lnk-hov-bt) !important;
+    background-color: var(--clr-mute-yellow) !important
 }
-.stepalert a:visited {
+.midyellowbg {
-color: var(--text-lnk-vis-bt) !important;
+    background-color: var(--clr-mid-yellow) !important
 }
-.stepalert a:visited:hover {
+.highyellowbg {
-color: var(--text-lnk-vis-hov-bt) !important;
+    background-color: var(--clr-high-yellow) !important
 }
-.stepalertsm ol:last-child,
+.yellowbd {
-.stepalert ol:last-child,
+    border-color: var(--clr-yellow) !important
-.stepalertsm ul:last-child,
-.stepalert ul:last-child,
-.stepalertsm dl:last-child,
-.stepalert dl:last-child,
-.stepalertsm p:last-child,
-.stepalert p:last-child {
-	margin-bottom: 0;
 }
-.stepalertsm {
+.muteyellowbd {
-	border-left: none !important;
+    border-color: var(--clr-mute-yellow) !important
-	border-right: none !important;
-	border-top-style: solid;
-	border-bottom-style: solid;
-	border-width: 1px 0 !important;
-	display: inline-block;
-	margin: 1rem;
-	vertical-align: middle;
 }
-.stepalertsm td {
+.midyellowbd {
-	text-align: left !important;
+    border-color: var(--clr-mid-yellow) !important
-	border-left: none !important;
-	border-right: none !important;
-	padding: 0.25em !important;
 }
-ol + p + table.stepalertsm,
+.highyellowbd {
-ul + p + table.stepalertsm,
+    border-color: var(--clr-high-yellow) !important
-dl + p + table.stepalertsm {
-	margin-top: -2.5em;
 }
-.stepalertsm th {
+.salmontx {
-	padding: 0.1em 0.1em 0.25em 0.25em !important;
+    color: var(--clr-salmon) !important
-	font-size: large;
-	white-space: nowrap;
-	text-align: left !important;
-	border: none !important;
-	background-color: transparent !important;
 }
-/***** Template:SystemSpecs *****/
+.mutesalmontx {
-.systemspecs {
+    color: var(--clr-mute-salmon) !important
-	margin: 0 auto;
-	width: 24em;
-	padding: 0.5em 1.5em 1.5em 1.5em;
-	background-color: var(--bg-pri-emph);
-	border: 1px solid var(--bg-pri-emph);
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	text-align: center;
-	color: var(--text-pri) !important;
-	border-radius: 1em;
-	text-align: center;
 }
-/***** Infoboxes (also see .modbox, etc. below) *****/
+.midsalmontx {
-.infobox {
+    color: var(--clr-mid-salmon) !important
-	background: var(--bg-sec-hd);
-	box-shadow:0 0 5px 1px var(--bd-emph-shd);
-	border-color: var(--bg-sec-hd);
-	border-radius: 2px;
-	color: inherit;
 }
-/***** Template:Mod *****/
+.highsalmontx {
-.modheading {
+    color: var(--clr-high-salmon) !important
-	width: 100%;
-	background: var(--bg-sec-hd);
-	box-shadow:0 0 3px 1px var(--bd-emph-shd);
-	border-radius: 2px;
 }
-.modheading h1 {
+.salmonbg {
-	color: var(--clr-orange);
+    background-color: var(--clr-salmon) !important
-	margin: 0.2em 0.5em 0 0.5em;
-	border-width: 2px !important;
-	padding: 0.2em 0 0 0;
 }
-.modheading p {
+.mutesalmonbg {
-	margin: 0 0 0.6em 0;
+    background-color: var(--clr-mute-salmon) !important
-	padding-bottom: 0.25em;
 }
-.modsubheading {
+.midsalmonbg {
-	color: var(--text-dim);
+    background-color: var(--clr-mid-salmon) !important
-	margin: 0 0 0 1.4em;
-	font-size: 0.9em;
 }
-.modbox {
+.highsalmonbg {
-	background-color: var(--bg-sec-hd);
+    background-color: var(--clr-high-salmon) !important
-	box-shadow:0 0 5px 1px var(--bd-emph-shd);
-	border-radius: 2px;
-	float: right;
-	margin-top: 0.5em;
 }
-.infobox tr,
-.modbox tr {
+.salmonbd {
-	line-height: 1.2em;;
+    border-color: var(--clr-salmon) !important
 }
-.infobox .infoattr,
+.mutesalmonbd {
-.modbox .infoattr {
+    border-color: var(--clr-mute-salmon) !important
-	color: var(--text-dim);
-	padding-right: 0.1em;
-	padding-left: 1em;
-	padding-bottom: 0.3em;
-	float: right;
 }
-.infobox .infovalue,
+.midsalmonbd {
-.modbox .infovalue {
+    border-color: var(--clr-mid-salmon) !important
-	padding-left: 0.1em;
-	padding-right: 1em;
-	padding-bottom: 0.3em;
 }
-.infosec {
+.highsalmonbd {
-	border-top: 1px solid var(--bd-pri-emph);
+    border-color: var(--clr-high-salmon) !important
-	margin: 0.5em 1em;
 }
-/***** STEP Core Pages *****/
+.orangetx {
-.pageHeader {
+    color: var(--clr-orange) !important
-	margin: 0 -0.62em;
-	background-color: var(--bg-sec-hd);
-	text-align: center;
-	padding: 0.2em 0 0 0;
-	font-family: 'Montserrat',sans-serif !important;
-	font-size: 2.3rem;
 }
-.pageHeader .pageSubHeader {
+.muteorangetx {
-	background-color: var(--bg-pri-hd);
+    color: var(--clr-mute-orange) !important
-	padding: 0.1em 1em;
-	color: var(--bd-dims);
-	font-family: 'Roboto',sans-serif !important;
-	font-size: 0.95rem;
-	font-weight: bold;
-	margin-bottom: 0.5em;
 }
-.secHeading {
+.midorangetx {
-	background-color: var(--bg-pri-emph);
+    color: var(--clr-mid-orange) !important
-	border: 1px solid var(--bg-pri-emph);
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	text-align: center;
-	color: var(--text-pri) !important;
-	border-radius: 2px;
-	margin: 0;
-	padding:0.3em 1em;
 }
-.guideVersion {
+.highorangetx {
-	border-bottom: 1px solid var(--bd-dims);
+    color: var(--clr-high-orange) !important
-	border-top: 1px solid var(--bd-dims);
 }
-/***** MP Game Tiles *****/
+.orangebg {
-.gametiles p img {
+    background-color: var(--clr-orange) !important
-	margin: 0.15em;
-	border-radius: 3px;
-	border: 1px solid var(--bd-dims);
 }
-/***** Template:CategoryModList*****/
+.muteorangebg {
-.categorymodlist {
+    background-color: var(--clr-mute-orange) !important
-	border: 1px solid var(--bg-pri-emph);
-	border-radius: 3px;
-	background: var(--bg-pri-emph);
-	padding: 0.5em;
-	margin: 0.2em;
-	width: 20.3em;
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	display: inline-grid;
-	white-space: pre;
-	overflow: hidden;
-	line-height: 1.1em;
 }
-.modname {
+.midorangebg {
-	font-size: 0.9rem;
+    background-color: var(--clr-mid-orange) !important
 }
-.modnamehd {
+.highorangebg {
-	color: var(--clr-orange);
+    background-color: var(--clr-high-orange) !important
-	font-family: 'Montserrat', sans-serif;
-	font-size: 1.1rem;
-	padding-bottom: 0.1em;
 }
-.categorymodlist .dimtext {
+.orangebd {
-	color: var(--text-dim);
+    border-color: var(--clr-orange) !important
 }
-[class*="ModGroup"] [class*="smw-concept"] {
+.muteorangebd {
-	display: none;
+    border-color: var(--clr-mute-orange) !important
 }
-/***** FOMOD Template *****/
+.midorangebd {
-table.fomod,
+    border-color: var(--clr-mid-orange) !important
-.fomod {
-	background-color: var(--bg-pri-emph);
-	border: 1px solid var(--bg-pri-emph);
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	border-radius: 3px !important;
-	display: inline-grid !important;
-	border-collapse: separate !important;
-	margin: 0 1em 1em 1em;
 }
-ol + p + table.fomod,
+.highorangebd {
-ul + p + table.fomod,
+    border-color: var(--clr-high-orange) !important
-dl + p + table.fomod {
-	margin-top: -2.5em;
 }
-table.fomod td,
+.redtx {
-.fomod td {
+    color: var(--clr-red) !important
-	padding: 0.5em 1em !important;
 }
-table.fomod ul,
+.muteredtx {
-.fomod ul {
+    color: var(--clr-mute-red) !important
-	list-style: none !important;
-	margin: 0;
-	padding: 0;
 }
-table.fomod li,
+.midredtx {
-.fomod li {
+    color: var(--clr-mid-red) !important
-	background-color: var(--bg-pri);
-	border-color: var(--bd-adj-dn);
-	border-radius: 3px;
-	display: inline-grid;
-	font-weight: bold;
-	padding: 0.5em;
 }
-table.fomod li li,
+.highredtx {
-.fomod li li {
+    color: var(--clr-high-red) !important
-	background-color: var(--bg-sec);
-	border-color: var(--bd-adj-dn);
-	border-radius: 3px;
-	display:list-item;
-	font-style: italic;
-	font-weight: normal;
-	margin-bottom: 0.25em;
 }
-table.fomod li li li,
+.redbg {
-.fomod li li li {
+    background-color: var(--clr-red) !important
-	border: 0;
-	font-style: normal;
-	padding: 0;
 }
-table.fomod li li li li,
+.muteredbg {
-.fomod li li li li {
+    background-color: var(--clr-mute-red) !important
-	background-color: var(--btn);
-	border-color: var(--btn);
-	border-radius: 3px;
-	color: var(--text-pri-emph);
-	float: right;
-	margin-top: 1.25em;
-	padding: 0 0.4em;
 }
-table.fomod ol,
+.midredbg {
-.fomod ol {
+    background-color: var(--clr-mid-red) !important
-	list-style: none;
-	margin: 0;
-	padding: 0;
 }
-table.fomod li li ol li ol li,
+.highredbg {
-.fomod li li ol li ol li {
+    background-color: var(--clr-high-red) !important
-	background-color: inherit;
-	border-color: inherit;
-	border-radius: inherit;
-	color: inherit;
-	float: inherit;
-	margin-top: inherit;
-	padding: inherit;
 }
-/***** GallerySimple Template *****/
+.redbd {
-.gallery {
+    border-color: var(--clr-red) !important
-	display:inline-grid;
-	padding:1em;
 }
-.gallery > div.tright {
+.muteredbd {
-	margin: 0;
+    border-color: var(--clr-mute-red) !important
 }
-div.thumbinner {
+.midredbd {
-	border: 1px solid transparent;
+    border-color: var(--clr-mid-red) !important
-	background-color: transparent;
-	padding: 0;
 }
-html .thumbimage {
+.highredbd {
-	background-color: transparent;
+    border-color: var(--clr-high-red) !important
-	border: 1px solid transparent;
 }
-html .thumbcaption {
+/***** Wiki/Chameleon *****/
-	padding: 0.25em;
-	font-size: 0.8rem;
+/* Main content */
+body {
+    background-color: var(--bg-body) !important;
+    color: var(--bd-dimr1)
 }
-.thumbinner[style]{
+.content-container {
-	width: max-content !important;
+    color: var(--text-pri) !important
 }
-/***** PageHeader Template *****/
+.body-content-container {
-.pagetitle {
+    background-color: var(--bg-pri) !important;
-	display: table;
+    color: var(--text-pri) !important
-	width: 100%;
-	border-bottom: 1px solid var(--bd-pri-emph);
-	margin-bottom: 1.5em;
 }
-.pagetitle .pagetitle-title {
+#content h1,
-	color: var(--text-sec);
+#content h2,
-	font-family: 'Montserrat', sans-serif;
+#content h3,
-	font-size: 1.6rem;
+#content h4,
-	padding-top: 0.3em;
+#content h5,
+#content h6 {
+    color: var(--text-sec)
 }
-.pagetitle .pagetitle-subtitle {
+#content h1 {
-	font-size: 1.2rem;
+    border-bottom: 1px solid var(--bd-pri-emph)
-	padding-left: 0.2em;
-	line-height: 1.2em;
 }
-.pagetitle .pagetitle-extra {
+#content h2 {
-	font-size: 1rem;
+    border-bottom: 1px solid var(--bd-pri-emph)
-	padding-left: 0.2em;
-	line-height: 1.2em;
 }
-/***** Sidebox Template *****/
+/* Lists */
-.sideBox {
-	font-size: 0.95em;
-	border: 1px solid var(--bd-adj-dn);
-	overflow: hidden;
-	border-radius: 5px;
-	box-shadow: 0px 0px 20px 20px var(--bd-adj-dn) inset;
-	padding: 10px;
-	background: transparent;
-	margin: 10px 30px;
-}
-.sideBoxHeader {
+ol,
-	color: var(--clr-orange);
+dl,
-	font-size: 1.25em;
+ul {
+    color: var(--text-pri)
 }
-/***** Guides *****/
+caption {
-body.cat-Step_Guides .noautonum .tocnumber {
+    color: var(--text-pri)
-	display: none;
 }
-body.cat-Step_Guides h1 {
+.mw-content-ltr ol,
-	background: var(--bg-pri-hd);
+.mw-content-rtl .mw-content-ltr ol,
-	text-transform: uppercase;
+.mw-content-ltr ul,
-	text-align: center;
+.mw-content-rtl .mw-content-ltr ul,
-	overflow: hidden;
+.mw-content-ltr dl,
-	padding-top: 4px;
+.mw-content-rtl .mw-content-ltr dl {
-	border: none !important;
+    color: var(--text-pri)
 }
-body.cat-Step_Guides h1 + div {
+.mw-content-ltr .hltx ol,
-	text-align:center;
+.mw-content-rtl .mw-content-ltr .hltx ol,
-	font-size:1.5em;
+.mw-content-ltr .hltx ul,
-	font-weight:500;
+.mw-content-rtl .mw-content-ltr .hltx ul,
-	border-bottom:3px solid var(--bd-pri-emph);
+.mw-content-ltr .hltx dl,
-	padding-bottom:10px;
+.mw-content-rtl .mw-content-ltr .hltx dl {
-	overflow:hidden;
+    color: var(--text-pri-emph)
 }
-body.cat-Step_Guides h2 {
+/* Navbar */
-	border-bottom: 2px solid var(--bd-pri-emph);
-}
-body.cat-Step_Guides h4 {
+[class*="ns-"] .header {
-	text-decoration: underline;
+    background: var(--bg-pri)
 }
-body.cat-Step_Guides h5 {
-	border-bottom: 3px solid rgb(200,100,20);
-	padding-bottom: 10px;
-}
-body.cat-Step_Guides hr {
+.navbar,
-	border: none;
+.p-navbar {
-	color: var(--text-pri-emph);
+    background-color: var(--bg-sec) !important
-	background-color: var(--bg-pri-emph);
-	height: 2px;
-	width: 100%;
-	text-align: left;
 }
-body.cat-Step_Guides .steptable {
+.p-navbar .navbar-nav .nav-link,
-	border: none;
+.p-navbar .navbar-nav .nav-link:visited,
-	background-color: transparent;
+a.navbar-more-tools::before,
-	width: 100%;
+a.navbar-tool-link::before,
-	font-size: 0.9em;
+a.navbar-userloggedin::before {
-	line-height: 1.6em;
+    color: var(--text-sec) !important
 }
-body.cat-Step_Guides .steptable th {
+.p-navbar .navbar-nav .nav-link:hover,
-	background-color: var(--bg-sec-hd);
+.p-navbar .navbar-nav .nav-link:visited:hover,
-	border-bottom: 1px solid var(--bd-dims);
+a.navbar-more-tools:hover::before,
-	border-left: 1px solid var(--bd-mid);
+a.navbar-tool-link:hover::before,
-	padding: 0.5rem 0.5rem;
+a.navbar-userloggedin:hover::before {
-	text-align: center;
+    color: var(--text-lnk-hov) !important
-	vertical-align: middle;
 }
-body.cat-Step_Guides .steptable td {
+.p-navbar .navbar-nav .dropdown-menu>div>a:first-child:last-child {
-	padding: 0.1rem 0.5rem;
+    color: var(--text-pri) !important
-	text-align: center;
-	vertical-align: middle;
-	border-left: 1px solid var(--bd-dims);
 }
-body.cat-Step_Guides .steptable th.first,
+.p-navbar .navbar-nav .dropdown-menu>div>a:last-child:first-child:hover {
-body.cat-Step_Guides .steptable th.second {
+    background: var(--bg-menu-hov) !important;
-	border-left: none;
+    color: var(--text-pri) !important
-	width: 0.25rem;
-	padding: 0;
-	background-color: var(--bg-sec-hd);
 }
-body.cat-Step_Guides .steptable th.core {
+a.navbar-more-tools::before,
-	border-left: none;
+a.navbar-tool-link::before,
-	width: 0.25rem;
+a.navbar-userloggedin::before {
-	padding: 0;
+    color: var(--text-sec)
-	background-color: var(--clr-chartr);
 }
-body.cat-Step_Guides .steptable th.landw {
+.form-control:focus {
-	border-left: none;
+    color: var(--bd-dim) !important
-	width: 0.25rem;
-	padding: 0;
-	background-color: var(--clr-red);
 }
-body.cat-Step_Guides .steptable th.modname,
+.input-group>.form-control {
-body.cat-Step_Guides .steptable td.modname {
+    background-color: var(--bg-pri-hd);
-	border-left: none;
+    border: 1px solid var(--bd-cont-l)
-	text-align: left;
-	width: 32%;
 }
-body.cat-Step_Guides .steptable th.baseline,
+.p-search .searchGoButton {
-body.cat-Step_Guides .steptable td.baseline {
+    background: var(--bg-pri-hd) !important;
-	width: 8%;
+    border-color: var(--bd-cont-l) !important
 }
-/*body.cat-Step_Guides .steptable th.quality,
+.search-btn::before {
-body.cat-Step_Guides .steptable td.quality {
+    color: var(--text-sec)
-	width: 5.3rem;
 }
-body.cat-Step_Guides .steptable th.dlc,
+.mw-rcfilters-ui-menuSelectWidget-group {
-body.cat-Step_Guides .steptable td.dlc {
+	background: var(--bg-sec) !important
-	width: 4%;
+}
-}*/
-body.cat-Step_Guides .steptable th.notes,
+.dropdown-item:hover,
-body.cat-Step_Guides .steptable td.notes {
+.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover,
-	text-align: left;
+.p-navbar .navbar-nav .dropdown-menu>div>a:last-child:first-child:hover {
+    background-color: var(--bg-menu-hov) !important
 }
-body.cat-Step_Guides .steptable td.dlc img {
+/* Misc Text */
-	margin: 0 0.2rem;
+.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
+.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
+.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
+    color: var(--text-pri) !important
 }
-body.cat-Step_Guides .steptable .detailed {
+/* tool tips and popups with arrow borders */
-	text-align: left;
+.tippy-header {
-	padding: 0.5em 1.5em;
+    background-color: var(--bg-pri) !important;
-	background-color: var(--bg-sec);
+    border-bottom: 1px solid var(--bd-pri-emph) !important
-	font-size: 0.98em;
 }
-body.cat-Step_Guides .steptable .fomod td {
+.tippy-tooltip.light-border-theme {
-	text-align: left;
+	color: var(--text-sec) !important;
-	border: none;
+	background-color: var(--bg-sec) !important;
+	box-shadow: 0 0 10px var(--bd-emph-shd) !important
 }
-body.cat-Step_Guides .steptablerow03-Resources,
+.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow,
-body.cat-Step_Guides .steptablerow10-Gameplay-General {
+.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:before,
-	border-bottom: 1px solid var(--clr-mute-purple);
+.tippy-tooltip.light-border-theme[x-placement^="top"] .tippy-arrow:after,
+.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before,
+.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
+    border-top-color: var(--bd-foc-shd) !important
 }
-body.cat-Step_Guides .steptablerow09-Fixes,
+.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow,
-body.cat-Step_Guides .steptablerow16-Interface {
+.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow:before,
-	border-bottom: 1px solid var(--clr-mute-magent);
+.tippy-tooltip.light-border-theme[x-placement^="bottom"] .tippy-arrow:after,
+.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before,
+.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after,
+.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after,
+.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before {
+    border-bottom-color: var(--bd-foc-shd) !important
 }
-body.cat-Step_Guides .steptablerow05-Animations.\&.Effects,
+.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before,
-body.cat-Step_Guides .steptablerow13-Gameplay-Immersion {
+.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after {
-	border-bottom: 1px solid var(--clr-mute-blue);
+    border-right-color: var(--bd-foc-shd) !important
 }
-body.cat-Step_Guides .steptablerow04-Foundation,
+.oo-ui-dropdownInputWidget select {
-body.cat-Step_Guides .steptablerow06-Models.\&.Textures,
+    border-color: var(--bg-body)
-body.cat-Step_Guides .steptablerow14-Gameplay-Quests {
-	border-bottom: 1px solid var(--clr-mute-green);
 }
-body.cat-Step_Guides .steptablerow07-Sounds.\&.Music,
+.mw-rcfilters-ui-datePopupWidget {
-body.cat-Step_Guides .steptablerow15-Gameplay-Skills.\&.Perks {
+    border-top: 1px solid var(--bd-dimr1) !important
-	border-bottom: 1px solid var(--clr-mute-chartr);
 }
-body.cat-Step_Guides .steptablerow01-Tools,
+.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
-body.cat-Step_Guides .steptablerow11-Gameplay-AI.\&.Combat,
+    color: var(--bd-dim) !important;
-body.cat-Step_Guides .steptablerow19-Utilities,
+    font-weight: 400 !important
-body.cat-Step_Guides .steptablerow20-Patches {
-	border-bottom: 1px solid var(--clr-mute-yellow);
 }
-body.cat-Step_Guides .steptablerow08-Character.Appearance,
+/* Block Quotes */
-body.cat-Step_Guides .steptablerow18-Lighting.\&.Weather {
-	border-bottom: 1px solid var(--clr-mute-orange);
+.blockquote {
+    background-color: var(--bg-sec-emph);
+    border: 1px dotted var(--bd-adj-dn)
 }
-body.cat-Step_Guides .steptablerow02-Extenders,
+/* Calendar widget */
-body.cat-Step_Guides .steptablerow12-Gameplay-Economy,
-body.cat-Step_Guides .steptablerow17-Locations {
+.mw-widget-dateInputWidget-calendar {
-	border-bottom: 1px solid var(--clr-mute-red);
+    background-color:var(--bg-sec) !important;
+	box-shadow: 0 0 10px var(--bd-emph-shd) !important
 }
-/***** Tags *****/
+.mw-widget-dateInputWidget-calendar:focus {
-.tag {
+    box-shadow:inset 0 0 0 1px var(--bd-pri-emph), 0 2px 2px 0 var(--bg-field-hov) !important
-	height: 1.23em;
-	border: 1px solid var(--bg-pri);
 }
-.tag[title="disable"],
+ .mw-widget-calendarWidget {
-.tag.disable {
+    border:1px solid var(--bg-sec)!important
-	opacity: 0.3;
 }
-.tagicon {
+.mw-widget-calendarWidget:focus {
-	float: left;
+	box-shadow: 0 0 10px var(--bd-emph-shd) !important
-	height: 1.08em;
-	border-right: 1px solid var(--bg-sec-hd);
 }
-.tagtext {
+.mw-widget-calendarWidget-day {
-	float: left;
+    color:var(--text-pri)!important
-	padding: 0 3px;
-	line-height: 1.3em;
-	font-size: 0.85em !important;
-	margin: auto;
 }
-.tag span {
+.mw-widget-calendarWidget-day-heading {
-	font-weight: bold;
+    color:var(--text-sec)!important
 }
-.tagicon img {
+.mw-widget-calendarWidget-day-additional {
-	vertical-align: top;
+    color:var(--bd-dimr2)!important
 }
-/******** Links *********/
+.mw-widget-calendarWidget-day-additional:hover {
-a {
+    color:var(--bd-dim)!important
-	color: var(--text-lnk) !important;
-	text-decoration: none !important;
-	background-color: transparent !important;
 }
-a:hover {
+.mw-widget-calendarWidget-day-today {
-	color: var(--text-lnk-hov) !important;
+    background-color:var(--bg-pri) !important;
+    box-shadow:inset 0 0 0 1px var(--bg-pri)!important
 }
-a:visited,
+.mw-widget-calendarWidget-item:hover {
-a[href].external:visited {
+    background: var(--bg-menu-hov) !important;
-	color: var(--text-lnk-vis) !important;
+    color:var(--text-sec)!important
 }
-a:visited:hover,
+.mw-widget-calendarWidget-item-selected {
-a[href].external:visited:hover {
+    background-color:var(--bd-pri-emph)!important;
-	color: var(--text-lnk-vis-hov) !important;
+    color:var(--text-sec)!important
 }
-a[href].external {
+.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-month,
-	color: var(--text-lnk) !important;
+.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-year,
-	text-decoration: none !important;
+.mw-widget-calendarWidget-body.mw-widget-calendarWidget-body-duodecade {
+    color:var(--text-pri) !important
 }
-a[href].external:hover {
+/* Dropdown menus */
-	color: var(--text-lnk-hov) !important;
+.wikiEditor-ui-toolbar .group .tool-select .options,
+.autocomplete-suggestions,
+.dropdown-menu {
+    background-color: var(--bg-sec) !important;
+    box-shadow: 0 0 10px var(--bd-emph-shd) !important;
+    color: var(--text-pri) !important
 }
-/***** Lists *****/
+.autocomplete-suggestion {
-.mw-content-ltr ol,
+	border-bottom: 1px solid var(--bd-widg)
-.mw-content-rtl .mw-content-ltr ol,
+}
-.mw-content-ltr ul,
-.mw-content-rtl .mw-content-ltr ul,
+.autocomplete-suggestion:hover,
-.mw-content-ltr dl,
+.dropdown-item:hover {
-.mw-content-rtl .mw-content-ltr dl {
+    background-color: var(--bg-menu-hov) !important
-	color: var(--text-pri);
 }
-/***** Code *****/
+/* TOC */
-pre, .mw-code {
-	color: var(--text-dim) !important;
+.toc,
-	background-color: var(--bg-code);
+.mw-warning,
-	border-color: var(--bd-mid);
+.toccolours {
-	border-radius: 2px;
+    background-color: var(--bg-pri-emph);
-	box-shadow: 0 0 5px var(--bd-code-shd) inset;
+    border: 1px solid var(--bg-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
 }
-code {
+.toctogglelabel {
-	color: var(--text-dim) !important;
+    color: var(--text-lnk)
-	background-color: var(--bg-code);
-	border-color: var(--bd-mid);
-	border-radius: 1px;
-	box-shadow: 0 0 2px var(--bd-code-shd) inset;
 }
-/************************************************/
+.noautonum .tocnumber {
-/***************** NAVBAR ***********************/
+    color: var(--text-pri)
-/************************************************/
+}
-.ns-special .header,
+.tocnumber {
-.ns-0 .header,
+  color: var(--text-pri) !important
-.ns-1 .header,
-.ns-2 .header,
-.ns-3 .header,
-.ns-4 .header,
-.ns-5 .header,
-.ns-6 .header,
-.ns-8 .header,
-.ns-10 .header,
-.ns-11 .header,
-.ns-12 .header,
-.ns-13 .header,
-.ns-14 .header,
-.ns-15 .header,
-.ns-102 .header,
-.ns-103 .header,
-.ns-106 .header,
-.ns-110 .header,
-.ns-112 .header,
-.ns-121 .header,
-.ns-122 .header,
-.ns-123 .header,
-.ns-3000 .header,
-.ns-3001 .header,
-.ns-3002 .header,
-.ns-3003 .header,
-.ns-3004 .header,
-.ns-3005 .header {
-	background: var(--bg-pri) !important;
 }
-.header container {
+#toc h2 {
-	display: block !important;
+    font-size: 1.4rem !important
 }
-#mw-navigation {
+/* Tables */
-	left: auto !important;
-	width: 1370px !important;
+.mw-datatable td,
+.wikitable {
+    background-color: var(--bg-sec) !important;
+    color: var(--text-pri) !important
 }
-.navbar, .p-navbar {
+.mw-datatable>*>tr>th,
-	position: relative !important;
+.wikitable>*>tr>th {
-	background-color: var(--bg-sec) !important;
+    background-color: var(--bg-pri-hd) !important;
-	padding: 0 0 0.1rem 0 !important;
+    border: 1px solid var(--bd-cont-l) !important
-	margin: auto !important;
 }
-.navbar-nav {
+.mw-datatable>*>tr>td,
-	padding-left: 0 !important;
+.mw-datatable>tr>td,
-	margin-bottom: 0 !important;
+.wikitable>*>tr>td,
+.wikitable>tr>td {
+    border: 1px solid var(--bd-dims) !important
 }
-a.navbar-tool-link::before,
+/* Files Thumbs */
-a.navbar-more-tools::before,
-a.navbar-userloggedin::before,
+li.gallerybox div.thumb {
-.p-navbar .navbar-nav .nav-link,
+    background-color: var(--bg-pri-emph);
-.p-navbar .navbar-nav .nav-link:visited {
+    border: 1px solid var(--bg-pri-emph);
-	color: var(--text-sec) !important;
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
-	font-weight: bold;
-	transition-duration: 400ms;
-	transition-property: color;
 }
-a.navbar-tool-link:hover::before,
+.mw-search-profile-tabs {
-a.navbar-more-tools:hover::before,
+    background-color: var(--bg-pri-emph);
-a.navbar-userloggedin:hover::before,
+    border: 1px solid var(--bg-pri-emph);
-.p-navbar .navbar-nav .nav-link:hover,
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
-.p-navbar .navbar-nav .nav-link:visited:hover {
-	color: var(--text-lnk-hov) !important;
-	transition-delay: 20ms;
 }
-.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child {
+.postedit,
-	font-weight: 400 !important;
+.mw-notification {
-	color: var(--text-pri) !important;
+    color: var(--text-pri) !important;
+    background-color: var(--bg-menu-hov) !important;
+    border-color: var(--bd-cont-lr) !important
 }
-.p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover {
+#filetoc {
-	background: var(--bg-menu-hov) !important;
+    border: 1px solid var(--bd-cont-l);
-	color: var(--text-pri) !important;
+    background-color: var(--bg-pri-hd)
 }
-a.navbar-tool-link::before,
+.thumbborder {
-a.navbar-more-tools::before,
+	border: 1px solid #ff901290
-a.navbar-userloggedin::before {
-	color: var(--text-sec)
 }
-/* search bar */
+/* Diff */
-.p-navbar .navbar-form {
-	padding-right: 0;
+table.diff,
+td.diff-ntitle,
+td.diff-otitle {
+    background-color: var(--bg-pri-hd);
+    border-color: var(--bd-adj-dn) !important
 }
-.p-search {
+td.diff-addedline {
-	width: 22rem !important;
+    color: var(--text-pri);
-	box-shadow: none !important;
+    background-color: var(--bg-diff-add)
-	margin-top: 0.425rem !important;
 }
-.form-control {
+td.diff-deletedline {
-	box-shadow: none;
+    color: var(--text-pri);
-	transition: none;
+    background-color: var(--bg-diff-del)
 }
-.form-control:focus {
+td.diff-context {
-	color: var(--text-dim);
+    background-color: var(--bg-pri-hd);
+    border-color: var(--bd-dim);
+    color: var(--text-pri)
 }
-.input-group > .form-control {
+td.diff-addedline .diffchange {
-	background-color: var(--bg-field);
+    background-color: var(--bg-diffch-add);
-	border: 1px solid var(--bg-field);
+    color: var(--text-diffch-add)
-	font-size: 0.9rem;
-	height: 2rem;
-	line-height: 1.3;
 }
-.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
+td.diff-deletedline .diffchange {
-	border-top-left-radius: 2.5rem;
+    background-color: var(--bg-diffch-del);
-	border-bottom-left-radius: 2.5rem;
+    color: var(--text-diffch-del)
-	height: 1.8rem;
 }
-.input-group-append {
+/* Page History */
-	height: 1.9rem;
-}
-.p-search .searchGoButton {
+#pagehistory li.selected {
-	padding: 0.1rem 0.3rem 0 0.2rem !important;
+    background-color: var(--bg-pri-emph);
-	background: var(--bg-field) !important;
+    border: 1px solid var(--bd-dim);
-	border-color: var(--bg-field) !important;
+    color: var(--bd-dimr1);
-	border-top-right-radius: 2.5rem !important;
+    outline: 1px dashed var(--bd-dim)
-	border-bottom-right-radius: 2.5rem !important;
-	border-top-left-radius: 0 !important;
-	border-bottom-left-radius: 0 !important;
-	font-size: 0.9rem !important;
-	margin-bottom: 0.1rem !important;
-	box-shadow: none;
 }
-.search-btn::before {
+.mw-plusminus-neg {
-	color: var(--text-sec);
+    color: var(--clr-red)
-/* padding-right: 0.2rem;*/
 }
-/************************************************/
+.mw-plusminus-pos {
-/************** MAIN CONTENT ********************/
+    color: var(--clr-green)
-/************************************************/
-body {
-	background-color: var(--bg-body) !important;
 }
-body > .content {
+.mw-editform-legacy input#wpSummary {
-	display: flex !important;
+    background-color: var(--bg-pri-emph);
-	flex-direction: column !important;
+    color: var(--text-sec)
-	padding: 0 !important;
 }
-.mw-body {
+.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
-	padding: 0 1.4rem !important;
+    background: var(--bg-sec-hd) !important
 }
-.content-container {
+.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
-	color: var(--text-pri) !important;
+    color: var(--bd-dim) !important
-	min-width: 380px !important;
-	max-width: 1370px !important;
-	position: relative !important;
-	padding: 0 !important;
-	margin: auto !important;
 }
-.body-content-container {
+.oo-ui-menuSelectWidget [id*=".ooui"] {
-	background-color: var(--bg-pri) !important;
+    background: var(--bd-pri-emph)
-	color: var(--text-pri) !important;
-	min-width: 380px !important;
-	max-width: 1370px !important;
-	position: relative !important;
-	padding: 0 !important;
-	margin: auto !important;
 }
-#content h1,
+/* tag list items */
-#content h2 {
-	border-bottom: 1px solid var(--bd-pri-emph);
+.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
+    background-color: var(--btn) !important;
+    border: 1px solid var(--btn);
+    color: var(--text-pri-emph)
+}
+.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
+    border: 1px solid var(--btn) !important;
+    color: var(--text-sec) !important
 }
-#content h1,
+.mw-widgets-datetime-dateTimeInputWidget-handle {
-#content h2,
+    background-color: var(--bg-pri-hd) !important;
-#content h3,
+    border-color: var(--bd-adj-dn) !important
-#content h4,
-#content h5,
-#content h6 {
-	color: var(--text-sec);
 }
-/************************************************/
+/* Option sets */
-/**************** INTERFACE *********************/
-/************************************************/
-/***** TOC *****/
+#xmlimport[id*="mw-input-wpExpiry"],
-.toc, .mw-warning, .toccolours {
+#mw-import-namespace-upload,
-	background-color: var(--bg-pri-emph);
+#namespace,
-	border: 1px solid var(--bg-pri-emph);
+#wpLicense,
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
+#wpUploadFile,
-	border-radius: 3px;
+#xmlimport {
-	font-size: 90%;
+    background-color: var(--bg-pri-hd) !important;
+    color: var(--text-pri) !important;
+    border: 1px solid var(--bd-cont-l) !important
 }
-.toctogglelabel {
+/* Large option set dropdowns w/list */
-	color: var(--text-lnk);
-}
-.tocnumber {
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
-	color: var(--text-pri);
+    background-color: var(--bg-pri-hd) !important;
+    border-color: var(--bd-cont-l) !important
 }
-.toc .toctitle {
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
-	padding: 7px 10px 7px 10px;
+    background-color: var(--bg-field-hov) !important
 }
-#toc h2 {
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
-	font-size: 1.4rem !important;
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
+    border-color: var(--bg-pri-emph) !important;
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important
 }
-/***** Misc Text *****/
+/* Buttons */
-.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
-.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
+#mw-search-toggleall,
-.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
+#mw-search-togglenone,
-	color: var(--text-pri) !important;
+#mw-userrights-form1 input[type="submit"],
+#wpRunQuery,
+.mw-submit input[type="submit"],
+.mw-ui-button,
+.mw-ui-button.mw-ui-progressive,
+.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+.sitedir-ltr input[type="submit"],
+.smw-jsonview-button {
+    color: var(--btn-text) !important;
+    background-color: var(--btn) !important;
+    border: 1px solid var(--btn) !important
 }
-/***** Pop-up/down Menus *****/
+#mw-search-toggleall:hover,
-.dropdown-menu,
+#mw-search-togglenone:hover,
-.oo-ui-popupWidget-popup {
+#mw-userrights-form1 input[type="submit"]:hover,
-	background-color: var(--bg-pri) !important;
+#wpRunQuery:hover,
-	border-color: var(--bg-pri) !important;
+.mw-submit input[type="submit"]:hover,
-	box-shadow: 0 2px 10px var(--bd-emph-shd) !important;
+.mw-ui-button.mw-ui-progressive:hover,
-	background-clip: padding-box !important;
+.mw-ui-button:hover,
-	border-radius: 3px !important;
+.oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button:hover,
-	color: var(--text-pri) !important;
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
+.sitedir-ltr input[type="submit"]:hover,
+.smw-jsonview-button:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
 }
-.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child {
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
-	font-weight: 400 !important;
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive {
+    background-color: var(--btn-warn) !important;
+    border-color: var(--btn-warn) !important;
+    color: var(--text-sec) !important
 }
-.dropdown-item:hover,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover,
-.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover,
-.p-navbar .navbar-nav .dropdown-menu > div > a:last-child:first-child:hover,
+.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive:hover {
-.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
+    background-color: var(--btn-warn-hov) !important;
-	background: var(--bg-menu-hov) !important;
+    border-color: var(--btn-warn-hov) !important;
+    color: var(--btn-text-hov) !important
 }
-.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color>.oo-ui-buttonElement-button,
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
+.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none>.oo-ui-buttonElement-button {
-	background: var(--bg-field) !important;
+    border: 2px solid var(--bd-pri-emph) !important
-	border-color: var(--bg-field) !important;
-	color: var(--text-dim) !important;
 }
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
+/* Infoboxes (also see .modbox, etc. below) */
-	border-color: var(--bd-pri-emph) !important;
+.infobox {
+    background: var(--bg-sec-hd);
+    box-shadow: 0 0 5px 1px var(--bd-emph-shd);
+    border-color: var(--bg-sec-hd)
 }
-.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
+/* Tags */
-	border-color: var(--bd-pri-emph) !important;
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+.tag {
+    border: 1px solid var(--bg-pri)
 }
-.mw-rcfilters-ui-datePopupWidget {
+.tagicon {
-	border-top: 1px solid var(--bd-dimr1) !important;
+    border-right: 1px solid var(--bg-sec-hd)
 }
-.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
+/* Links */
-	color: var(--text-dim) !important;
-	font-weight: 400 !important;
-}
-/***** Tables *****/
+a,
-.wikitable,
+a.external>span,
-.mw-datatable td {
+a[href].external,
-	border: none;
+a[href].extiw {
-	background-color: var(--bg-wikitab-td) !important;
+    color: var(--text-lnk)
-	color: var(--text-pri) !important;
 }
-.wikitable > * > tr > th,
+a:hover,
-.mw-datatable > * > tr > th {
+a[href].external:hover {
-	background-color: var(--bg-wikitab-th) !important;
+    color: var(--text-lnk-hov)
-	border: 1px solid var(--bd-cont-l) !important;
 }
-.wikitable > tr > td,
+a:visited,
-.wikitable > * > tr > td,
+a[href].external:visited {
-.mw-datatable > tr > td,
+    color: var(--text-lnk-vis)
-.mw-datatable > * > tr > td {
-	border: 1px solid var(--bd-dims) !important;
 }
-/***** Files Thumbs *****/
+a:visited:hover,
-li.gallerybox div.thumb {
+a[href].external:visited:hover {
-	background-color: var(--bg-pri-emph);
+    color: var(--text-lnk-vis-hov)
-	border: 1px solid var(--bg-pri-emph);
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	border-radius: 3px;
 }
-.mw-search-profile-tabs {
+a.new,
-	background-color: var(--bg-pri-emph);
+a[href].new {
-	border: 1px solid var(--bg-pri-emph);
+    color: var(--text-lnk-new)
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
 }
-.postedit,
+a.new:hover,
-.mw-notification { /* top right bubble */
+a[href].new:hover {
-	color: var(--text-pri);
+    color: var(--text-lnk-new-hov)
-	background-color: var(--bg-pri-hd);
-	background-color:var(--bg-menu-hov);
-	border-color: var(--bd-cont-lr);
 }
-#filetoc {
+/* warning */
-	border: 1px solid var(--bg-pri-hd);
+.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning,
-	background-color: var(--bg-pri-hd);
+.mw-message-box-warning {
+    color: var(--text-pri-emph) !important;
+    background: var(--clr-mute-red) !important;
+    border-color: var(--bd-dim) !important
 }
-/***** Diff *****/
+.mw-logevent-loglines,
-table.diff, td.diff-otitle, td.diff-ntitle {
+.mw-logline-delete,
-	background-color: var(--bg-pri-hd);
+.mw-logline-protect {
-	border-color: var(--bd-adj-dn) !important;
+    color: var(--text-sec) !important
 }
-td.diff-addedline {
+.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a,
-	color: var(--text-pri);
+.mw-logevent-loglines a,
-	background-color: var(--bg-diff-add);
+.mw-logline-delete a,
+.mw-logline-protect a {
+    color: var(--text-lnk-hov) !important
 }
-td.diff-deletedline {
+.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:hover,
-	color: var(--text-pri);
+.mw-logevent-loglines a:hover,
-	background-color: var(--bg-diff-del);
+.mw-logline-delete a:hover,
+.mw-logline-protect a:hover {
+    color: var(--text-lnk-hov-bt) !important
 }
-td.diff-context {
+.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:visited,
-	background-color: var(--bg-pri-hd);
+.mw-logevent-loglines a:visited,
-	border-color: var(--bd-dim);
+.mw-logline-delete a:visited,
-	color: var(--text-pri);
+.mw-logline-protect a:visited {
+    color: var(--text-lnk-vis-bt) !important
 }
-.diffchange {
+.oo-ui-flaggedElement-warning .oo-ui-labelElement-label a:visited:hover,
-	border-radius: 0.1em !important;
+.mw-logevent-loglines a:visited:hover,
+.mw-logline-delete a:visited:hover,
+.mw-logline-protect a:visited:hover {
+    color: var(--text-lnk-vis-hov-bt) !important
 }
-td.diff-addedline .diffchange {
+/* Visual Editor */
-	background-color: var(--bg-diffch-add);
-	color: var(--text-diffch-add);
-}
-td.diff-deletedline .diffchange {
+.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug,
-	background-color: var(--bg-diffch-del);
+.ve-ce-branchNode-slug.ve-ce-branchNode-newSlug {
-	color: var(--text-diffch-del);
+    outline: 1px dashed var(--bd-pri-emph)
 }
-.oo-ui-panelLayout-framed {
+.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug {
-	border: 1px solid var(--bd-dim);
+	background: var(--bg-pri)
-	border-radius: 3px;
 }
-/***** Page History *****/
+.ve-ce-branchNode-slug.ve-ce-branchNode-blockSlug .oo-ui-buttonElement-button {
-#pagehistory li.selected {
+	background: var(--bg-menu-hov) !important
-	background-color: var(--bg-pri-emph);
-	border: 1px solid var(--bd-dim);
-	color: var(--text-dim);
-	outline: 1px dashed var(--bd-dim);
 }
-.mw-plusminus-neg {
+.ve-init-mw-switchPopupWidget>.oo-ui-popupWidget-popup {
-	color: var(--clr-red);
+	background-color: var(--bg-pri);
+	box-shadow: 0 0 10px var(--bd-emph-shd)
 }
-.mw-plusminus-pos {
+.oo-ui-widget-enabled .oo-ui-tool-title {
-	color: var(--clr-green);
+	color: var(--text-sec)
 }
-/***** Editor *****/
+.oo-ui-widget-disabled .oo-ui-tool-title {
-.wikiEditor-ui-toolbar,
+	color: var(--bd-dim)
-.wikiEditor-ui-toolbar .sections .section {
-	box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1) !important;
-	background-color: var(--bg-wikiedtb1);
-	background-image: linear-gradient(to bottom,var(--bg-wikiedtb1) 15px,var(--bg-wikiedtb2) 40px);
 }
-.wikiEditor-ui-toolbar .tabs span.tab a {
+.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
-	color: #507A9F !important;
+.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
+	background-color: var(--btn) !important;
+	border-color: var(--btn) !important;
+	color: var(--text-sec) !important
 }
-.wikiEditor-ui-toolbar .tabs span.tab a:hover {
+div.ve-ui-mwMediaDialog-altText input.oo-ui-inputWidget-input:hover {
-	color: #305A7F !important;
+	background-color: var(--bg-field-hov)
 }
-.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
+.oo-ui-toolbar-bar {
-	background-color: inherit;
+	background-color: var(--bg-sec);
+	color: var(--text-pri)
 }
-.wikiEditor-ui-toolbar .tabs span.tab a.current,
+.oo-ui-toolbar-bar,
-.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
+.codeEditor-status {
-	color: inherit;
+	background-color: var(--bg-sec);
+	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px);
+	color: var(--text-sec) !important
 }
-textarea {
+.oo-ui-toolbar.oo-ui-toolbar-position-top.ve-ui-toolbar.ve-ui-dir-inline-ltr.ve-ui-dir-block-ltr.ve-ui-targetToolbar.ve-ui-positionedTargetToolbar.ve-init-mw-desktopArticleTarget-toolbar.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar {
-	background-color: var(--bg-sec-hd) !important;
+	border-bottom: 1px solid var(--bd-widg);
-	color: var(--text-editor) !important;
+	box-shadow: 0 1px 1px 0 var(--bd-adj-dn)
-	border-color: var(--bd-dimr2) !important;
-	font-family: monospace,monospace !important;
-	font-size: 13px !important;
 }
-.editOptions {
+.ve-ui-toolbar-group-format.oo-ui-widget.oo-ui-toolGroup.oo-ui-indicatorElement.oo-ui-popupToolGroup.oo-ui-menuToolGroup.oo-ui-widget-enabled.oo-ui-labelElement,
-	background-color: var(--bg-pri-emph);
+.ve-ui-toolbar-group-format.oo-ui-widget.oo-ui-toolGroup.oo-ui-widget-disabled.oo-ui-indicatorElement.oo-ui-popupToolGroup.oo-ui-menuToolGroup.oo-ui-labelElement {
-	border-color: var(--bg-pri-emph);
+	border-left: 1px solid var(--bd-widg);
-	color: var(--text-sec);
+	border-right: 1px solid var(--bd-widg)
 }
-div#editpage-specialchars a {
+.oo-ui-toolbar-actions .oo-ui-widget.oo-ui-widget-enabled.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
-	background-color: var(--bg-pri-emph);
+	border-right-color: var(--bg-pri-emph)
-	border-color: var(--bd-dimr2);
 }
-/***** Forms Fields *****/
+.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input,
-.mw-editform-legacy input#wpSummary {
+.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
-	background-color: var(--bg-pri-emph);
+	color: var(--text-pri) !important
-	color: var(--text-sec);
 }
-/* large option set dropdowns */
+.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
-.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
+	color: var(--text-sec) !important
-	background: var(--bg-dd-menu-sel) !important;
 }
-.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
+.oo-ui-widget.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) {
-	color: var(--text-dim) !important;
+	color: var(--clr-red)
 }
-.oo-ui-menuSelectWidget {
+.ve-ui-mwSaveDialog-summary {
-	background: var(--bg-dd-menu) !important;
+	background-color: var(--bg-pri-hd) !important
-	border-color: var(--bd-dpdn-shd) !important;
-	box-shadow: 0 2px 10px var(--bd-emph-shd) !important;
-	background-clip: padding-box !important;
-	border-radius: 3px !important;
 }
-/* tag list items */
+.ve-ui-mwSaveDialog-options {
-.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed),
+	background-color: var(--bg-pri) !important
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
-	background-color: var(--btn) !important;
-	border: 1px solid var(--btn);
-	color: var(--text-pri-emph);
 }
-/* text input */
+.ve-ui-mwSaveDialog-license {
-#wpReason,
+	color: var(--text-pri) !important
-#mw-searchoptions input[name="category"],
-#mw-searchoptions input[name="prefix"],
-.oo-ui-textInputWidget .oo-ui-inputWidget-input,
-.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle,
-.mw-ui-input,
-#mw-userrights-form1 #username,
-.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle,
-.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
-#wpDestFile,
-#usernamePrefix,
-#mw-import-comment,
-#mw-interwiki-rootpage-upload,
-.sitedir-ltr input[name="target"],
-.sitedir-ltr input[name="dest"] {
-	background: var(--bg-field) !important;
-	color: var(--text-sec) !important;
-	border: 1px solid var(--bd-adj-dn) !important;
-	border-radius: 3px !important;
-	box-shadow: none !important;
 }
-#wpReason:hover,
+.ve-ui-mwTemplatePage-description,
-#mw-searchoptions input[name="category"]:hover,
+.ve-ui-mwParameterPage-doc-required,
-#mw-searchoptions input[name="prefix"]:hover,
+.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
-.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
+	color: var(--text-pri) !important
-.mw-ui-input:hover,
-#mw-userrights-form1 #username:hover,
-.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover,
-#wpDestFile:hover,
-#usernamePrefix:hover,
-#mw-import-comment:hover,
-#mw-interwiki-rootpage-upload:hover,
-.sitedir-ltr input[name="target"]:hover,
-.sitedir-ltr input[name="dest"]:hover {
-	background-color: var(--bg-field-hov) !important;
 }
-#wpReason:focus,
+.ve-ui-expandableContent-toggle.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-buttonWidget {
-#mw-searchoptions input[name="category"]:focus,
+	background-color: var(--bg-sec-hd)
-#mw-searchoptions input[name="prefix"]:focus,
-.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
-.mw-ui-input:focus,
-#mw-userrights-form1 #username:focus,
-.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus,
-#wpDestFile:focus,
-#usernamePrefix:focus,
-#mw-import-comment:focus,
-#mw-interwiki-rootpage-upload:focus,
-.sitedir-ltr input[name="target"]:focus,
-.sitedir-ltr input[name="dest"]:focus {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
-	border-color: var(--bd-pri-emph) !important;
 }
-/* checkboxes & radio buttons */
+.ve-ui-expandableContent-fade {
-.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before {
+	background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--bg-sec-hd) 90%) !important
-	background-color: var(--selected) !important;
 }
-.oo-ui-checkboxInputWidget [type="checkbox"] + span,
+/* link button popup dialog */
-.oo-ui-radioInputWidget [type="radio"] + span {
+.ve-ui-context.ve-ui-desktopContext .oo-ui-popupWidget-popup {
-	background-color: var(--bg-checkbx) !important;
+	background-color: var(--bg-pri);
+	box-shadow: 0 0 10px var(--bd-emph-shd);
+    color: var(--text-sec)
 }
-.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span,
+.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-head,
-.oo-ui-radioInputWidget [type="radio"]:hover + span {
+.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-foot {
-	border: 1px solid var(--bd-pri-emph) !important;
+	outline: 1px solid var(--bd-dim)
 }
-.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span,
+.oo-ui-dialog-content.oo-ui-processDialog-content>.oo-ui-window-head {
-.oo-ui-radioInputWidget [type="radio"]:focus + span {
+	background-color: var(--bg-pri-hd);
-	border-color: var(--bd-pri-emph) !important;
+	color: var(--text-sec)
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
 }
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
+.oo-ui-selectWidget-unpressed.oo-ui-tabSelectWidget-frameless {
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
+	box-shadow: inset 0 -1px 0 0 var(--bd-dim)
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
-.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before {
-	border-color: var(--bd-pri-emph) !important;
 }
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
+.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget {
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
+	color: var(--bd-dim);
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
+	box-shadow: inset 0 -1px 0 0 var(--bd-dim)
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span {
-	border-color: var(--bd-pri-emph) !important;
 }
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
+.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
+	color: var(--text-pri);
-.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span,
+	box-shadow: inset 0 -2px 0 0 var(--text-sec)
-.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
-	border-color: var(--bd-pri-emph) !important;
 }
-.mw-widgets-datetime-dateTimeInputWidget-handle {
+.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
-	background-color: var(--bg-field) !important;
+	color: var(--text-pri);
-	border-color: var(--bd-adj-dn) !important;
+	border-color: var(--bd-pri-emph);
+	box-shadow: inset 0 -2px 0 0 var(--bd-pri-emph)
 }
-.alert-warning,
+.oo-ui-widget-enabled.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
-.warningbox,
+	color: var(--text-pri);
-div.warning {
+	border-color: var(--bd-pri-emph);
-	color: var(--bd-dims) !important;
+	box-shadow: inset 0 -2px 0 0 var(--bd-pri-emph)
-	background: var(--clr-yellow) !important;
-	border-color: var(--clr-mute-yellow) !important;
 }
-/* option sets */
+/* cite button popup dialog */
-[id*="mw-input-wpExpiry"],
+.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
-#wpUploadFile,
+	background: var(--bg-sec) !important
-#wpLicense,
-#mw-import-namespace-upload,
-#namespace,
-#xmlimport {
-	background-color: var(--bg-field) !important;
-	color: var(--text-pri) !important;
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-/* large option set dropdowns w/list */
+.ve-ui-targetWidget {
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
+	border: 1px solid var(--bd-dim) !important
-	background: none !important;
 }
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
-	background-color: var(--bg-field) !important;
+.ve-ui-targetWidget-focused {
-	border-color: var(--bg-field) !important;
+	border-color: var(--bd-foc-shd) !important
 }
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
+.oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar::after {
-	background-color: var(--bg-field-hov) !important;
+	border-bottom: 1px solid var(--bd-dim) !important
 }
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
+/* symbol button popup dialog */
-.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
+.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
-	border-color: var(--bd-pri-emph) !important;
+	border-top: 1px solid var(--bd-widg) !important
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
 }
-/***** Buttons *****/
+.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
-.mw-ui-button,
+	background-color: var(--bd-dpdn-shd) !important
-.mw-ui-button.mw-ui-progressive,
-.mw-submit input[type="submit"],
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled,
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
-.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
-#mw-userrights-form1 input[type="submit"],
-#wpRunQuery,
-#mw-search-toggleall,
-#mw-search-togglenone,
-.sitedir-ltr input[type="submit"],
-button {
-	color: var(--text-pri-emph) !important;
-	background: var(--btn) !important;
-	border: 1px solid var(--btn) !important;
-	border-radius: 3px !important;
 }
-.mw-ui-button:hover,
+.ve-init-target .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
-.mw-submit input[type="submit"]:hover,
+	background-color: var(--bg-sec-hd) !important;
-.mw-ui-button.mw-ui-progressive:hover,
+	color: var(--text-pri) !important
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled:hover,
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
-.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
-#mw-userrights-form1 input[type="submit"]:hover,
-#wpRunQuery:hover,
-#mw-search-toggleall:hover,
-#mw-search-togglenone:hover,
-.sitedir-ltr input[type="submit"]:hover,
-button:hover {
-	background-image: var(--btn-hov) !important;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
+.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-scrollable.oo-ui-panelLayout-expanded.oo-ui-bookletLayout-outlinePanel {
-	background-image: var(--btn-hov);
+	background-color: var(--bg-sec)
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
+.ve-ui-specialCharacterPage-character {
-	background-color: #cb4848;
+	border: 1px solid var(--bd-widg) !important
-	border-color: #cb4848;
-	color: #eeeeee;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive {
+.ve-ui-specialCharacterPage-character:hover {
-	background-color: #cb4848;
+	background-color: var(--bd-dpdn-shd) !important
-	border-color: #cb4848;
-	color: #eeeeee;
 }
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive:hover {
+/* media upload dialog */
-	background-color: #e04343;
+.oo-ui-inputWidget.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
-	border-color: #e04343;
+    background-color: var(--bd-mid)
-	color: var(--text-contr-l);
 }
-/* gadgets */
+.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
-.mw-json tr {
+    border: 1px dashed var(--bd-foc-shd)
-	background-color: var(--bg-sec-emph);
-	margin-bottom: 0.5em;
 }
-.mw-json th {
+.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-selectFileWidget-dropLabel {
-	background-color: var(--bg-pri-hd);
+	color: var(--bd-foc-shd)
-	font-weight: normal;
-	vertical-align: top;
 }
-.mw-json th, .mw-json td {
+.oo-ui-fieldLayout-header>.oo-ui-labelWidget.oo-ui-inline-help {
-	border: 1px solid var(--bg-sec);
+	color: var(--bd-dim)
-	font-size: 16px;
-	padding: 0.5em 1em;
 }
-.mw-json-value, .mw-json-single-value {
+.mw-widget-mediaSearchWidget>.oo-ui-searchWidget-query {
-	background-color: var(--bg-pri);
+	border-bottom: 1px solid var(--bd-dim)
-	font-family: monospace,monospace;
-	white-space: pre-wrap;
 }
-.mw-json-empty {
+.mw-widget-mediaResultWidget-done>.mw-widget-mediaResultWidget-overlay {
-	background-color: var(--bg-sec-hd);
+	box-shadow: inset 0 0 0 1px var(--bd-dim)
-	font-style: italic;
 }
-/***** Speacial Pages *****/
+.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,
+.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
+	border-color: var(--bd-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph)
+}
-/* API Interface Special Page */
+.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay,
-.mw-apisandbox-toolbar {
+.oo-ui-widget-enabled.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
-	background-color: var(--bg-pri-hd) !important;
+    box-shadow: 0 0 2px var(--bd-pri-emph)
-	border-bottom: 1px solid var(--bd-dim) !important;
 }
-.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
+.ve-ui-mwGalleryDialog .oo-ui-widget.ve-ui-mwGalleryDialog-image-container-highlighted {
-	background-color: var(--bg-sec-hd) !important;
+	box-shadow: inset 0 0 0 0.1em var(--bd-pri-emph)
-	color: var(--text-lnk) !important;
 }
-.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
+/* table dialog */
-	border-right: 1px solid var(--bd-dim) !important;
+.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-iconElement-icon {
+	background-color: var(--btn)
 }
-.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
+.ve-ui-tableLineContext-menu>.oo-ui-popupWidget-popup {
-	border-color: var(--bd-dim) !important;
+	background-color: var(--bg-pri);
-	background-color: transparent !important;
+	box-shadow: 0 0 10px var(--bd-emph-shd)
 }
-.oo-ui-toggleSwitchWidget {
+.oo-ui-widget.ve-ui-contextItem + .ve-ui-contextItem {
-	background-color: var(--text-dim) !important;
+	border-top: 1px solid var(--bd-widg)
-	border: 1px solid var(--bd-widg) !important;
 }
-.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
+/* insert item dialogs */
-	background-color: var(--text-dim) !important;
+.ve-ce-commentNode .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
-	border-color: var(--bd-widg) !important;
+    background: var(--clr-yellow) !important;
+    border: 1px solid var(--clr-yellow) !important
 }
-.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
+.ve-ui-previewElement.ve-ui-mwLatexDialog-preview {
-	border: 1px solid var(--bd-widg) !important;
+	background-color: var(--bg-sec);
-	background-color: var(--text-dim) !important;
+    border: 1px dashed var(--bd-foc-shd)
 }
-.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
+.ve-ui-mwLatexDialog-content .oo-ui-layout.oo-ui-bookletLayout-stackLayout h3 {
-	box-shadow: inset 0 0 0 1px var(bd-pri-emph) !important;
+	color: var(--text-pri)
-	border-color: var(--bd-pri-emph) !important;
 }
-.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
+.ve-ui-specialCharacterPage-characters>.ve-ui-mwLatexPage-symbol {
-	background-color: var(--selected) !important;
+	background-color: var(--bd-dim);
-	border-color: var(--bd-widg) !important;
+	border: 1px solid var(--bd-dim)
 }
-/* Search */
+.oo-ui-layout.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content {
-#mw-searchoptions {
+	border-bottom: 1px solid var(--bd-dim)
-	color: var(--text-pri);
-	background-color: var(--bg-sec);
-	border-color: var(--bg-sec);
-	border-radius: 3px;
 }
-#mw-searchoptions .divider {
+.oo-ui-layout.ve-ui-mwLatexDialog-menuLayout > .oo-ui-menuLayout-content:hover {
-	border-bottom: 1px solid var(--bd-dim);
+	border-color: var(--bd-pri-emph)
 }
-/* User Preferences */
+.ve-ce-attachedRootNode::selection,
-#preferences {
+.ve-ce-attachedRootNode ::selection {
-	background-color: var(--bg-pref);
+	background: var(--bd-foc-shd)
-	color: var(--text-sec);
 }
-.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
+.ve-ce-focusableNode-highlight {
-	border: none;
+	background: var(--bd-foc-shd)
 }
-.oo-ui-tabSelectWidget-framed {
+/* main edit menu-item colors */
-	background-color: var(--bg-sec-hd) !important;
+.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools > .oo-ui-tool.oo-ui-tool-active,
-	color: var(--text-pri) !important;
+.oo-ui-widget.oo-ui-toolGroup.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
+.oo-ui-widget.oo-ui-toolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
+	background-color: var(--bg-sec-hd);
+	color: var(--text-sec)
 }
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
+.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-listToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools,
-	background-color: var(--bg-pref) !important;
+.oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-popupToolGroup-tools.oo-ui-menuToolGroup-tools.oo-ui-toolGroup-enabled-tools.oo-ui-popupToolGroup-active-tools,
-	color: var(--text-sec) !important;
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupTool-popup.oo-ui-popupWidget-anchored-top>.oo-ui-popupWidget-popup {
+	background-color: var(--bg-sec);
+	box-shadow: 0 0 10px var(--bd-emph-shd)
 }
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
+.oo-ui-menuToolGroup-tools.oo-ui-popupToolGroup-active-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
-	border-top: 2px solid var(--bd-pri-emph) !important;
+.oo-ui-widget.oo-ui-iconElement.oo-ui-tool-with-icon.oo-ui-tool.oo-ui-widget-enabled:hover {
-	border-bottom: none;
+	background-color: var(--bd-dpdn-shd);
+	color: var(--text-sec)
 }
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget {
+.oo-ui-widget.oo-ui-widget-enabled.ve-ui-educationPopup > .mw-pulsating-dot::before,
-	color: var(--text-dim);
+.oo-ui-widget.oo-ui-widget-enabled.ve-ui-educationPopup > .mw-pulsating-dot::after {
+	background-color: var(--bd-pri-emph)
 }
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget:hover {
+.oo-ui-messageDialog-text>.oo-ui-messageDialog-title {
-	background: var(--bg-pref);
+	color: var(--text-sec)
-	color: var(--text-dim);
 }
-.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget .oo-ui-labelElement-label {
+.oo-ui-messageDialog-text>.oo-ui-messageDialog-message {
-	border-top: 2px solid var(--bd-dims);
+	color: var(--text-pri)
 }
-.mw-prefs-buttons {
+.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
-	background-color: var(--bg-sec);
+	color: var(--text-diffch-add) !important
 }
-.oo-ui-labelWidget.oo-ui-inline-help {
+/* Wiki Editor */
-	color: var(--clr-chartr);
-	font-size: 0.9em;
-}
-/***** Recent/Related Changes *****/
+.wikiEditor-ui .wikiEditor-ui-top {
-.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
+	border-bottom: 1px solid var(--bg-msup)
-	background-color: var(--bg-pri-emph) !important;
-	border: 1px solid var(--bg-pri-emph) !important;
-	box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset !important;
-	border-radius: 3px;
 }
-.mw-rcfilters-ui-filterMenuHeaderWidget-title {
+#wikiEditor-section-advanced .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
-	color: var(--text-pri) !important;
+#wikiEditor-section-main .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
+    background-color: var(--bg-sec)
 }
-.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
+.wikiEditor-ui-top > .wikiEditor-ui-toolbar .section-advanced .group .label,
-	border: none !important;
+#wikiEditor-ui-toolbar .tabs span.tab a,
+#wikiEditor-ui-toolbar .tabs span.tab a:visited,
+#wikiEditor-ui-toolbar .tabs span.tab a.current,
+#wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
+	color: var(--text-sec)
 }
-.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
+#wikiEditor-ui-toolbar .tabs span.tab a:hover,
-	background-color: var(--bg-sec) !important;
+#wikiEditor-ui-toolbar .tabs span.tab a:visited:hover,
+#wikiEditor-ui-toolbar .tabs span.tab a.current:hover,
+#wikiEditor-ui-toolbar .tabs span.tab a.current:visited:hover {
+	color: var(--text-pri-emph)
 }
-.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
+#wikiEditor-section-advanced .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
-	color: var(--text-dim) !important;
+#wikiEditor-section-advanced .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+#wikiEditor-section-advanced .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+#wikiEditor-section-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
+#wikiEditor-section-main .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+#wikiEditor-section-main .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
+	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px) !important
 }
-.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
+.wikiEditor-ui-top > .wikiEditor-ui-toolbar,
-	color: var(--text-pri-emph) !important;
+.wikiEditor-ui-toolbar .sections .section,
+.oo-ui-toolbar-bar,
+.codeEditor-status {
+	box-shadow: 0 1px 1px 0 var(--bd-adj-dn);
+	background-color: var(--bg-sec);
+	background-image: linear-gradient(to bottom,var(--bg-sec) 15px,var(--bg-pri) 40px);
+	color: var(--text-sec) !important
 }
-.mw-rcfilters-ui-filterMenuSectionOptionWidget {
+.wikiEditor-ui .wikiEditor-ui-view,
-	background-color: var(--bd-dimr1) !important;
+.wikiEditor-ui .wikiEditor-ui-top,
-	color: var(--text-sec) !important;
+.wikiEditor-ui-toolbar .sections .section,
+.wikiEditor-ui-toolbar .group {
+	border-color: var(--bd-widg) !important
 }
-.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
+.wikiEditor-ui-toolbar .booklet > .index {
-	color: var(--text-contr-l) !important;
+	background-color: var(--bg-sec);
+	box-shadow: 0 0 10px var(--bd-emph-shd);
+	color: var(--text-pri) !important
 }
-.mw-rcfilters-ui-menuSelectWidget-noresults {
+.wikiEditor-ui-toolbar .booklet > .index > :hover {
-	color: var(--text-pri) !important;
+	background-color: var(--bd-dpdn-shd) !important
 }
-.mw-rcfilters-ui-filterMenuHeaderWidget-header {
+.wikiEditor-ui-toolbar .booklet > .index > .current {
 	background-color: var(--bg-sec-hd) !important;
-	border-bottom: 1px solid var(--bd-dimr1) !important;
+	color: var(--text-sec) !important
 }
-.mw-rcfilters-ui-menuSelectWidget-footer {
+.wikiEditor-ui-toolbar .page-characters div span {
-	background-color: var(--bg-sec-hd) !important;
+	border-color: var(--bd-widg) !important;
-	border-top: 1px solid var(--bd-dimr1) !important;
+	color: var(--text-pri) !important
 }
-/************************************************/
+.wikiEditor-ui-toolbar .page-characters div span:hover {
-/**************** Extensions ********************/
+	background-color: var(--bd-dpdn-shd) !important
-/************************************************/
+}
-/***** MsUpload *****/
+.wikiEditor-ui-toolbar .page-table th {
-#msupload-div {
+	color: var(--text-sec) !important
-	background: var(--bg-msup) !important;
-	border-top: 1px solid var(--bd-msup) !important;
 }
-#msupload-dropzone {
-	border: 1px dashed var(--bd-dim) !important;
+.wikiEditor-ui-toolbar .page-table td {
-	height: inherit !important;
+	color: var(--bd-dim) !important;
+	border-top: 1px solid var(--bd-widg) !important
 }
-/***** SMW *****/
+.wikiEditor-ui-toolbar .group .tool-select .menu>.options>.option {
-.smw-tabs input.nav-tab:checked + label.nav-label {
+	color: var(--text-pri)
-	color: var(--text-sec);
-	border: 1px solid var(--bd-dim);
-	border-top: 2px solid var(--bd-pri-emph);
-	border-bottom: 2px solid var(--bd-dim);
 }
-#tab-content-general input[type="submit"],
+.wikiEditor-ui-toolbar .group .tool-select .menu>.options>.option:hover {
-#tab-content-maintenance input[type="submit"],
+	background-color: var(--bd-dpdn-shd) !important
-#tab-content-supplement input[type="submit"] {
-	color: var(--text-pri-emph);
-	background-color: var(--btn);
-	border: 1px solid var(--btn);
-	border-radius: 3px;
 }
-#tab-content-general input[type="submit"]:hover,
+.ui-widget-header>.ui-dialog-title {
-#tab-content-maintenance input[type="submit"]:hover,
+	color: var(--text-sec)
-#tab-content-supplement input[type="submit"]:hover {
-	background-image: var(--btn-hov);
 }
-/* multi-line text input */
+.ui-widget.ui-widget-content {
-#smw-property-input,
+	background: var(--bg-pri);
-#ask-query-condition,
+	box-shadow: 0 0 10px var(--bd-emph-shd)
-#smw-property-input:hover,
-#ask-query-condition:hover,
-#smw-property-input:focus,
-#ask-query-condition:focus {
-	background-color: var(--bg-sec-hd) !important;
-	color: var(--text-editor) !important;
-	border-color: var(--bd-dimr2) !important;
-	box-shadow: none !important;
-	font-family: monospace,monospace !important;
 }
-#id.smw-form-input,
+.ui-dialog-buttonpane.ui-widget-content {
-#smw-jsonview-search,
+	background: var(--bg-pri)
-#smw-value-input,
+}
-#sort_div_0 [class="smw-property-input autocomplete-arrow"],
-.smw-table-cell [class="parameter-number-input"],
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
-.smw-table-cell [class="parameter-string-input"],
+    color: var(--text-pri-emph) !important;
-[name="threshold"] {
+    background: var(--btn) !important;
+    border: 1px solid var(--btn) !important
+}
+.ui-widget.ui-widget-content>.ui-widget-content {
+	color: var(--text-pri)
+}
+#wikieditor-toolbar-table-dimensions-rows,
+#wikieditor-toolbar-table-dimensions-columns {
 	background-color: var(--bg-pri-hd) !important;
-	color: var(--text-sec) !important;
+	color: var(--text-pri) !important;
-	border-color: var(--bd-adj-dn) !important;
+	border-color: var(--bd-adj-dn) !important
-	border-radius: 3px !important;
-	box-shadow: none !important;
 }
-#id.smw-form-input:hover,
+.wikiEditor-ui-top > #msupload-div {
-#smw-jsonview-search:hover,
+    background: var(--bd-mid);
-#smw-value-input:hover,
+    border-top: 1px solid var(--bd-widg)
-.smw-table-cell [class="parameter-number-input"]:hover,
-.smw-table-cell [class="parameter-string-input"]:hover,
-[name="threshold"]:hover {
-	background-color: var(--bg-field-hov) !important;
 }
-#id.smw-form-input:focus,
+.wikiEditor-ui-top > #msupload-div > #msupload-dropzone {
-#smw-jsonview-search:focus,
+    border: 1px dashed var(--bd-foc-shd);
-#smw-value-input:focus,
+    color: var(--bd-foc-shd)
-.smw-table-cell [class="parameter-number-input"]:focus,
-.smw-table-cell [class="parameter-string-input"]:focus,
-[name="threshold"]:focus {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
-	border-color: var(--bd-pri-emph) !important;
 }
-.smw-column-header {
+textarea {
-	color: var(--text-pri);
+    background-color: var(--bg-sec-hd) !important;
+    color: var(--text-editor) !important;
+    border-color: var(--bd-dimr2) !important
 }
-input[name="date"],
+.action-formedit .editOptions {
-#formatSelector,
+    border-color: var(--bg-pri-emph)
-[name="order_num[]"],
-[name="p[headers]"],
-[name="p[link]"] {
-	background-color: var(--bg-field) !important;
-	color: var(--text-sec) !important;
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-input[name="date"] {
+div.editOptions {
-	background-color: var(--bg-field-hov) !important;
+    background-color: var(--bg-pri-emph);
-	border-color: var(--bd-pri-emph) !important;
+    border-color: var(--bg-pri-emph);
+	color: var(--text-pri)
 }
-input[name="date"] {
+#editform > .editOptions {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    background-color: var(--bg-pri-emph);
-	border-color: var(--bd-pri-emph) !important;
+	color: var(--text-pri);
+    border-color: var(--bg-pri-emph)
 }
-.smwb-theme-light .smwb-title,
+div#editpage-specialchars a {
-.smw-ask-toplinks {
+    background-color: var(--bg-pri-emph);
-	background-color: var(--bg-pri-emph) !important;
+    border-color: var(--bd-dimr2)
 }
-.smw-callout-warning,
+.mw-specialCiteThisPage-bibliographic {
-.smwb-theme-light .smwb-center,
+	background-color: var(--bg-pri)
-.smwb-theme-light .smwb-actions,
-.smwb-theme-light .smwb-prophead,
-.smwb-theme-light .smwb-propval,
-.smwb-theme-light .smwb-propval {
-	background-color: var(--bg-sec) !important;
 }
-.smwb-theme-light .smwb-factbox,
+.error {
-.smwb-action-separator,
+	color: var(--clr-red)
-.smwb-theme-light .smwb-factbox,
-.smwb-bottom,
-.smwb-theme-light .smwb-ifactbox {
-	border: none;
 }
-.smwb-ifactbox .smwb-cell,
+/* API Interface Special Page */
-.smwb-factbox .smwb-cell {
-	border-top: 1px solid var(--bd-dimr1);
+.mw-apisandbox-toolbar {
+    background-color: var(--bg-pri-hd) !important;
+    border-bottom: 1px solid var(--bd-widg) !important
 }
-.smw-factbox input.nav-tab:checked + label.nav-label {
+.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
-	background: var(--bg-sec) !important;
+    background-color: var(--bg-sec-hd) !important;
-	border-top: 2px solid var(--bd-pri-emph) !important;
+    color: var(--text-lnk) !important
-	border-right: 1px solid var(--bg-sec) !important;
-	border-bottom: 1px solid var(--bg-sec) !important;
-	border-left: 1px solid var(--bg-sec) !important;
-	font-weight: bold;
-	color: var(--text-dim);
 }
-.smw-factbox .smwfact {
+.oo-ui-bookletLayout>.oo-ui-menuLayout-menu {
-	background-color: var(--bg-sec);
+    border-right: 1px solid var(--bd-widg) !important
-	color: var(--text-pri) !important;
-	border: 1px solid var(--bg-sec);
 }
-.smwfact .smw-table-row:nth-child(2n) {
+.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
-	background-color: var(--bg-pri);
+    border-color: var(--bd-dim) !important
 }
-.smwfact .smw-table-row:nth-child(2n+1) {
+.oo-ui-toggleSwitchWidget {
-	background-color: var(--bg-sec);
+    background-color: var(--bd-dimr1) !important;
+    border: 1px solid var(--bd-widg) !important
 }
-.dropdown-menu {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
-	background-color: var(--bg-pri) !important;
+    background-color: var(--bd-dimr1) !important;
-	border-color: var(--bd-dpdn-shd) !important;
+    border-color: var(--bd-widg) !important
-	box-shadow: 0 2px 10px var(--bd-emph-shd) !important;
-	background-clip: padding-box !important;
-	border-radius: 3px !important;
-	color: var(--text-pri) !important;
 }
-.dropdown-item:hover {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
-	background: var(--bg-menu-hov) !important;
+    border: 1px solid var(--bd-widg) !important;
+    background-color: var(--bd-dimr1) !important
 }
-.smw-ask-options-row-odd {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
-	background: var(--bg-sec) !important;
+    box-shadow: inset 0 0 0 1px var(--bd-pri-emph) !important;
+    border-color: var(--bd-pri-emph) !important
 }
-.smw-ask-options-row-even {
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
-	background: var(--bg-sec-emph);
+	border-color: var(--bd-pri-emph) !important
+}
+.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
+    background-color: var(--bd-pri-emph) !important;
+    border-color: var(--bd-widg) !important
 }
-#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
+.oo-ui-fieldLayout-field .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
-	background-image: linear-gradient(to bottom,rgba(32,33,35,0),rgba(32,33,35,1) 90%);
+	border-color: var(--bd-pri-emph)
 }
-.smw-tabs section, .smw-tabs .subtab-content {
+.oo-ui-fieldLayout-field .oo-ui-labelWidget.oo-ui-inline-help {
-	border-color: var(--bd-dims);
+	color: var(--clr-chartr)
 }
-.smw-ui-pagination .page-link.link-disabled,
+/* Book sources */
-.smw-ui-pagination .page-link {
+.page-Special_BookSources #ooui-php-2 {
-	border-color: var(--bd-dim);
+	background-color: var(--bg-pri)
 }
-.smw-ui-pagination .page-link.link-active {
+/* Search & Replace Text */
-	border: 2px solid var(--bd-pri-emph);
-}
-.smw-special-filter-button {
+#mw-searchoptions,
-	border: 1px solid var(--bd-dim);
+.ext-replacetext-searchoptions {
+    color: var(--text-pri);
+    background-color: var(--bg-sec);
+    border-color: var(--bg-sec)
 }
-.smw-special-filter-button:hover {
+#mw-searchoptions .divider,
-	background: none;
+.ext-replacetext-searchoptions .ext-replacetext-divider {
-	background-image: var(--btn-hov) !important;
+    border-bottom: 1px solid var(--bd-dim)
 }
-.smw-callout-info {
+.search-types .current a {
-	background: var(--bg-sec);
+	color: var(--text-pri)
-	border-left: 5px solid #1b809e;
 }
-.smwtable-striped tbody > tr:nth-child(2n+1) {
+/* User Preferences */
-	background-color: var(--bg-sec);
-}
-.smwtable-clean tbody > tr:nth-child(2n) {
+#preferences {
-	background-color: var(--bg-sec-emph);
+    background-color: var(--bg-sec);
+    color: var(--text-sec)
 }
-.smwtable-clean tr > td {
+.oo-ui-tabSelectWidget-framed {
-	border-top: 1px solid var(--bg-pri-hd);
+    background-color: var(--bg-sec-hd) !important;
+    color: var(--text-pri) !important
 }
-.smw-property-page-results .header-title {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
-	background-color: var(--bg-pri-hd);
+    background-color: var(--bg-sec) !important;
+    color: var(--text-sec) !important
 }
-.smw-property-page-results .header-row > .header-title {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
-	border-bottom: 1px solid var(--bg-cont);
+    border-top: 2px solid var(--bd-pri-emph) !important
 }
-.smw-property-page-results .header-title {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget {
-	color: var(--text-dim) !important;
+    color: var(--bd-dimr1)
 }
-.smw-property-page-results .value-row:hover {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget:hover {
-	background: var(--bg-menu-hov) !important;
+    background: var(--bg-sec);
+    color: var(--bd-dimr1)
 }
-.smw-ui-input-filter {
+.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget .oo-ui-labelElement-label {
-	background-color: var(--bg-pri-hd) !important;
+    border-top: 2px solid var(--bd-dims)
-	color: var(--text-lnk) !important;
-	border-color: var(--bd-adj-dn) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-.smw-ui-input-filter input {
+.mw-prefs-buttons {
-	border-left: 1px solid var(--bd-dimr1) !important;
+    background-color: var(--bg-sec);
-	color: var(--text-dim) !important;
+    border-top: 1px solid var(--bd-dim)
 }
-.smw-ui-pagination .page-link {
+.oo-ui-labelWidget.oo-ui-inline-help {
-	color: var(--text-pri);
+    color: var(--clr-chartr)
-	background-color: var(--bg-pri-hd) !important;
-	border-color: var(--bd-adj-dn) !important;
 }
-.smw-ui-pagination:hover .page-link:hover {
+/* Gadgets */
-	background-color: var(--bg-menu-hov) !important;
-	border-color: var(--bd-adj-dn) !important;
-}
-.smw-ui-pagination .page-link.link-active {
+.mw-json tr {
-	background-color: var(--bg-sec-hd) !important;
+    background-color: var(--bg-sec-emph)
-	border-color: var(--bd-adj-dn) !important;
 }
-.smwfact {
+.mw-json th {
-	background-color: var(--bg-sec);
+    background-color: var(--bg-pri-hd)
-	border-color: var(--bd-dims);
 }
-.usage-count, .item-count {
+.mw-json td,
-	color: var(--text-pri) !important;
+.mw-json th {
-	background-color: var(--bg-pri-emph) !important;
+    border: 1px solid var(--bg-sec)
-	border: 1px solid var(--bd-pri-emph-shd) !important;
-	border-radius: 2px !important;
 }
-.smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label {
+.mw-json-single-value,
-	border-top: 2px solid var(--bd-pri-emph);
+.mw-json-value {
+    background-color: var(--bg-pri)
 }
-.smwpre {
+.mw-json-empty {
-	color: var(--text-dim) !important;
+    background-color: var(--bg-sec-hd)
-	background-color: var(--bg-code);
-	border-color: var(--bd-mid);
-	border-radius: 2px;
-	box-shadow: 0 0 5px var(--bd-code-shd) inset;
 }
-.smw-jsonview-menu {
+/***** Recent/Related Changes *****/
-	background-color: var(--bg-pri-emph) !important;
-	border-left: 1px solid var(--bd-adj-dn) !important;
-	border-top: 1px solid var(--bd-adj-dn) !important;
-	border-right: 1px solid var(--bd-adj-dn) !important;
-}
-.smw-jsonview-menu + pre {
+.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
-	background-color: var(--bg-pri-hd) !important;
+    background-color: var(--bg-pri-emph) !important;
+    border: 1px solid var(--bg-pri-emph) !important;
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset !important
 }
-.smw-jsonview-button-group-left input {
+.mw-rcfilters-ui-filterMenuHeaderWidget-title {
-	border: 1px solid var(--text-pri-emph);
+    color: var(--text-pri) !important
 }
-#smw-jsonview-copy-btn,
+.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
-#smw-jsonview-toggle-btn {
+    background-color: var(--bg-sec) !important;
-	background-color: var(--text-dim);
+    border-bottom: 1px solid var(--bd-dims) !important
-	border: 1px solid var(--bg-pri-emph);
-	border-radius: 3px;
 }
-#smw-jsonview-copy-btn:hover,
+.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
-#smw-jsonview-toggle-btn:hover {
+    color: var(--bd-dim) !important
-	background-color: var(--text-sec);
 }
-.jsonview .string {
+.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
-	color: var(--clr-green) !important;
+    color: var(--text-pri-emph) !important
 }
-.skin-chameleon .smw-indicator-vertical-bar-loader {
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuSectionOptionWidget.mw-rcfilters-ui-filterMenuSectionOptionWidget {
-	margin-top: 0;
+    background-color: var(--bg-sec-emph)
 }
-.smw-indicator-vertical-bar-loader, .smw-indicator-vertical-bar-loader::before, .smw-indicator-vertical-bar-loader::after {
+.mw-rcfilters-ui-filterMenuSectionOptionWidget-header>.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
-	max-height: 4em;
+    color: var(--text-pri)
 }
-/***** Replace Text *****/
+.mw-rcfilters-ui-menuSelectWidget-noresults {
-#powersearch input[type="submit"],
+    color: var(--text-pri)
-.mw-replacetext-invert {
-	color: var(--text-pri-emph);
-	background-color: var(--btn);
-	border-color: var(--btn);
-	border-radius: 3px;
 }
-#powersearch input[type="submit"]:hover,
+.mw-rcfilters-ui-table.mw-rcfilters-ui-filterMenuHeaderWidget-header {
-.mw-replacetext-invert:hover {
+    background-color: var(--bg-sec-hd);
-	background-image: var(--btn-hov) !important;
+    border-bottom: 1px solid var(--bd-dims)
 }
-/***** Check User *****/
+.mw-rcfilters-ui-menuSelectWidget-footer {
-#checktarget,
+    background-color: var(--bg-sec-hd) !important;
-#checkreason,
+    border-top: 1px solid var(--bd-dims) !important
-#mw-checkuser-cidr-res,
-#mw-input-cuSearch {
-	background-color: var(--bg-field) !important;
-	color: var(--text-sec) !important;
-	border-color: var(--bd-adj-dn) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-#year,
+#ooui-311.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.oo-ui-selectWidget-unpressed.mw-rcfilters-ui-menuSelectWidget-view-default,
-#month {
+#ooui-311.mw-rcfilters-ui-menuSelectWidget-view-tags,
-	background-color: var(--bg-field) !important;
+#ooui-311.oo-ui-menuSelectWidget {
-	color: var(--text-sec) !important;
+    box-shadow: 0 0 10px var(--bd-emph-shd)
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-#checktarget:hover,
+.oo-ui-floatableElement-floatable>.oo-ui-popupWidget-popup {
-#checkreason:hover,
+	background-color: var(--bg-sec);
-#mw-checkuser-cidr-res:hover,
+	box-shadow: 0 0 10px var(--bd-emph-shd);
-#mw-input-cuSearch:hover {
+    color: var(--text-pri)
-	background-color: var(--bg-field-hov) !important;
 }
-#checktarget:focus,
+.mw-rcfilters-ui-menuSelectWidget-group>.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
-#checkreason:focus,
+	border-top: 3px solid var(--bd-dims)
-#mw-checkuser-cidr-res:focus,
-#mw-input-cuSearch:focus {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
-	border-color: var(--bd-pri-emph) !important;
 }
-#checkusersubmit,
+.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
-.mw-htmlform-submit {
+    border-bottom: 1px solid var(--bd-dims)
-	color: var(--text-pri-emph);
-	background-color: var(--btn);
-	border-color: var(--btn);
-	border-radius: 3px;
 }
-#checkusersubmit:hover,
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button,
-.mw-htmlform-submit:hover {
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
-	background-image: var(--btn-hov);
+	border-color: var(--bd-dim) !important;
+	color: var(--text-sec) !important
 }
-#checkuserform #period {
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget > .oo-ui-buttonElement-button:hover,
-	background-color: var(--bg-field) !important;
+.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover {
-	color: var(--text-sec) !important;
+	background-color: var(--bg-menu-hov) !important
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-/***** Page Forms *****/
+.oo-ui-buttonElement-button[title="Show Active filters area"]>.oo-ui-labelElement-label,
+.oo-ui-buttonElement-button[title="Hide Active filters area"]>.oo-ui-labelElement-label {
-/* multiple instance */
+    color: var(--text-lnk)
-.multipleTemplateInstance {
-	background-color: var(--bg-pri-emph);
-	border: 1px solid var(--bg-pri-emph);
-	margin: 0.3em 0;
 }
-/* option sets */
+.oo-ui-buttonElement-button[title="Show Active filters area"]>.oo-ui-labelElement-label:hover,
-#property_dropdown,
+.oo-ui-buttonElement-button[title="Hide Active filters area"]>.oo-ui-labelElement-label:hover {
-#mainTable td select[name*="property_type"],
+    color: var(--text-lnk-hov)
-.multipleTemplateInstance [id*="input"],
-#pfForm [id*="input"],
-#semantic_property_aggregation,
-[id*="semantic_property"],
-#form_dropdown,
-#formSelector,
-#category_dropdown,
-#sectionname,
-p [name="new_template"],
-.inputTypeSelector,
-[name*="before"] {
-	background-color: var(--bg-field);
-	color: var(--text-pri) !important;
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px;
-	box-shadow: none;
 }
-/* token & Other fields */
+.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
-.pf-select2-container [id*="select2-input"] {
+	border-color: var(--bd-pri-emph) !important;
-	border: none !important;
+	box-shadow: inset 0 0 0 1px var(--bd-pri-emph),inset 0 0 0 2px var(--bd-foc-shd) !important
 }
-.select2-dropdown,
+a.oo-ui-buttonElement-button[title="Learn more about Tagged edits"] {
-.select2-search--dropdown .select2-search__field,
+    background-color: var(--bg-sec-hd) !important;
-.select2-container--default .select2-selection--single,
+    border-color: var(--bg-sec-hd) !important
-.select2-container--default .select2-selection--multiple {
-	background: var(--bg-field) !important;
-	color: var(--text-pri) !important;
-	border-color: var(--bd-adj-dn) !important;
-	border-radius: 3px !important;
-	box-shadow: none !important;
-	color: var(--text-pri);
 }
-.select2-dropdown:hover,
+.mw-collapsible.mw-collapsed.mw-enhanced-rc.mw-changeslist-line.mw-changeslist-edit.mw-changeslist-ns3012-2_2_0.mw-changeslist-line-watched.mw-made-collapsible {
-.select2-search--dropdown .select2-search__field:hover {
+	background-color: var(--bg-sec-emph)
-	background-color: var(--bg-field) !important;
 }
-.select2-dropdown:focus,
+/***** Custom Step *****/
-.select2-search--dropdown .select2-search__field:focus {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+/* Dynamic layout for logo */
-	border-color: var(--bd-pri-emph) !important;
+[class*="SkyrimLE"] .header,
+.ns-3010 .header,
+.ns-3011 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_sle.jpg) center 25% no-repeat !important
 }
-.select2-container--default .select2-results__option[aria-selected="true"] {
+[class*="SkyrimSE"] .header,
-	background-color: var(--selected);
+.ns-3012 .header,
+.ns-3013 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_sse.jpg) center 25% no-repeat !important
 }
-.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
+[class*="SkyrimVR"] .header,
-	background-color: var(--bg-menu-hov);
+.ns-3014 .header,
+.ns-3015 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_svr.jpg) center 25% no-repeat !important
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice {
+[class*="Morrowind"] .header,
-	background-color: var(--btn) !important;
+.ns-3016 .header,
-	border: 1px solid var(--btn);
+.ns-3017 .header {
-	color: var(--text-pri-emph);
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_mor.jpg) center 25% no-repeat !important
 }
-.select2-container--default .select2-search--inline .select2-search__field,
+[class*="Oblivion"] .header,
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+.ns-3018 .header,
-	color: var(--text-pri);
+.ns-3019 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_obl.jpg) center 25% no-repeat !important
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+[class*="Fallout3"] .header,
-	color: var(--text-pri-emph);
+.ns-3020 .header,
+.ns-3021 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ft3.jpg) center 25% no-repeat !important
 }
-/* form input */
+[class*="Fallout4"] .header,
-#allowed_values input[name="values"],
+.ns-3022 .header,
-#mainTable td input[name*="allowed_values"],
+.ns-3023 .header {
-#mainTable td input[name*="property_name"],
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ft4.jpg) center 25% no-repeat !important
-#mainTable [name*="field_name"],
-.multipleTemplateInstance [id*="input"][size*="0"],
-#pfForm input#wpSummary,
-#wpSummary,
-p [name="template_name"],
-p [name="category"],
-p [name*="name"],
-p [name*="label"],
-p [name="aggregation_label"],
-#sectionname,
-p [name="form_name"],
-p [name="page_name"],
-p [name="category_name"] {
-	background-color: var(--bg-field) !important;
-	color: var(--text-pri) !important;
-	border-color: var(--bd-adj-dn) !important;
-	border-radius: 3px !important;
-	box-shadow: none !important;
 }
-#allowed_values input[name="values"]:hover,
+[class*="FalloutNV"] .header,
-#mainTable td input[name*="allowed_values"]:hover,
+.ns-3024 .header,
-#mainTable td input[name*="property_name"]:hover,
+.ns-3025 .header {
-#mainTable [name*="field_name"]:hover,
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_ftv.jpg) center 25% no-repeat !important
-.multipleTemplateInstance [id*="input"][size*="0"]:hover,
-#pfForm input#wpSummary:hover,
-#wpSummary:hover,
-p [name="template_name"]:hover,
-p [name="category"]:hover,
-p [name*="name"]:hover,
-p [name*="label"]:hover,
-p [name="aggregation_label"]:hover,
-#sectionname:hover,
-p [name="form_name"]:hover,
-p [name="page_name"]:hover,
-p [name="category_name"]:hover {
-	background-color: var(--bg-field-hov) !important;
 }
-#allowed_values input[name="values"]:focus,
+[class*="Morroblivion"] .header,
-#mainTable td input[name*="allowed_values"]:focus,
+.ns-3026 .header,
-#mainTable td input[name*="property_name"]:focus,
+.ns-3027 .header {
-#mainTable [name*="field_name"]:focus,
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_mob.jpg) center 25% no-repeat !important
-.multipleTemplateInstance [id*="input"][size*="0"]:focus,
-#pfForm input#wpSummary:focus,
-#wpSummary:focus,
-p [name="template_name"]:focus,
-p [name="category"]:focus,
-p [name*="name"]:focus,
-p [name*="label"]:focus,
-p [name="aggregation_label"]:focus,
-#sectionname:focus,
-p [name="form_name"]:focus,
-p [name="page_name"]:focus,
-p [name="category_name"]:focus {
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
-	border-color: var(--bd-pri-emph) !important;
 }
-/* buttons */
+[class*="BeyondSkyrim"] .header,
-p [type="button"],
+.ns-3028 .header,
-td [type="button"] {
+.ns-3029 .header {
-	color: var(--text-pri-emph) !important;
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_bys.jpg) center 25% no-repeat !important
-	background: var(--btn) !important;
-	border: 1px solid var(--btn) !important;
-	border-radius: 3px !important;
 }
-p [type="button"]:hover,
+[class*="Skywind"] .header,
-td [type="button"]:hover {
+.ns-3030 .header,
-	background-image: var(--btn-hov) !important;
+.ns-3031 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_skw.jpg) center 25% no-repeat !important
 }
-/* misc */
+[class*="Skyblivion"] .header,
-#mainTable td,
+.ns-3032 .header,
-#mainTable th {
+.ns-3033 .header {
-	border: none !important;
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_skb.jpg) center 25% no-repeat !important
-	background: transparent !important;
 }
-.fieldBox {
+[class*="NoMansSky"] .header,
-	border: 1px var(--bd-dim) solid !important;
+.ns-3040 .header,
-	background: var(--bg-sec) !important;
+.ns-3041 .header {
+    background: linear-gradient(2deg, rgba(255, 255, 255, .4), rgba(0, 0, 0, .4)), url(/_wiki/skins/step/images/header_classic_nms.jpg) center 25% no-repeat !important
 }
-div.popupform-container {
+/* Guides */
-	background-color: #252320 !important;
-	border: 2px solid var(--text-contr-d) !important;
+body.cat-Unofficial_Mod-Build_Guides h1,
+body.cat-Official_Mod-Build_Guides h1 {
+    background: var(--bg-pri-hd)
 }
-/***** Page Forms - STEP *****/
+body.cat-Unofficial_Mod-Build_Guides h1 + div,
-#Recommendations textarea[id*="input"],
+body.cat-Official_Mod-Build_Guides h1 + div {
-#Recommendations textarea[id*="input"]:hover,
+    border-bottom: 3px solid var(--bd-pri-emph)
-#Recommendations textarea[id*="input"]:focus,
-.multipleTemplateInstance textarea[id*="input"],
-.multipleTemplateInstance textarea[id*="input"]:hover,
-.multipleTemplateInstance textarea[id*="input"]:focus {
-	background-color: var(--bg-sec-hd) !important;
-	color: var(--text-editor) !important;
-	border-color: var(--bd-dimr2) !important;
-	box-shadow: none !important;
-	font-family: monospace,monospace !important;
 }
-/* option sets */
+body.cat-Unofficial_Mod-Build_Guides h2,
-#pfForm input[name*=Mod],
+body.cat-Official_Mod-Build_Guides h2 {
-#systemspecs [id*="input"],
+    border-bottom: 2px solid var(--bd-pri-emph)
-.pfFormInput select[name="namespace"],
-#mod [id*="input"] {
-	background-color: var(--bg-field) !important;
-	color: var(--text-pri) !important;
-	border: 1px solid var(--bd-dim) !important;
-	border-radius: 2px !important;
-	box-shadow: none !important;
 }
-/* form input */
+body.cat-Unofficial_Mod-Build_Guides h5,
-#pfForm input[name*=Mod],
+body.cat-Official_Mod-Build_Guides h5 {
-#systemspecs [id*="input"][size="35"],
+    border-bottom: 3px solid var(--bd-pri-emph)
-input[name*="INITOC"],
-#mod [id*="input"][size*="0"] {
-	background-color: var(--bg-field) !important;
-	color: var(--text-pri) !important;
-	border-color: var(--bd-adj-dn) !important;
-	border-radius: 3px !important;
-	box-shadow: none !important;
-    font-size: 0.9em;
 }
-#pfForm input[name*=Mod]:hover,
+body.cat-Unofficial_Mod-Build_Guides hr,
-#systemspecs [id*="input"][size="35"]:hover,
+body.cat-Official_Mod-Build_Guides hr {
-input[name*="INITOC"]:hover,
+    color: var(--text-pri-emph);
-#mod [id*="input"][size*="0"]:hover {
+    background-color: var(--bg-pri-emph)
-	background-color: var(--bg-field-hov) !important;
 }
-#pfForm input[name*=Mod]:focus,
+body.cat-Unofficial_Mod-Build_Guides .steptable th,
-#systemspecs [id*="input"][size="35"]:focus,
+body.cat-Official_Mod-Build_Guides .steptable th {
-input[name*="INITOC"]:focus,
+    background-color: var(--bg-sec-hd);
-#mod [id*="input"][size*="0"]:focus {
+    border-bottom: 1px solid var(--bd-dims);
-	box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    border-left: 1px solid var(--bd-mid)
-	border-color: var(--bd-pri-emph) !important;
 }
-/* forms */
+body.cat-Unofficial_Mod-Build_Guides .steptable td,
-.formtip {
+body.cat-Official_Mod-Build_Guides .steptable td {
-	color: var(--clr-chartr);
+    border-left: 1px solid var(--bd-dims)
-	font-size: 0.9em;
 }
-.formheading {
+body.cat-Unofficial_Mod-Build_Guides .steptable th.first,
-	color: var(--clr-orange);
+body.cat-Unofficial_Mod-Build_Guides .steptable th.second,
-	margin: 0.5em 0 0 0;
+body.cat-Unofficial_Mod-Build_Guides .steptable th.third,
+body.cat-Unofficial_Mod-Build_Guides .steptable th.fourth,
+body.cat-Official_Mod-Build_Guides .steptable th.first,
+body.cat-Official_Mod-Build_Guides .steptable th.second,
+body.cat-Official_Mod-Build_Guides .steptable th.third,
+body.cat-Official_Mod-Build_Guides .steptable th.fourth {
+    background-color: var(--bg-sec-hd)
 }
-/***** CodeMirror *****/
+body.cat-Unofficial_Mod-Build_Guides .steptable th.core,
-.CodeMirror pre {
+body.cat-Official_Mod-Build_Guides .steptable th.core {
-	background-color: var(--bg-pri-hd) !important;
+    background-color: var(--clr-red)
-	border: 1px dashed var(--bd-cont) !important;
-	border-radius: 0 !important;
-	box-shadow: 0 0 3px var(--bg-cont) inset !important;
 }
-[class*="cm-mw-parserfunction"] {
+body.cat-Unofficial_Mod-Build_Guides .steptable th.landw,
-	color: var(--clr-red) !important;
+body.cat-Official_Mod-Build_Guides .steptable th.landw {
+    background-color: var(--clr-yellow)
 }
-[class*="cm-mw-templatevariable"] {
+body.cat-Unofficial_Mod-Build_Guides .steptable th.pp,
-	color: var(--clr-yellow) !important;
+body.cat-Official_Mod-Build_Guides .steptable th.pp {
-	font-weight: bold !important;
+    background-color: var(--clr-green)
 }
-[class*="cm-mw-htmltag"] {
+body.cat-Unofficial_Mod-Build_Guides .steptable th.enb,
-	color: var(--clr-green) !important;
+body.cat-Official_Mod-Build_Guides .steptable th.enb {
+    background-color: var(--clr-blue)
 }
-[class*="cm-mw-exttag"] {
+body.cat-Unofficial_Mod-Build_Guides .steptable .detailed,
-	color: var(--clr-chartr) !important;
+body.cat-Official_Mod-Build_Guides .steptable .detailed {
+    background-color: var(--bg-sec)
 }
-.cm-mw-doubleUnderscore {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow03-Resources,
-	background-color: var(--bg-cont) !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow10-Gameplay-General,
+body.cat-Official_Mod-Build_Guides .steptablerow03-Resources,
+body.cat-Official_Mod-Build_Guides .steptablerow10-Gameplay-General {
+    border-bottom: 1px solid var(--clr-mute-purple)
 }
-[class*="cm-mw-link"] {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow09-Fixes,
-	color: var(--clr-blue) !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow16-Interface,
+body.cat-Official_Mod-Build_Guides .steptablerow09-Fixes,
+body.cat-Official_Mod-Build_Guides .steptablerow16-Interface {
+    border-bottom: 1px solid var(--clr-mute-magent)
 }
-[class*="cm-mw-template"] {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow05-Animation.and.Physics,
-	color: var(--clr-purple) !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
+body.cat-Unofficial_Mod-Build_Guides .steptablerow21-Post-Processing,
+body.cat-Official_Mod-Build_Guides .steptablerow05-Animation.and.Physics,
+body.cat-Official_Mod-Build_Guides .steptablerow13-Gameplay-Immersion,
+body.cat-Official_Mod-Build_Guides .steptablerow21-Post-Processing {
+    border-bottom: 1px solid var(--clr-mute-blue)
 }
-.cm-s-default .cm-error {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow04-Foundation,
-	background-color: #C04040 !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow06-Models.and.Textures,
-	color: var(--text-contr-d) !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow14-Gameplay-Quests,
+body.cat-Official_Mod-Build_Guides .steptablerow04-Foundation,
+body.cat-Official_Mod-Build_Guides .steptablerow06-Models.and.Textures,
+body.cat-Official_Mod-Build_Guides .steptablerow14-Gameplay-Quests {
+    border-bottom: 1px solid var(--clr-mute-green)
 }
-[class*="cm-mw-table"] {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow07-Sounds.and.Music,
-	color: var(--clr-magent) !important;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow15-Gameplay-Skills.and.Perks,
+body.cat-Official_Mod-Build_Guides .steptablerow07-Sounds.and.Music,
+body.cat-Official_Mod-Build_Guides .steptablerow15-Gameplay-Skills.and.Perks {
+    border-bottom: 1px solid var(--clr-mute-chartr)
 }
-/* created for light skin */
+body.cat-Unofficial_Mod-Build_Guides .steptablerow01-Tools,
-.hljs-comment, .hljs-quote {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow11-Gameplay-AI.and.Combat,
-	color: var(--clr-green);
+body.cat-Unofficial_Mod-Build_Guides .steptablerow19-Utilities,
-	font-style: italic;
+body.cat-Unofficial_Mod-Build_Guides .steptablerow20-Patches,
+body.cat-Official_Mod-Build_Guides .steptablerow01-Tools,
+body.cat-Official_Mod-Build_Guides .steptablerow11-Gameplay-AI.and.Combat,
+body.cat-Official_Mod-Build_Guides .steptablerow19-Utilities,
+body.cat-Official_Mod-Build_Guides .steptablerow20-Patches {
+    border-bottom: 1px solid var(--clr-mute-yellow)
 }
-.hljs-built_in, .hljs-type {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow08-Character.Appearance,
-	color: var(--clr-chartr);
+body.cat-Unofficial_Mod-Build_Guides .steptablerow18-Lighting.and.Weather,
+body.cat-Official_Mod-Build_Guides .steptablerow08-Character.Appearance,
+body.cat-Official_Mod-Build_Guides .steptablerow18-Lighting.and.Weather {
+    border-bottom: 1px solid var(--clr-mute-orange)
 }
-.hljs-string, .hljs-meta-string {
+body.cat-Unofficial_Mod-Build_Guides .steptablerow02-Extenders,
-	color: var(--clr-orange);
+body.cat-Unofficial_Mod-Build_Guides .steptablerow12-Gameplay-Economy,
+body.cat-Unofficial_Mod-Build_Guides .steptablerow17-Locations,
+body.cat-Official_Mod-Build_Guides .steptablerow02-Extenders,
+body.cat-Official_Mod-Build_Guides .steptablerow12-Gameplay-Economy,
+body.cat-Official_Mod-Build_Guides .steptablerow17-Locations {
+    border-bottom: 1px solid var(--clr-mute-red)
 }
-.hljs-number, .hljs-class {
+/* Mod recommendations */
-	color: var(--clr-magent);
+.listtable ul {
+    background-color: var(--bg-sec)
 }
-.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name {
+.listtable ul:before,
-	color: var(--clr-blue);
+ul:after {
+    border: 1px solid var(--bd-dims)
 }
-.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula {
+.listtable ul:before {
-	color: var(--clr-purple);
+    background-color: var(--bg-pri-hd);
+    border: 1px solid var(--bd-cont-l)
 }
-.hljs-regexp, .hljs-template-tag {
+.listtable ul:after {
-	color: var(--clr-red);
+    background-color: var(--bg-pri-hd);
+    border: 1px solid var(--bd-cont-l)
 }
-/***** HeaderTabs *****/
+.listtable li {
-#headertabs.large.ui-widget-content,
+    border: 1px solid var(--bd-dims)
-.ui-widget-content {
-	background-color: var(--bg-sec);
-	color: var(--text-pri) !important;
-	border: none;
 }
-.ui-widget-header {
+/* Mod Version Recommendations */
-	border: 1px solid var(--bg-sec-hd) !important;
-	background: var(--bg-sec-hd) !important;
-	color: var(--text-dim);
-}
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+.custom-recommendations {
-	background: var(--bg-sec) !important;
+    background-color: var(--bg-sec)
-	border-top: 2px solid var(--bd-pri-emph) !important;
-	border-right: 1px solid var(--bg-sec) !important;
-	border-bottom: 1px solid var(--bg-sec) !important;
-	border-left: 1px solid var(--bg-sec) !important;
-	font-weight: bold;
 }
-.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
+/* MP Game Tiles */
-	color: var(--text-pri) !important;
+.gametiles p img {
+    border: 1px solid var(--bd-dims)
+}
+/* Game Pages */
+.pageHeader {
+    background-color: var(--bg-sec-hd)
+}
+.pageHeader .pageSubHeaderPortal {
+    background-color: var(--bg-pri-hd)
+}
+.pageHeader .pageSubHeader {
+    background-color: var(--bg-pri-hd);
+    color: var(--bd-dimr1)
+}
+.guideVersion {
+    border-bottom: 1px solid var(--bd-dims);
+    border-top: 1px solid var(--bd-dims)
+}
+.gamehometablecolumnheading {
+    background-color: var(--bg-pri-emph);
+    border: 1px solid var(--bg-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
+    color: var(--text-pri) !important
+}
+.gamehometablerow {
+    color: var(--bd-dimr1)
 }
-.ui-tabs .ui-tabs-nav li {
+.gamehometablerow h4 {
-	background: var(--bg-sec-hd);
+    background-color: var(--bg-pri-emph);
-	border-top: 2px solid var(--bd-hdtab);
+    border: 1px solid var(--bg-pri-emph);
-	border-right: 1px solid var(--bg-sec-hd);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
-	border-bottom: 1px solid var(--bg-sec-hd);
+    color: var(--text-pri) !important
-	border-left: 1px solid var(--bg-sec-hd);
-	font-weight: bold;
 }
-.ui-tabs .ui-tabs-nav li a {
+/* Template:Alert (AlertSmall) */
-	color: var(--text-dim) !important;
+.stepalert {
+    box-shadow: 0 0 15px -2px var(--bg-cont);
+    border: 2px solid var(--bd-dim)
 }
-.ui-tabs .ui-tabs-nav li a:hover {
+.stepalert a {
-	color: var(--text-dim) !important;
+    color: var(--text-lnk-bt)
-	background-color: var(--bg-pref) !important;;
 }
-/***** Cite *****/
+.stepalert a:hover {
+    color: var(--text-lnk-hov-bt)
+}
+.stepalert a[href].external:visited,
+.stepalert a:visited {
+    color: var(--text-lnk-vis-bt)
+}
+.stepalert a[href].external:visited:hover,
+.stepalert a:visited:hover {
+    color: var(--text-lnk-vis-hov-bt)
+}
+.alert-warning,
+.warningbox,
+div.warning {
+    color: var(--bd-dims) !important;
+    background: var(--clr-yellow) !important;
+    border-color: var(--clr-mute-yellow) !important
+}
+/* Template:CategoryModList */
+.categorymodlist {
+    border: 1px solid var(--bg-pri-emph);
+    background: var(--bg-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
+}
+.modnamehd {
+    color: var(--clr-orange)
+}
+.categorymodlist .dimtext {
+    color: var(--bd-dimr1)
+}
+/* Template:Fomod */
+table.fomod,
+.fomod {
+    background-color: var(--bg-pri-emph);
+    border: 1px solid var(--bg-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset
+}
+.fomod li,
+table.fomod li {
+    background-color: var(--bg-pri);
+    border-color: var(--bd-adj-dn)
+}
+.fomod li li,
+table.fomod li li {
+    background-color: var(--bg-sec);
+    border-color: var(--bd-adj-dn)
+}
+.fomod li li li li,
+table.fomod li li li li {
+    background-color: var(--btn);
+    border-color: var(--btn);
+    color: var(--btn-text)
+}
+/* Template:Mod */
+.modheading {
+    background: var(--bg-sec-hd);
+    box-shadow: 0 0 3px 1px var(--bd-emph-shd)
+}
+.modheading>h1 {
+    border-bottom: 2px solid var(--bd-pri-emph-emph) !important
+}
+.modsubheading {
+    color: var(--bd-dimr1)
+}
+.modbox {
+    background-color: var(--bg-sec-hd);
+    box-shadow: 0 0 5px 1px var(--bd-emph-shd)
+}
+.infobox .infoattr,
+.modbox .infoattr {
+    color: var(--bd-dimr1)
+}
+.infosec {
+    border-top: 1px solid var(--bd-pri-emph-emph)
+}
+/* Template:Spoiler */
+.spoiler {
+    background: var(--bg-pri-emph);
+    border: 1px dotted var(--bd-foc-shd);
+    padding: .25em;
+    margin-bottom: 1em
+}
+.spoiler:hover {
+	background: var(--bg-menu-hov)
+}
+.spoiler-content {
+    background: var(--bg-sec);
+    border: 1px dotted var(--bd-foc-shd);
+    color: var(--text-sec)
+}
+/* Template:CollapsibleTable */
+.stepCaption {
+    background: var(--bg-pri-emph);
+    border-top: 1px dotted var(--bd-foc-shd);
+    border-right: 1px dotted var(--bd-foc-shd);
+    border-left: 1px dotted var(--bd-foc-shd)
+}
+.stepCaption>caption {
+    color: var(--text-sec)
+}
+.stepCaption .mw-customtoggle {
+    border-bottom: 1px dotted var(--bd-foc-shd)
+}
+.stepTitle {
+    color: var(--bd-pri-emph)
+}
+/* tooltip container */
+.stepCaption .stepTooltip {
+    position: relative
+}
+.stepCaption .stepTooltip:hover {
+	background: var(--bg-menu-hov)
+}
+/* tooltip text */
+.stepCaption .stepTooltip .stepTooltipToggle {
+	background-color: var(--bd-pri-emph);
+	color: var(--text-contr-l)
+}
+/* show the tooltip text on hover over cell */
+.stepContent {
+    background: var(--bg-sec);
+    border: 1px dotted var(--bd-foc-shd);
+    color: var(--text-sec)
+}
+/* Template:PageHeader */
+.pagetitle {
+    border-bottom: 1px solid var(--bd-pri-emph)
+}
+.pagetitle .pagetitle-title {
+    color: var(--text-sec)
+}
+/* Template:Sidebox */
+.sideBox {
+    border: 1px solid var(--bd-adj-dn);
+    box-shadow: 0 0 20px 20px var(--bd-adj-dn) inset
+}
+.sideBoxHeader {
+    color: var(--clr-orange)
+}
+/* Template:SystemSpecs */
+.systemspecs {
+    background-color: var(--bg-pri-emph);
+    border: 1px solid var(--bg-pri-emph);
+    box-shadow: 0 0 2px var(--bd-pri-emph-shd) inset;
+    color: var(--text-pri) !important
+}
+/***** Extensions *****/
+/* CategoryTree */
+.CategoryTreeToggle {
+    color: var(--bd-pri-emph)
+}
+/* SMW */
+.mw-body-content .smw-tabs input.nav-tab:checked + label.nav-label {
+    background-color: var(--bg-pri);
+    color: var(--text-sec);
+    border: 1px solid var(--bd-widg);
+    border-top: 2px solid var(--bd-pri-emph);
+    border-bottom: 2px solid var(--bd-widg)
+}
+#tab-content-general input[type="submit"],
+#tab-content-maintenance input[type="submit"],
+#tab-content-supplement input[type="submit"] {
+    color: var(--btn-text);
+    background-color: var(--btn);
+    border: 1px solid var(--btn)
+}
+#tab-content-general input[type="submit"]:hover,
+#tab-content-maintenance input[type="submit"]:hover,
+#tab-content-supplement input[type="submit"]:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%)
+}
+.smw-column-header {
+    color: var(--text-pri)
+}
+#formatSelector,
+[name="order_num[]"],
+[name="p[headers]"],
+[name="p[link]"],
+input[name="date"] {
+    background-color: var(--bg-pri-hd) !important;
+    color: var(--text-sec) !important;
+    border: 1px solid var(--bd-dim) !important
+}
+input[name="date"] {
+    background-color: var(--bg-field-hov) !important;
+    border-color: var(--bd-pri-emph) !important
+}
+input[name="date"] {
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    border-color: var(--bd-pri-emph) !important
+}
+.smw-ask-toplinks,
+.smwb-theme-light .smwb-title {
+    background-color: var(--bg-pri-emph) !important
+}
+.smw-callout-warning,
+.smwb-theme-light .smwb-actions,
+.smwb-theme-light .smwb-center,
+.smwb-theme-light .smwb-prophead,
+.smwb-theme-light .smwb-propval {
+    background-color: var(--bg-sec) !important
+}
+.smwb-factbox .smwb-cell,
+.smwb-ifactbox .smwb-cell {
+    border-top: 1px solid var(--bd-dimr1)
+}
+.smw-factbox input.nav-tab:checked + label.nav-label {
+    background: var(--bg-sec) !important;
+    border-top: 2px solid var(--bd-pri-emph) !important;
+    border-right: 1px solid var(--bg-sec) !important;
+    border-bottom: 1px solid var(--bg-sec) !important;
+    border-left: 1px solid var(--bg-sec) !important;
+    color: var(--bd-dimr1)
+}
+.smw-factbox .smwfact {
+    background-color: var(--bg-sec);
+    color: var(--text-pri) !important;
+    border: 1px solid var(--bg-sec)
+}
+.smwfact .smw-table-row:nth-child(2n) {
+    background-color: var(--bg-pri)
+}
+.smwfact .smw-table-row:nth-child(2n + 1) {
+    background-color: var(--bg-sec)
+}
+.smw-ask-options-row-odd {
+    background: var(--bg-sec) !important
+}
+.smw-ask-options-row-even {
+    background: var(--bg-sec-emph)
+}
+#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
+    background-image: linear-gradient(to bottom, var(--bg-body), var(--bg-body) 90%)
+}
+.smw-tabs .subtab-content,
+.smw-tabs section {
+    border-color: var(--bd-dims)
+}
+.smw-ui-pagination .page-link,
+.smw-ui-pagination .page-link.link-disabled {
+    border-color: var(--bd-dim)
+}
+.smw-ui-pagination .page-link.link-active {
+    border: 2px solid var(--bd-pri-emph)
+}
+.smw-special-filter-button {
+    border: 1px solid var(--bd-dim)
+}
+.smw-special-filter-button:hover {
+    background: 0 0;
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
+}
+.smw-callout-info {
+    background: var(--bg-sec);
+    border-left: 5px solid var(--bd-pri-emph)
+}
+.smwtable-striped tbody>tr:nth-child(2n + 1) {
+    background-color: var(--bg-sec)
+}
+.smwtable-clean tbody>tr:nth-child(2n) {
+    background-color: var(--bg-sec-emph)
+}
+.smwtable-clean tr>td {
+    border-top: 1px solid var(--bd-cont-l)
+}
+.smw-property-page-results .header-title {
+    background-color: var(--bg-pri-hd)
+}
+.smw-property-page-results .header-row>.header-title {
+    border-bottom: 1px solid var(--bd-code-shd)
+}
+.smw-property-page-results .header-title {
+    color: var(--bd-dimr1) !important
+}
+.smw-ui-input-filter {
+    background-color: var(--bg-pri-hd) !important;
+    color: var(--text-lnk) !important;
+    border-color: var(--bd-adj-dn) !important
+}
+.smw-ui-input-filter input {
+    border-left: 1px solid var(--bd-dimr1) !important;
+    color: var(--bd-dimr1) !important
+}
+.smw-ui-pagination .page-link {
+    color: var(--text-pri);
+    background-color: var(--bg-pri-hd) !important;
+    border-color: var(--bd-adj-dn) !important
+}
+.smw-ui-pagination:hover .page-link:hover {
+    background-color: var(--bg-menu-hov) !important;
+    border-color: var(--bd-adj-dn) !important
+}
+.smw-ui-pagination .page-link.link-active {
+    background-color: var(--bg-sec-hd) !important;
+    border-color: var(--bd-adj-dn) !important
+}
+.smwfact {
+    background-color: var(--bg-sec) !important;
+    border-color: var(--bd-dims) !important
+}
+.item-count,
+.usage-count {
+    color: var(--text-pri) !important;
+    background-color: var(--bg-pri-emph) !important;
+    border: 1px solid var(--bd-pri-emph-shd) !important
+}
+.smw-property input.nav-tab:checked + label#tab-label-smw-property-constraint.nav-label {
+    border-top: 2px solid var(--bd-pri-emph)
+}
+.smwpre {
+    color: var(--bd-dimr1) !important;
+    background-color: var(--bg-pri-hd);
+    border-color: var(--bd-mid);
+    box-shadow: 0 0 5px var(--bg-cont) inset
+}
+.smw-jsonview-menu {
+    background-color: var(--bg-pri-emph) !important;
+    border-left: 1px solid var(--bd-adj-dn) !important;
+    border-top: 1px solid var(--bd-adj-dn) !important;
+    border-right: 1px solid var(--bd-adj-dn) !important
+}
+.smw-jsonview-menu + pre {
+    background-color: var(--bg-pri-hd) !important
+}
+.smw-jsonview-button-group-left input {
+    border: 1px solid var(--text-pri-emph)
+}
+#smw-jsonview-copy-btn,
+#smw-jsonview-toggle-btn {
+    background-color: var(--bd-dimr1);
+    border: 1px solid var(--bg-pri-emph)
+}
+#smw-jsonview-copy-btn:hover,
+#smw-jsonview-toggle-btn:hover {
+    background-color: var(--text-sec)
+}
+.smw-json-container>.jsonview .string {
+    color: var(--clr-green) !important
+}
+.smw-json-container>.jsonview .prop {
+	color: var(--clr-magent)
+}
+#mw-prefsection-smw .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
+    color: var(--text-sec)
+}
+fieldset#mw-prefsection-smw-general-options,
+fieldset#mw-prefsection-smw-extended-search-options,
+fieldset#mw-prefsection-smw-srf-eventcalendar-options,
+fieldset#mw-prefsection-smw-srf-datatables-options,
+fieldset#mw-prefsection-smw-ask-options,
+fieldset#mw-prefsection-smw-srf {
+    border-top: 1px solid var(--bd-dim)
+}
+#ask-help>.smw-modal-content {
+	background-color: var(--bg-sec-emph);
+	border: 1px solid var(--bd-dpdn-shd);
+	box-shadow: 0 0 18px var(--bd-emph-shd)
+}
+#ask-help>.smw-modal-content>.smw-modal-header {
+	border-bottom: 1px solid var(--bg-sec-hd);
+	background-color: var(--bg-sec-hd)
+}
+#ask-help>.smw-modal-content>.smw-modal-header>.smw-modal-title {
+	color: var(--text-sec)
+}
+#ask-help>.smw-modal-content>.smw-modal-header>.smw-modal-close:hover {
+	color: var(--text-sec)
+}
+div#ask fieldset,
+.smw-ask-search fieldset,
+.smw-ask-format fieldset,
+.smw-ask-options fieldset {
+	border: 1px solid var(--text-pri)
+}
+.smw-ui-pagination .page-link:hover {
+	color: var(--text-lnk-hov)
+}
+/* Semantic Drilldown */
+.mw-body-content #drilldown-categories-wrapper {
+	background: var(--bg-pri)
+}
+.mw-body-content li#categories-header {
+	background: var(--bg-sec-hd)
+}
+.mw-body-content ul#drilldown-categories li.category {
+	border-top: 1px var(--bd-dims) solid;
+	background: var(--bg-pri)
+}
+.mw-body-content ul#drilldown-categories li.category:hover {
+	background-color: var(--bd-dpdn-shd) !important
+}
+.mw-body-content ul#drilldown-categories {
+	border: 2px var(--bd-dims) solid
+}
+/* Replace Text */
+#powersearch input[type="submit"],
+.mw-replacetext-invert {
+    color: var(--btn-text);
+    background-color: var(--btn);
+    border-color: var(--btn)
+}
+#powersearch input[type="submit"]:hover,
+.mw-replacetext-invert:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
+}
+#checkusersubmit,
+.mw-htmlform-submit {
+    color: var(--btn-text);
+    background-color: var(--btn);
+    border-color: var(--btn)
+}
+#checkusersubmit:hover,
+.mw-htmlform-submit:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%)
+}
+#checkuserform #period {
+    background-color: var(--bg-pri-hd) !important;
+    color: var(--text-sec) !important;
+    border: 1px solid var(--bd-dim) !important
+}
+/***** Page Forms *****/
+/* Multiple instance */
+.multipleTemplateInstanceTable .inputSpan input[id*="input"] {
+    background: var(--bg-pri-hd) !important;
+    color: var(--text-pri) !important;
+    border-color: var(--bd-adj-dn) !important
+}
+.multipleTemplateInstanceTable .inputSpan:hover {
+    background-color: var(--bg-pri-hd) !important
+}
+.multipleTemplateInstanceTable .inputSpan:focus {
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    border-color: var(--bd-pri-emph) !important
+}
+.multipleTemplateInstance {
+    background-color: var(--bg-pri-emph) !important;
+    border: 1px solid var(--bg-pri-emph) !important
+}
+option {
+    background-color: var(--bg-pri-hd);
+    color: var(--text-pri)
+}
+option:checked {
+    background-color: var(--bg-pri-hd) !important
+}
+/* Option sets */
+#category_dropdown,
+#formSelector,
+#form_dropdown,
+#mainTable td select[name*="property_type"],
+#property_dropdown,
+#sectionname,
+#semantic_property_aggregation,
+.inputTypeSelector,
+.inputSpan>select[id*="input"],
+[id*="semantic_property"],
+[name*="before"] {
+    background-color: var(--bg-pri-hd);
+    color: var(--text-pri);
+    border: 1px solid var(--bd-dim)
+}
+/* Token & Other fields */
+.pf-select2-container [id*="select2-input"] {
+    border: none !important
+}
+.select2-container--default .select2-selection--multiple,
+.select2-container--default .select2-selection--single,
+.select2-dropdown,
+.select2-search--dropdown .select2-search__field {
+    background: var(--bg-pri-hd) !important;
+    border-color: var(--bd-adj-dn) !important;
+    color: var(--text-pri)
+}
+.select2-dropdown:hover,
+.select2-search--dropdown .select2-search__field:hover {
+    background-color: var(--bg-pri-hd) !important
+}
+.select2-dropdown:focus,
+.select2-search--dropdown .select2-search__field:focus {
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    border-color: var(--bd-pri-emph) !important
+}
+.select2-container--default .select2-results__option[aria-selected="true"] {
+    background-color: var(--bd-pri-emph)
+}
+.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
+    background-color: var(--bg-menu-hov)
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+    background-color: var(--btn) !important;
+    border: 1px solid var(--btn) !important;
+    color: var(--btn-text)
+}
+.select2-container--default .select2-search--inline .select2-search__field,
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+    color: var(--text-pri)
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+    color: var(--text-pri-emph)
+}
+/* Form input */
+#ooui-php-2 {
+    background-color: var(--bg-sec)
+}
+#allowed_values input[name="values"],
+#ask-query-condition,
+#checkreason,
+#checktarget,
+#createClassForm input,
+#id.smw-form-input,
+#mainTable [name*="field_name"],
+#mainTable td input[name*="allowed_values"],
+#mainTable td input[name*="property_name"],
+#month,
+#mw-checkuser-cidr-res,
+#mw-import-comment,
+#mw-input-cuSearch,
+#mw-interwiki-rootpage-upload,
+#mw-searchoptions input[name="category"],
+#mw-searchoptions input[name="prefix"],
+#mw-userrights-form1 #username,
+#sectionname,
+#smw-jsonview-search,
+#smw-property-input,
+#smw-value-input,
+#sort_div_0 [class="smw-property-input autocomplete-arrow"],
+#usernamePrefix,
+#wikieditor-toolbar-replace-replace,
+#wikieditor-toolbar-replace-search,
+#wpDestFile,
+#wpReason,
+#year,
+.ext-replacetext-searchoptions input[name="category"],
+.ext-replacetext-searchoptions input[name="prefix"],
+.inputSpan>[id*="input"],
+.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
+.mw-ui-checkbox [type="checkbox"] + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
+.mw-ui-input,
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle,
+.oo-ui-checkboxInputWidget [type="checkbox"] + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
+.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
+.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
+.oo-ui-radioInputWidget [type="radio"] + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle,
+.oo-ui-textInputWidget .oo-ui-inputWidget-input,
+.select2-selection--single .select2-match-entire,
+.sitedir-ltr input[name="dest"],
+.sitedir-ltr input[name="target"],
+.smw-table-cell [class="parameter-number-input"],
+.smw-table-cell [class="parameter-string-input"],
+[name="threshold"],
+form select,
+input#wpSummary {
+    background-color: var(--bg-pri-hd) !important;
+    color: var(--text-pri) !important
+}
+#allowed_values input[name="values"]:hover,
+#ask-query-condition:hover,
+#checkreason:hover,
+#checktarget:hover,
+#createClassForm input:hover,
+#id.smw-form-input:hover,
+#mainTable [name*="field_name"]:hover,
+#mainTable td input[name*="allowed_values"]:hover,
+#mainTable td input[name*="property_name"]:hover,
+#month:hover,
+#mw-checkuser-cidr-res:hover,
+#mw-import-comment:hover,
+#mw-input-cuSearch:hover,
+#mw-interwiki-rootpage-upload:hover,
+#mw-searchoptions input[name="category"]:hover,
+#mw-searchoptions input[name="prefix"]:hover,
+#mw-userrights-form1 #username:hover,
+#sectionname:hover,
+#smw-jsonview-search:hover,
+#smw-property-input:hover,
+#smw-value-input:hover,
+#sort_div_0 [class="smw-property-input autocomplete-arrow"]:hover,
+#usernamePrefix:hover,
+#wikieditor-toolbar-replace-replace:hover,
+#wpDestFile:hover,
+#wpReason:hover,
+#wpReason:hover,
+#year:hover,
+.ext-replacetext-searchoptions input[name="category"]:hover,
+.ext-replacetext-searchoptions input[name="prefix"]:hover,
+.inputSpan>[id*="input"]:hover,
+.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle:hover,
+.mw-ui-checkbox [type="checkbox"]:hover + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:hover + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:hover + label::before,
+.mw-ui-input:hover,
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover,
+.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
+.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
+.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
+.oo-ui-radioInputWidget [type="radio"]:hover + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled:hover,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle,
+.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
+.select2-selection--single .select2-match-entire:hover,
+.sitedir-ltr input[name="dest"]:hover,
+.sitedir-ltr input[name="target"]:hover,
+.smw-table-cell [class="parameter-number-input"]:hover,
+.smw-table-cell [class="parameter-string-input"]:hover,
+[name="threshold"]:hover,
+form select:hover,
+input#wpSummary:hover {
+    background-color: var(--bg-field-hov) !important
+}
+#allowed_values input[name="values"]:focus,
+#ask-query-condition:focus,
+#checkreason:focus,
+#checktarget:focus,
+#createClassForm input:focus,
+#id.smw-form-input:focus,
+#mainTable [name*="field_name"]:focus,
+#mainTable td input[name*="allowed_values"]:focus,
+#mainTable td input[name*="property_name"]:focus,
+#month:focus,
+#mw-checkuser-cidr-res:focus,
+#mw-import-comment:focus,
+#mw-input-cuSearch:focus,
+#mw-interwiki-rootpage-upload:focus,
+#mw-searchoptions input[name="category"]:focus,
+#mw-searchoptions input[name="prefix"]:focus,
+#mw-userrights-form1 #username:focus,
+#sectionname:focus,
+#smw-jsonview-search:focus,
+#smw-property-input:focus,
+#smw-value-input:focus,
+#sort_div_0 [class="smw-property-input autocomplete-arrow"]:focus,
+#usernamePrefix:focus,
+#wikieditor-toolbar-replace-replace:focus,
+#wikieditor-toolbar-replace-search:focus,
+#wpDestFile:focus,
+#wpReason:focus,
+#year:focus,
+.ext-replacetext-searchoptions input[name="category"]:focus,
+.ext-replacetext-searchoptions input[name="prefix"]:focus,
+.inputSpan>[id*="input"]:focus,
+.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle:focus,
+.mw-ui-checkbox [type="checkbox"]:focus + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:focus + label::before,
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:focus + label::before,
+.mw-ui-input:focus,
+.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus,
+.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span,
+.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
+.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
+.oo-ui-radioInputWidget [type="radio"]:focus + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled:focus,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:focus .oo-ui-tagMultiselectWidget-handle,
+.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus,
+.select2-selection--single .select2-match-entire:focus,
+.sitedir-ltr input[name="dest"]:focus,
+.sitedir-ltr input[name="target"]:focus,
+.smw-table-cell [class="parameter-number-input"]:focus,
+.smw-table-cell [class="parameter-string-input"]:focus,
+[name="threshold"]:focus,
+form select:focus,
+input#wpSummary:focus {
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important
+}
+/* gray out disabled inputs */
+.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span,
+.oo-ui-dropdownInputWidget.oo-ui-widget-disabled,
+.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
+.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
+    opacity: .5;
+    color: var(--bd-dimr1) !important;
+    background: var(--bg-pri-hd) !important
+}
+/* keep checked items highlighted */
+.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span {
+    border: 1px solid var(--bd-pri-emph) !important
+}
+.oo-ui-menuSelectWidget {
+    background: var(--bg-pri-hd) !important;
+    border: 1px solid var(--bd-dim)
+}
+.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
+	background-color: var(--bg-pri-hd)
+}
+/* exceptions for search bar */
+#searchInput {
+    border-color: var(--bd-cont-l) !important;
+    background-color: var(--bg-pri-hd) !important
+}
+#searchInput:focus {
+    border: 1px solid var(--bd-cont-l) !important;
+    color: var(--bd-dim) !important
+}
+.oo-ui-checkboxInputWidget [type="checkbox"] + span,
+.oo-ui-radioInputWidget [type="radio"] + span {
+    background-color: var(--bg-pri-hd) !important
+}
+.oo-ui-checkboxInputWidget [type="checkbox"]:hover + span,
+.oo-ui-radioInputWidget [type="radio"]:hover + span {
+    border: 1px solid var(--bd-pri-emph) !important
+}
+.oo-ui-checkboxInputWidget [type="checkbox"]:focus + span,
+.oo-ui-radioInputWidget [type="radio"]:focus + span {
+    border-color: var(--bd-pri-emph) !important;
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important
+}
+.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
+    border-color: var(--bd-adj-dn)
+}
+.oo-ui-checkboxInputWidget [type="checkbox"]:disabled:hover + span {
+    border: 1px solid var(--bd-adj-dn) !important
+}
+.mw-ui-checkbox:not(#noop) [type="checkbox"] + label::before,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span {
+    border-color: var(--bd-pri-emph) !important
+}
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:hover + span {
+    border: 3px solid var(--bd-pri-emph) !important
+}
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
+.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:indeterminate:focus + span {
+    box-shadow: 0 0 5px var(--bd-foc-shd) !important;
+    border-color: var(--bd-pri-emph) !important
+}
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
+.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span,
+.mw-ui-checkbox [type="checkbox"]:enabled:hover + label::before,
+.mw-ui-checkbox [type="checkbox"]:enabled:focus + label::before,
+.mw-ui-checkbox [type="checkbox"]:enabled:active + label::before {
+	box-shadow: inset 0 0 0 1px var(--bd-pri-emph) !important
+}
+p [type="button"],
+td [type="button"] {
+    color: var(--btn-text) !important;
+    background: var(--btn) !important;
+    border: 1px solid var(--btn) !important
+}
+p [type="button"]:hover,
+td [type="button"]:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
+}
+.fieldBox {
+    border: 1px var(--bd-dim) solid !important;
+    background: var(--bg-sec) !important
+}
+div.popupform-container {
+    background-color: var(--bg-pri-hd) !important;
+    border: 2px solid var(--text-contr-d) !important
+}
+[name*="Recommendations"],
+[name*="Recommendations"]:hover,
+[name*="Recommendations"]:focus {
+    background-color: var(--bg-sec-hd) !important;
+    color: var(--text-editor) !important
+}
+.formtip {
+    color: var(--clr-chartr)
+}
+.formheading {
+    color: var(--clr-orange)
+}
+/* HeaderTabs */
+.ui-widget-header {
+    border: 1px solid var(--bg-sec-hd) !important;
+    background: var(--bg-sec-hd) !important;
+    color: var(--bd-dimr1)
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+    background: var(--bg-sec) !important;
+    border-top: 2px solid var(--bd-pri-emph) !important;
+    border-right: 1px solid var(--bg-sec) !important;
+    border-bottom: 1px solid var(--bg-sec) !important;
+    border-left: 1px solid var(--bg-sec) !important
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
+    color: var(--text-pri) !important
+}
+.ui-tabs .ui-tabs-nav li {
+    background: var(--bg-sec-hd);
+    border-top: 2px solid var(--bd-dimr1);
+    border-right: 1px solid var(--bg-sec-hd);
+    border-bottom: 1px solid var(--bg-sec-hd);
+    border-left: 1px solid var(--bg-sec-hd)
+}
+.ui-tabs .ui-tabs-nav li a {
+    color: var(--bd-dimr1) !important
+}
+.ui-tabs .ui-tabs-nav li a:hover {
+    color: var(--bd-dimr1) !important;
+    background-color: var(--bg-sec) !important
+}
+#ooui-php-2 {
+	background-color: var(--bg-sec)
+}
+/* Cite */
 .mw-references-wrap {
-	font-size: 80%;
+    font-size: 80%;
-	border-top: 1px solid var(--bd-dims);
+    border-top: 1px solid var(--bd-dims)
-	padding-top: 1em;
+}
+ol.references li:target,
+sup.reference:target {
+    background-color: var(--bg-menu-hov)
+}
+.jexcel {
+    background-color: var(--bg-sec) !important;
+    border-right: 1px solid var(--bd-dimr1) !important;
+    border-bottom: 1px solid var(--bd-dimr1) !important
+}
+.jexcel>thead>tr>td {
+    border-top: 1px solid var(--bd-adj-dn) !important;
+    border-left: 1px solid var(--bd-adj-dn) !important;
+    background-color: var(--bg-sec-hd) !important
+}
+.jexcel>tbody>tr>td:first-child {
+    background-color: var(--bg-sec-hd) !important
+}
+.jexcel>tbody>tr>td {
+    border-top: 1px solid var(--bd-adj-dn) !important;
+    border-left: 1px solid var(--bd-adj-dn) !important
+}
+.jexcel>tbody>tr.dragging>td {
+    background-color: var(--bg-sec-emph) !important
+}
+.jexcel_corner {
+    border: 1px solid var(--bd-dimr1) !important
+}
+.jexcel_page_selected {
+    background-color: var(--bg-sec-hd) !important
+}
+.jexcel>tbody>tr.selected>td:first-child {
+    background-color: var(--bg-pri-hd) !important
+}
+.jexcel .highlight-top.highlight-left {
+    -webkit-box-shadow: -1px -1px var(--bd-pri-emph) !important;
+    -moz-box-shadow: -1px -1px var(--bd-pri-emph) !important;
+    box-shadow: -1px -1px var(--bd-pri-emph) !important
+}
+.jexcel .highlight-bottom {
+    border-bottom: 1px solid var(--bd-adj-dn) !important
+}
+.jexcel .highlight-right {
+    border-right: 1px solid var(--bd-adj-dn) !important
+}
+.jexcel .highlight-left {
+    border-left: 1px solid var(--bd-adj-dn) !important;
+    box-shadow: -1px 0 var(--bd-pri-emph) !important
+}
+.jexcel .highlight-top {
+    border-top: 1px solid var(--bd-adj-dn) !important;
+    box-shadow: 0 -1px var(--bd-pri-emph) !important
+}
+.jexcel>thead>tr>td.selected {
+    background-color: var(--bd-pri-emph) !important
+}
+.mw-mmv-post-image {
+	color: var(--text-sec)!important;
+	background-color: var(--bg-pri-emph)!important
+}
+.mw-mmv-image-metadata {
+	border-top: 1px solid var(--bd-dim);
+	background-color: var(--bg-pri-emph)!important
+}
+.mw-ui-button.mw-ui-progressive:not(:disabled) {
+	background-color: var(--btn);
+	color: var(--btn-text);
+	border-color: var(--btn)
+}
+.mw_metadata td, .mw_metadata th {
+	background-color: var(--bg-pri);
+	border: 1px solid var(--bd-dims)
+}
+.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
+	background-color: var(--bg-sec) !important;
+	color: var(--text-pri)
+}
+.tdg-templateDataParamWidget-param-description,
+.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
+	color: var(--text-pri) !important
+}
+.tdg-templateDataParamWidget-param-alias:first-child {
+	background-color: var(--btn) !important
+}
+.tdg-templateDataParamWidget-param-alias {
+	color: var(--btn-text) !important;
+	background-color: var(--btn) !important;
+	border: solid 1px var(--btn) !important
+}
+.tdg-templateDataParamWidget-param-alias:hover {
+    background-image: linear-gradient(to bottom, var(--btn-hov) 0, var(--bg-menu-hov) 100%) !important
+}
+.oo-ui-messageDialog-message {
+	color: var(--text-pri)
+}
+/* Semantic Cite */
+.qtip-light {
+	background-color: var(--bg-sec) !important;
+	color: var(--text-sec) !important;
+	box-shadow: 0 0 10px var(--bd-emph-shd) !important
 }
-ol.references li:target, sup.reference:target {
+.qtip-light .qtip-titlebar {
-	background-color: var(--bg-menu-hov);
+	background-color: var(--bg-pri) !important
 }