MediaWiki:Gadget-StepClassic.css
From Step Mods | Change The Game
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root {
--bg-body: #222324;
--bg-pri: #373f49;
--bg-sec: #3f4a54;
--bg-pri-emph: #2e343d;
--bg-sec-emph: #2f3742;
--bg-contrast: #161619;
--bg-pri-hd: #262629;
--bg-sec-hd: #2d2d2e;
--bg-field: #262629;
--bg-field-hov: rgba(0,0,0,0.25);
--bg-code: #262629;
--bg-menu-hov: rgba(255,140,30,0.1);
--bg-diff-add: #263640;
--bg-diff-del: #403826;
--bg-diffch-add: #101840;
--bg-diffch-del: #301810;
--bd-pri: #262629;
--bd-cont: #161619;
--bd-cont-l: #202023;
--bd-cont-lr: #50D080;
--bd-mid: #464649;
--bd-widg: #555555;
--bd-dims: #666666;
--bd-dimr2: #777777;
--bd-dimr1: #888888;
--bd-dim: #aaaaaa;
--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: #161619;
--bd-dpdn-shd: rgba(255,140,30,0.15);
--text-pri: #bbbbbb;
--text-sec: #cccccc;
--text-pri-emph: #dddddd;
--text-dim: #aaaaaa;
--text-editor: #68c878;
--text-contr-l: #ffffff;
--text-contr-d: #000000;
--text-diffch-add: #50D080;
--text-diffch-del: #80D050;
--text-mantra: salmon;
--text-lnk: #80aacf;
--text-lnk-vis: #607a9f;
--text-lnk-hov: #a0caf4;
--text-lnk-vis-hov: #809ac4;
--btn: #38688f;
--btn-hov: linear-gradient(to bottom,rgba(255,140,30,0) 0%,rgba(255,140,30,0.1) 100%);
--selected: #9b6014;
--edit-purple: #aa60d8;
--edit-magenta: #d840c8;
--edit-blue: #5fa0df;
--edit-green: #40b050;
--edit-chartreuse: #90b040;
--edit-yellow: #bfbc28;
--edit-orange: #c88848;
--edit-red: #cb6868;
--bd-purple: rgba(170,96,216,0.5);
--bd-magenta: rgba(216,64,200,0.5);
--bd-blue: rgba(95,160,223,0.5);
--bd-green: rgba(64,176,80,0.5);
--bd-chartreuse: rgba(144,176,64,0.5);
--bd-yellow: rgba(191,188,40,0.5);
--bd-orange: rgba(200,136,72,0.5);
--bd-red: rgba(203,104,104,0.5);
}
/************************************************/
/****************** STEP ***********************/
/************************************************/
/***** Guides *****/
body.cat-Step_Guides .noautonum .tocnumber {
display: none;
}
body.cat-Step_Guides h1 {
background: var(--bg-pri-hd);
text-transform: uppercase;
text-align: center;
overflow: hidden;
padding-top: 4px;
border: none !important;
}
body.cat-Step_Guides h1 + div {
text-align:center;
font-size:1.5em;
font-weight:500;
border-bottom:3px solid var(--bd-pri-emph);
padding-bottom:10px;
overflow:hidden;
}
body.cat-Step_Guides h2 {
border-bottom: 2px solid var(--bd-pri-emph);
}
body.cat-Step_Guides h4 {
text-decoration: underline;
}
body.cat-Step_Guides h5 {
border-bottom: 3px solid rgb(200,100,20);
padding-bottom: 10px;
}
body.cat-Step_Guides hr {
border: none;
color: var(--text-pri-emph);
background-color: var(--bg-pri-emph);
height: 2px;
width: 100%;
text-align: left;
}
body.cat-Step_Guides .steptable {
border: none;
background-color: transparent;
width: 100%;
font-size: 0.9em;
line-height: 1.6em;
}
body.cat-Step_Guides .steptable th.first {
border-left: none;
width: 5px;
padding: 0;
background-color: var(--bg-sec-hd);
}
body.cat-Step_Guides .steptable th {
text-align: center;
background-color: var(--bg-sec-hd);
vertical-align: top;
border-bottom: 2px solid var(--bd-dims);
border-left: 1px solid var(--bd-mid);
}
body.cat-Step_Guides .steptable th.core {
border-left: 0;
width: 5px;
padding: 0;
background-color: var(--edit-chartreuse);
}
body.cat-Step_Guides .steptable td {
text-align: left;
vertical-align: middle;
border-left: 1px solid var(--bd-dims);
}
body.cat-Step_Guides .steptable td.modname {
width: 25%;
}
body.cat-Step_Guides .steptable td.baseline {
width: 9%;
text-align: center;
}
body.cat-Step_Guides .steptable td.quality {
width: 5rem;
padding: 4px 6px 0;
}
body.cat-Step_Guides .steptable td.dlc {
text-align: center;
padding: 0 5px ;
vertical-align: middle;
width: 4%;
}
body.cat-Step_Guides .steptable td.dlc img {
margin: 0 2px;
}
body.cat-Step_Guides .steptable tr.stepborderA td,
body.cat-Step_Guides .steptable tr.stepborderA th,
body.cat-Step_Guides .steptable tr.stepborderI td,
body.cat-Step_Guides .steptable tr.stepborderI th,
body.cat-Step_Guides .steptable tr.stepborderSE-C td,
body.cat-Step_Guides .steptable tr.stepborderSE-C th,
body.cat-Step_Guides .steptable tr.stepborderSE-J td,
body.cat-Step_Guides .steptable tr.stepborderSE-J th {
border-bottom: 1px solid var(--bd-purple);
}
body.cat-Step_Guides .steptable tr.stepborderB td,
body.cat-Step_Guides .steptable tr.stepborderB th,
body.cat-Step_Guides .steptable tr.stepborderH td,
body.cat-Step_Guides .steptable tr.stepborderH th,
body.cat-Step_Guides .steptable tr.stepborderSE-I td,
body.cat-Step_Guides .steptable tr.stepborderSE-I th,
body.cat-Step_Guides .steptable tr.stepborderSE-P td,
body.cat-Step_Guides .steptable tr.stepborderSE-P th {
border-bottom: 1px solid var(--bd-magenta);
}
body.cat-Step_Guides .steptable tr.stepborderC td,
body.cat-Step_Guides .steptable tr.stepborderC th,
body.cat-Step_Guides .steptable tr.stepborderK td,
body.cat-Step_Guides .steptable tr.stepborderK th,
body.cat-Step_Guides .steptable tr.stepborderSE-E td,
body.cat-Step_Guides .steptable tr.stepborderSE-E th,
body.cat-Step_Guides .steptable tr.stepborderSE-M td,
body.cat-Step_Guides .steptable tr.stepborderSE-M th {
border-bottom: 1px solid var(--bd-blue);
}
body.cat-Step_Guides .steptable tr.stepborderD td,
body.cat-Step_Guides .steptable tr.stepborderD th,
body.cat-Step_Guides .steptable tr.stepborderJ td,
body.cat-Step_Guides .steptable tr.stepborderJ th,
body.cat-Step_Guides .steptable tr.stepborderSE-D td,
body.cat-Step_Guides .steptable tr.stepborderSE-D th,
body.cat-Step_Guides .steptable tr.stepborderSE-F td,
body.cat-Step_Guides .steptable tr.stepborderSE-F th,
body.cat-Step_Guides .steptable tr.stepborderSE-N td,
body.cat-Step_Guides .steptable tr.stepborderSE-N th {
border-bottom: 1px solid var(--bd-green);
}
body.cat-Step_Guides .steptable tr.stepborderE td,
body.cat-Step_Guides .steptable tr.stepborderE th,
body.cat-Step_Guides .steptable tr.stepborderM td,
body.cat-Step_Guides .steptable tr.stepborderM th,
body.cat-Step_Guides .steptable tr.stepborderSE-G td,
body.cat-Step_Guides .steptable tr.stepborderSE-G th,
body.cat-Step_Guides .steptable tr.stepborderSE-O td,
body.cat-Step_Guides .steptable tr.stepborderSE-O th {
border-bottom: 1px solid var(--bd-chartreuse);
}
body.cat-Step_Guides .steptable tr.stepborderG td,
body.cat-Step_Guides .steptable tr.stepborderG th,
body.cat-Step_Guides .steptable tr.stepborderSE-A td,
body.cat-Step_Guides .steptable tr.stepborderSE-A th,
body.cat-Step_Guides .steptable tr.stepborderSE-K td,
body.cat-Step_Guides .steptable tr.stepborderSE-K th,
body.cat-Step_Guides .steptable tr.stepborderSE-S td,
body.cat-Step_Guides .steptable tr.stepborderSE-S th {
border-bottom: 1px solid var(--bd-yellow);
}
body.cat-Step_Guides .steptable tr.stepborderF td,
body.cat-Step_Guides .steptable tr.stepborderF th,
body.cat-Step_Guides .steptable tr.stepborderN td,
body.cat-Step_Guides .steptable tr.stepborderN th,
body.cat-Step_Guides .steptable tr.stepborderSE-H td,
body.cat-Step_Guides .steptable tr.stepborderSE-H th,
body.cat-Step_Guides .steptable tr.stepborderSE-R td,
body.cat-Step_Guides .steptable tr.stepborderSE-R th {
border-bottom: 1px solid var(--bd-orange);
}
body.cat-Step_Guides .steptable tr.stepborderI td,
body.cat-Step_Guides .steptable tr.stepborderI th,
body.cat-Step_Guides .steptable tr.stepborderL td,
body.cat-Step_Guides .steptable tr.stepborderL th,
body.cat-Step_Guides .steptable tr.stepborderSE-B td,
body.cat-Step_Guides .steptable tr.stepborderSE-B th,
body.cat-Step_Guides .steptable tr.stepborderSE-L td,
body.cat-Step_Guides .steptable tr.stepborderSE-L th,
body.cat-Step_Guides .steptable tr.stepborderSE-Q td,
body.cat-Step_Guides .steptable tr.stepborderSE-Q th {
border-bottom: 1px solid var(--bd-red);
}
/***** Tags *****/
.tag {
height: 1.23em;
border: 1px solid var(--bg-pri);
}
.tag[title="disable"],
.tag.disable {
opacity: 0.3;
}
.tagicon {
float: left;
height: 1.08em;
border-right: 1px solid var(--bg-sec-hd);
}
.tagtext {
float: left;
padding: 0 3px;
line-height: 1.1em;
font-size: 0.9em;
}
.tag span {
font-weight: bold;
}
.tagicon img {
vertical-align: top;
}
/******** Links *********/
a {
color: var(--text-lnk) !important;
text-decoration: none !important;
background-color: transparent !important;
}
a:hover {
color: var(--text-lnk-hov) !important;
}
a:visited,
a[href].external:visited {
color: var(--text-lnk-vis) !important;
}
a:visited:hover,
a[href].external:visited:hover {
color: var(--text-lnk-vis-hov) !important;
}
a[href].external {
color: var(--text-lnk) !important;
text-decoration: none !important;
}
a[href].external:hover {
color: var(--text-lnk-hov) !important;
}
pre, .mw-code {
color: var(--text-dim) !important;
background-color: var(--bg-code);
border-color: var(--bd-mid);
border-radius: 2px;
box-shadow: 0 0 5px var(--bd-code-shd) inset;
}
code {
color: var(--text-dim) !important;
background-color: var(--bg-code);
border-color: var(--bd-mid);
border-radius: 1px;
box-shadow: 0 0 2px var(--bd-code-shd) inset;
}
/************************************************/
/***************** NAVBAR ***********************/
/************************************************/
.ns-special .header,
.ns-0 .header,
.ns-1 .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-125 .header {
background: var(--bg-pri) !important;
}
.ns-3010 .header,
.ns-3011 .header {
padding: 0 !important;
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_classic_sle.png) center 25% no-repeat !important;
}
.ns-3012 .header,
.ns-3013 .header {
padding: 0 !important;
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_classic_sse.png) center 25% no-repeat !important;
}
.ns-3040 .header,
.ns-3041 .header {
padding: 0 !important;
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_classic_nms.png) center 25% no-repeat !important;
}
#p-logo img {
background-image: url(header_classic_logo.png) !important;
}
.header {
padding: 0 !important;
background-color: var(--bg-sec) !important;
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/b_step_classic_skyrimle.png) center 25% no-repeat !important;
}
.header container {
display: block !important;
}
#mw-navigation {
left: auto !important;
width: 1370px !important;
}
.navbar, .p-navbar {
position: relative !important;
background-color: var(--bg-sec) !important;
padding: 0 0 0.1rem 0 !important;
margin: auto !important;
}
.navbar-nav {
padding-left: 0 !important;
margin-bottom: 0 !important;
}
a.navbar-tool-link::before,
a.navbar-more-tools::before,
a.navbar-userloggedin::before,
.p-navbar .navbar-nav .nav-link,
.p-navbar .navbar-nav .nav-link:visited {
color: var(--text-sec) !important;
font-weight: bold;
transition-duration: 400ms;
transition-property: color;
}
a.navbar-tool-link:hover::before,
a.navbar-more-tools:hover::before,
a.navbar-userloggedin:hover::before,
.p-navbar .navbar-nav .nav-link:hover,
.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 {
font-weight: 400 !important;
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-tool-link::before,
a.navbar-more-tools::before,
a.navbar-userloggedin::before {
color: var(--text-sec)
}
/* search bar */
.p-navbar .navbar-form {
padding-right: 0;
}
.p-search {
width: 22rem !important;
box-shadow: none !important;
margin-top: 0.425rem !important;
}
.form-control {
box-shadow: none;
transition: none;
}
.form-control:focus {
color: var(--text-dim);
}
.input-group > .form-control {
background-color: var(--bg-pri-hd);
border: 1px solid var(--bg-pri-hd);
font-size: 0.9rem;
height: 2rem;
line-height: 1.3;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
border-top-left-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
height: 1.8rem;
}
.input-group-append {
height: 1.9rem;
}
.p-search .searchGoButton {
padding: 0.1rem 0.3rem 0 0.2rem !important;
background: var(--bg-pri-hd) !important;
border-color: var(--bg-pri-hd) !important;
border-top-right-radius: 2.5rem !important;
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 {
color: var(--text-sec);
/* padding-right: 0.2rem;*/
}
/************************************************/
/************** MAIN CONTENT ********************/
/************************************************/
body {
background-color: var(--bg-body) !important;
}
body > .content {
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
.mw-body {
padding: 0 1.4rem !important;
}
.content-container {
color: var(--text-pri) !important;
min-width: 380px !important;
max-width: 1370px !important;
position: relative !important;
padding: 0 !important;
margin: auto !important;
}
.body-content-container {
background-color: var(--bg-pri) !important;
color: var(--text-pri) !important;
min-width: 380px !important;
max-width: 1370px !important;
position: relative !important;
padding: 0 !important;
margin: auto !important;
}
#content h1,
#content h2 {
border-bottom: 1px solid var(--bd-pri-emph);
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: var(--text-sec);
}
/************************************************/
/**************** INTERFACE *********************/
/************************************************/
/***** 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;
border-radius: 3px;
font-size: 90%;
}
.toctogglelabel {
color: var(--text-lnk);
}
.tocnumber {
color: var(--text-pri);
}
.toc .toctitle {
padding: 7px 10px 7px 10px;
}
#toc h2 {
font-size: 1.4rem !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;
}
/***** Pop-up/down Menus *****/
.dropdown-menu,
.oo-ui-popupWidget-popup {
background-color: var(--bg-pri) !important;
border-color: var(--bg-pri) !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;
}
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child {
font-weight: 400 !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,
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget:hover {
background: var(--bg-menu-hov) !important;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background: var(--bg-pri-hd) !important;
border-color: var(--bg-pri-hd) !important;
color: var(--text-dim) !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
border-color: var(--bd-pri-emph) !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--bd-pri-emph) !important;
box-shadow: 0 0 5px var(--bd-foc-shd) !important;
}
.mw-rcfilters-ui-datePopupWidget {
border-top: 1px solid var(--bd-dimr1) !important;
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: var(--text-dim) !important;
font-weight: 400 !important;
}
/***** Tables *****/
.wikitable,
.mw-datatable td {
background-color: var(--bg-sec) !important;
color: var(--text-pri) !important;
}
.wikitable > * > tr > th,
.mw-datatable > * > tr > th {
background-color: var(--bg-pri-hd) !important;
border: 1px solid var(--bd-cont-l) !important;
}
.wikitable > tr > td,
.wikitable > * > tr > td,
.mw-datatable > tr > td,
.mw-datatable > * > 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;
border-radius: 3px;
}
.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 { /* top right bubble */
color: var(--text-pri);
background-color: var(--bg-pri-hd);
background-color:var(--bg-menu-hov);
border-color: var(--bd-cont-lr);
}
/***** Diff *****/
table.diff, td.diff-otitle, td.diff-ntitle {
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);
}
.diffchange {
border-radius: 0.1em !important;
}
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);
}
.oo-ui-panelLayout-framed {
border: 1px solid var(--bd-dim);
border-radius: 3px;
}
/***** Page History *****/
#pagehistory li.selected {
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 {
color: var(--edit-red);
}
.mw-plusminus-pos {
color: var(--edit-green);
}
/***** Editor *****/
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section {
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1) !important;
background-color: #cacbcf;
background-image: linear-gradient(to bottom,#cacacf 15px,#AAABAF 40px);
}
.wikiEditor-ui-toolbar .tabs span.tab a {
color: #507A9F !important;
}
.wikiEditor-ui-toolbar .tabs span.tab a:hover {
color: #305A7F !important;
}
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background-color: inherit;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: inherit;
}
textarea {
background-color: var(--bg-sec-hd) !important;
color: var(--text-editor) !important;
border-color: var(--bd-dimr2) !important;
font-family: monospace,monospace !important;
font-size: 13px !important;
}
.editOptions {
background-color: var(--bg-pri-emph);
border-color: var(--bg-pri-emph);
color: var(--text-sec);
}
div#editpage-specialchars a {
background-color: var(--bg-pri-emph);
border-color: var(--bd-dimr2);
}
/***** Forms Fields *****/
.mw-editform-legacy input#wpSummary {
background-color: var(--bg-pri-emph);
color: var(--text-sec);
}
/* large option set dropdowns */
.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(--text-dim) !important;
}
.oo-ui-menuSelectWidget {
background: var(--bg-pri) !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 */
.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);
}
/* text input */
#wpReason,
#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-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border: 1px solid var(--bd-adj-dn) !important;
border-radius: 3px !important;
box-shadow: none !important;
}
#wpReason:hover,
#mw-searchoptions input[name="category"]:hover,
#mw-searchoptions input[name="prefix"]:hover,
.oo-ui-textInputWidget .oo-ui-inputWidget-input:hover,
.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: var(--bg-field-hov) !important;
}
#wpReason:focus,
#mw-searchoptions input[name="category"]:focus,
#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 */
.mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before {
background-color: var(--selected) !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.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.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-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
.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-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate: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;
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
background-color: var(--bg-pri-hd) !important;
border-color: var(--bd-adj-dn) !important;
}
.alert-warning,
.warningbox, div.warning {
color: #654404 !important;
background: #fedb72 linear-gradient(180deg, #ffe583, #fedb72) repeat-x !important;
border-color: #fedb72 !important;
}
/* option sets */
[id*="mw-input-wpExpiry"],
#wpUploadFile,
#wpLicense,
#mw-import-namespace-upload,
#namespace,
#xmlimport {
background-color: var(--bg-pri-hd) !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 */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background: none !important;
}
.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(--bg-pri-hd) !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
background: 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(--bd-pri-emph) !important;
box-shadow: 0 0 5px var(--bd-foc-shd) !important;
}
/***** Buttons *****/
.mw-ui-button,
.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"] {
color: var(--text-pri-emph) !important;
background: var(--btn) !important;
border: 1px solid var(--btn) !important;
border-radius: 3px !important;
}
.mw-ui-button:hover,
.mw-submit input[type="submit"]:hover,
.mw-ui-button.mw-ui-progressive: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: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 {
background-image: var(--btn-hov) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
background-image: var(--btn-hov);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
background-color: #cb4848;
border-color: #cb4848;
color: #eeeeee;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive {
background-color: #cb4848;
border-color: #cb4848;
color: #eeeeee;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive:hover {
background-color: #e04343;
border-color: #e04343;
color: var(--text-contr-l);
}
/* gadgets */
.mw-json tr {
background-color: var(--bg-sec-emph);
margin-bottom: 0.5em;
}
.mw-json th {
background-color: var(--bg-pri-hd);
font-weight: normal;
vertical-align: top;
}
.mw-json th, .mw-json td {
border: 1px solid var(--bg-sec);
font-size: 16px;
padding: 0.5em 1em;
}
.mw-json-value, .mw-json-single-value {
background-color: var(--bg-pri);
font-family: monospace,monospace;
white-space: pre-wrap;
}
.mw-json-empty {
background-color: var(--bg-sec-hd);
font-style: italic;
}
/***** Speacial Pages *****/
/* API Interface Special Page */
.mw-apisandbox-toolbar {
background: var(--bg-pri-hd) !important;
border-bottom: 1px solid var(--bd-dim) !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-dim) !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
border-color: var(--bd-dim) !important;
background-color: transparent !important;
}
.oo-ui-toggleSwitchWidget {
background-color: var(--text-dim) !important;
border: 1px solid var(--bd-widg) !important;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
background-color: var(--text-dim) !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(--text-dim) !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 {
background-color: var(--selected) !important;
border-color: var(--bd-widg) !important;
}
/* Search */
#mw-searchoptions {
color: var(--text-pri);
background-color: var(--bg-sec);
border-color: var(--bg-sec);
border-radius: 3px;
}
#mw-searchoptions .divider {
border-bottom: 1px solid var(--bd-dim);
}
/* User Preferences */
#preferences {
background-color: var(--bg-sec);
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 {
border: none;
}
.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;
border-bottom: none;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget {
color: var(--text-dim);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget:hover {
background: var(--bg-sec);
color: var(--text-dim);
}
.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);
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: #90D090;
font-size: 0.9em;
}
/***** 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;
border-radius: 3px;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--text-pri) !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border: none !important;
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
background-color: var(--bg-sec) !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-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;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--bd-dimr1) !important;
color: var(--text-sec) !important;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--text-contr-l) !important;
}
.mw-rcfilters-ui-menuSelectWidget-noresults {
color: var(--text-pri) !important;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background-color: var(--bg-sec-hd) !important;
border-bottom: 1px solid var(--bd-dimr1) !important;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--bg-sec-hd) !important;
border-top: 1px solid var(--bd-dimr1) !important;
}
/************************************************/
/**************** Extensions ********************/
/************************************************/
/***** MsUpload *****/
#msupload-div {
background: var(--text-dim) !important;
border-top: 1px solid var(--bd-dim) !important;
}
#msupload-dropzone {
border: 1px dashed var(--bd-dim) !important;
height: inherit !important;
}
/***** SMW *****/
.smw-tabs input.nav-tab:checked + label.nav-label {
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"],
#tab-content-maintenance input[type="submit"],
#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,
#tab-content-maintenance input[type="submit"]:hover,
#tab-content-supplement input[type="submit"]:hover {
background-image: var(--btn-hov);
}
/* multi-line text input */
#smw-property-input,
#ask-query-condition,
#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;
}
#smw-jsonview-search,
#smw-value-input,
#sort_div_0 [class="smw-property-input autocomplete-arrow"],
.smw-table-cell [class="parameter-number-input"],
.smw-table-cell [class="parameter-string-input"],
[name="threshold"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border-color: var(--bd-adj-dn) !important;
border-radius: 3px !important;
box-shadow: none !important;
}
#smw-jsonview-search:hover,
#smw-value-input:hover,
.smw-table-cell [class="parameter-number-input"]:hover,
.smw-table-cell [class="parameter-string-input"]:hover,
[name="threshold"]:hover {
background: var(--bg-field-hov) !important;
}
#smw-jsonview-search:focus,
#smw-value-input:focus,
.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 {
color: var(--text-pri);
}
input[name="date"],
#formatSelector,
[name="order_num[]"],
[name="p[headers]"],
[name="p[link]"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border: 1px solid var(--bd-dim) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
input[name="date"] {
background: 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;
}
.smwb-theme-light .smwb-title,
.smw-ask-toplinks {
background-color: var(--bg-pri-emph) !important;
}
.smwb-theme-light .smwb-center,
.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,
.smwb-action-separator,
.smwb-theme-light .smwb-factbox,
.smwb-bottom,
.smwb-theme-light .smwb-ifactbox {
border: none;
}
.smwb-ifactbox .smwb-cell,
.smwb-factbox .smwb-cell {
border-top: 1px solid var(--bd-dimr1);
}
.dropdown-menu {
background-color: var(--bg-pri) !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;
color: var(--text-pri) !important;
}
.dropdown-item:hover {
background: var(--bg-menu-hov) !important;
}
.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,rgba(32,33,35,0),rgba(32,33,35,1) 90%);
}
.smw-tabs section, .smw-tabs .subtab-content {
border-color: var(--bd-dim);
}
.smw-ui-pagination .page-link.link-disabled,
.smw-ui-pagination .page-link {
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: none;
background-image: var(--btn-hov) !important;
}
.smw-callout-info {
background: var(--bg-sec);
border-left: 5px solid #1b809e;
}
.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(--bg-pri-hd);
}
.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(--bg-contrast);
}
.smw-property-page-results .header-title {
color: var(--text-dim) !important;
}
.smw-property-page-results .value-row:hover {
background: var(--bg-menu-hov) !important;
}
.smw-ui-input-filter {
background-color: var(--bg-pri-hd) !important;
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 {
border-left: 1px solid var(--bd-dimr1) !important;
color: var(--text-dim) !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);
}
.usage-count, .item-count {
color: var(--text-pri) !important;
background-color: var(--bg-pri-emph) !important;
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 {
border-top: 2px solid var(--bd-pri-emph);
}
.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(--text-dim);
border: 1px solid var(--bg-pri-emph);
border-radius: 3px;
}
#smw-jsonview-copy-btn:hover,
#smw-jsonview-toggle-btn:hover {
background-color: var(--text-sec);
}
.jsonview .string {
color: var(--edit-green) !important;
}
.skin-chameleon .smw-indicator-vertical-bar-loader {
margin-top: 0;
}
/***** Replace Text *****/
#powersearch input[type="submit"],
.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-replacetext-invert:hover {
background-image: var(--btn-hov) !important;
}
/***** Check User *****/
#checktarget,
#checkreason,
#mw-checkuser-cidr-res,
#mw-input-cuSearch {
background-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border-color: var(--bd-adj-dn) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
#year,
#month {
background-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border: 1px solid var(--bd-dim) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
#checktarget:hover,
#checkreason:hover,
#mw-checkuser-cidr-res:hover,
#mw-input-cuSearch:hover {
background: var(--bg-field-hov) !important;
}
#checktarget:focus,
#checkreason:focus,
#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-htmlform-submit {
color: var(--text-pri-emph);
background-color: var(--btn);
border-color: var(--btn);
border-radius: 3px;
}
#checkusersubmit:hover,
.mw-htmlform-submit:hover {
background-image: var(--btn-hov);
}
#checkuserform #period {
background-color: var(--bg-pri-hd) !important;
color: var(--text-sec) !important;
border: 1px solid var(--bd-dim) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
/***** Page Forms *****/
/* multiple instance */
.multipleTemplateInstance {
background-color: var(--bg-pri-emph) !important;
border: 1px solid var(--bg-pri-emph) !important;
}
/* option sets */
.multipleTemplateInstance [id*="input"],
#semantic_property_aggregation,
#semantic_property_1,
#form_dropdown,
#formSelector,
#category_dropdown,
#sectionname,
p [name="new_template"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-pri) !important;
border: 1px solid var(--bd-dim) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
/* form input */
.multipleTemplateInstance [id*="input"][size*="0"],
#pfForm input#wpSummary,
#wpSummary,
p [name="template_name"],
p [name="category"],
p [name="name_1"],
p [name="label_1"],
p [name="aggregation_label"],
#sectionname,
p [name="form_name"],
p [name="page_name"],
p [name="category_name"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-pri) !important;
border-color: var(--bd-adj-dn) !important;
border-radius: 3px !important;
box-shadow: none !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_1"]:hover,
p [name="label_1"]:hover,
p [name="aggregation_label"]:hover,
#sectionname:hover,
p [name="form_name"]:hover,
p [name="page_name"]:hover,
p [name="category_name"]:hover {
background: var(--bg-field-hov) !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_1"]:focus,
p [name="label_1"]: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 */
p [type="button"],
td [type="button"] {
color: var(--text-pri-emph) !important;
background: var(--btn) !important;
border: 1px solid var(--btn) !important;
border-radius: 3px !important;
}
p [type="button"]:hover,
td [type="button"]:hover {
background-image: var(--btn-hov) !important;
}
/* misc */
.fieldBox {
border: 1px var(--bd-dim) solid !important;
background: var(--bg-sec) !important;
}
div.popupform-container {
background-color: #252320 !important;
border: 2px solid var(--text-contr-d) !important;
}
/***** Page Forms - STEP *****/
#mod textarea[id*="input"],
#mod textarea[id*="input"]:hover,
#mod 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 */
#systemspecs [id*="input"],
.pfFormInput select[name="namespace"],
#mod [id*="input"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-pri) !important;
border: 1px solid var(--bd-dim) !important;
border-radius: 2px !important;
box-shadow: none !important;
}
/* form input */
#systemspecs [id*="input"][size="35"],
input[name*="INITOC"],
#mod [id*="input"][size*="0"] {
background-color: var(--bg-pri-hd) !important;
color: var(--text-pri) !important;
border-color: var(--bd-adj-dn) !important;
border-radius: 3px !important;
box-shadow: none !important;
}
#systemspecs [id*="input"][size="35"]:hover,
input[name*="INITOC"]:hover,
#mod [id*="input"][size*="0"]:hover {
background: var(--bg-field-hov) !important;
}
#systemspecs [id*="input"][size="35"]:focus,
input[name*="INITOC"]:focus,
#mod [id*="input"][size*="0"]:focus {
box-shadow: 0 0 5px var(--bd-foc-shd) !important;
border-color: var(--bd-pri-emph) !important;
}
/* forms */
.formtip {
color: #90D090 !important;
font-size: 0.9em !important;
}
.formheading {
color: #9D7F53 !important;
margin: 0.5em 0 0 0 !important;
}
/***** CodeMirror *****/
.CodeMirror pre {
background-color: var(--bg-pri-hd) !important;
border: 1px dashed #404043 !important;
border-radius: 0 !important;
box-shadow: 0 0 3px var(--bg-contrast) inset !important;
}
[class*="cm-mw-parserfunction"] {
color: var(--edit-red) !important;
}
[class*="cm-mw-templatevariable"] {
color: var(--edit-yellow) !important;
font-weight: bold !important;
}
[class*="cm-mw-htmltag"] {
color: var(--edit-green) !important;
}
[class*="cm-mw-exttag"] {
color: var(--edit-chartreuse) !important;
}
.cm-mw-doubleUnderscore {
background-color: var(--bg-contrast) !important;
}
[class*="cm-mw-link"] {
color: var(--edit-blue) !important;
}
[class*="cm-mw-template"] {
color: var(--edit-purple) !important;
}
.cm-s-default .cm-error {
background-color: #C04040 !important;
color: var(--text-contr-d) !important;
}
[class*="cm-mw-table"] {
color: var(--edit-magenta) !important;
}
/* light skin only */
/*.hljs-comment, .hljs-quote {
color: var(--edit-green);
font-style: italic;
}
.hljs-built_in, .hljs-type {
color: var(--edit-chartreuse);
}
.hljs-string, .hljs-meta-string {
color: var(--edit-orange);
}
.hljs-number, .hljs-class {
color: var(--edit-magenta);
}
.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name {
color: var(--edit-blue);
}
.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula {
color: var(--edit-purple);
}
.hljs-regexp, .hljs-template-tag {
color: var(--edit-red);
}*/
/***** HeaderTabs *****/
#headertabs.large.ui-widget-content,
.ui-widget-content {
background-color: var(--bg-sec);
color: var(--text-pri) !important;
border: none;
}
.ui-widget-header {
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 {
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;
font-weight: bold;
}
.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);
font-weight: bold;
}
.ui-tabs .ui-tabs-nav li a {
color: var(--text-dim) !important;
}
.ui-tabs .ui-tabs-nav li a:hover {
color: var(--text-dim) !important;
background-color: var(--bg-sec) !important;;
}