MediaWiki:Gadget-StepDark.css: Difference between revisions
From Step Mods | Change The Game
mNo edit summary |
mNo edit summary |
||
Line 5: | Line 5: | ||
--bg-pri-emph: #1d1d1f; | --bg-pri-emph: #1d1d1f; | ||
--bg-sec-emph: #222226; | --bg-sec-emph: #222226; | ||
--bg- | --bg-cont: #070709; | ||
--bg-pri-hd: var(--bg-body); | --bg-pri-hd: var(--bg-body); | ||
--bg-sec-hd: var(--bg-sec-emph); | --bg-sec-hd: var(--bg-sec-emph); | ||
Line 25: | Line 25: | ||
--bg-checkbx: var(--bg-body); | --bg-checkbx: var(--bg-body); | ||
--bg-pref: var(--bg-sec); | --bg-pref: var(--bg-sec); | ||
--bg-msup: # | --bg-msup: #999; | ||
--bg-search: var(--bg-body); | --bg-search: var(--bg-body); | ||
Line 33: | Line 33: | ||
--bd-cont-lr: #38b008; | --bd-cont-lr: #38b008; | ||
--bd-mid: #464649; | --bd-mid: #464649; | ||
--bd-widg: # | --bd-widg: #555; | ||
--bd-dims: # | --bd-dims: #666; | ||
--bd-dimr2: # | --bd-dimr2: #777; | ||
--bd-dimr1: # | --bd-dimr1: #888; | ||
--bd-dim: # | --bd-dim: #aaa; | ||
--bd-adj-dn: rgba(0,0,0,0.2); | --bd-adj-dn: rgba(0,0,0,0.2); | ||
--bd-pri-emph: #6d9d98; | --bd-pri-emph: #6d9d98; | ||
--bd-pri-emph-shd: rgba(235,235,255,0.065); | --bd-pri-emph-shd: rgba(235,235,255,0.065); | ||
--bd-foc-shd: rgba(128,209,196,0.6); | --bd-foc-shd: rgba(128,209,196,0.6); | ||
--bd-emph-shd: rgba(235,235,255,0.15); | --bd-emph-shd: rgba(235,235,255,0.15); | ||
--bd-code-shd: #161619; | --bd-code-shd: #161619; | ||
--bd-dpdn-shd: rgba(235,235,255,0.065); | --bd-dpdn-shd: rgba(235,235,255,0.065); | ||
Line 48: | Line 48: | ||
--bd-hdtab: var(--bd-dimr1); | --bd-hdtab: var(--bd-dimr1); | ||
--text-pri: # | --text-pri: #aaa; | ||
--text-sec: # | --text-sec: #bbb; | ||
--text-pri-emph: # | --text-pri-emph: #ddd; | ||
--text-dim: # | --text-dim: #999; | ||
--text-editor: #68c878; | --text-editor: #68c878; | ||
--text-contr-l: # | --text-contr-l: #eee; | ||
--text-contr-d: # | --text-contr-d: #000; | ||
--text-diffch-add: #50d080; | --text-diffch-add: #50d080; | ||
--text-diffch-del: #80d050; | --text-diffch-del: #80d050; | ||
--text-lnk: #689aae; | --text-lnk: #689aae; | ||
--text-lnk-hov: #80d1c4; | |||
--text-lnk-vis: #586a7e; | --text-lnk-vis: #586a7e; | ||
--text-lnk-vis-hov: #70a194; | --text-lnk-vis-hov: #70a194; | ||
--text-lnk-bt: #88bace; | |||
--text-lnk-hov-bt: #a0f1e4; | |||
--text-lnk-vis-bt: #788a9e; | |||
--text-lnk-vis-hov-bt: #90c1b4; | |||
--btn: #38688f; | --btn: #38688f; | ||
Line 68: | Line 72: | ||
--selected: var(--bd-pri-emph); | --selected: var(--bd-pri-emph); | ||
--clr- | --clr-magent: #ce56bf; | ||
--clr-purple: #a07fdf; | --clr-purple: #a07fdf; | ||
--clr-blue: #5c8dd7; | --clr-blue: #5c8dd7; | ||
--clr-green: #43a86b; | --clr-green: #43a86b; | ||
--clr- | --clr-chartr: #96a13f; | ||
--clr-yellow: #d6b026; | --clr-yellow: #d6b026; | ||
--clr-salmon: #d0a08f; | --clr-salmon: #d0a08f; | ||
Line 78: | Line 82: | ||
--clr-red: #e6716a; | --clr-red: #e6716a; | ||
--clr-mute- | --clr-mute-magent: #ce56bf50; | ||
--clr-mute-purple: | --clr-mute-purple: #a07fdf50; | ||
--clr-mute-blue: | --clr-mute-blue: #5c8dd750; | ||
--clr-mute-green: | --clr-mute-green: #43a86b50; | ||
--clr-mute- | --clr-mute-chartr: #96a13f50; | ||
--clr-mute-yellow: | --clr-mute-yellow: #d6b02650; | ||
--clr-mute-salmon: | --clr-mute-salmon: #d0a08f50; | ||
--clr-mute-orange: | --clr-mute-orange: #e78f4f50; | ||
--clr-mute-red: | --clr-mute-red: #e6716a50; | ||
} | } | ||
/***************** BEGIN VARIAVLE CSS ***********************/ | /***************** BEGIN VARIAVLE CSS ***********************/ | ||
#p-logo img { | #p-logo img { | ||
background-image: url(header_dark_logo.png) !important; | background-image: url(/_wikidev/skins/step/images/header_dark_logo.png) !important; | ||
} | } | ||
Line 97: | Line 101: | ||
.ns-3011 .header { | .ns-3011 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_sle. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_sle.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 103: | Line 107: | ||
.ns-3013 .header { | .ns-3013 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_sse. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_sse.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 109: | Line 113: | ||
.ns-3015 .header { | .ns-3015 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_svr. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_svr.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 115: | Line 119: | ||
.ns-3017 .header { | .ns-3017 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_mor. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_mor.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 121: | Line 125: | ||
.ns-3019 .header { | .ns-3019 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_obl. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_obl.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 127: | Line 131: | ||
.ns-3021 .header { | .ns-3021 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_ft3. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ft3.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 133: | Line 137: | ||
.ns-3023 .header { | .ns-3023 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_ft4. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ft4.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 139: | Line 143: | ||
.ns-3025 .header { | .ns-3025 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_ftv. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_ftv.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 145: | Line 149: | ||
.ns-3027 .header { | .ns-3027 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_mob. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_mob.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 151: | Line 155: | ||
.ns-3029 .header { | .ns-3029 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_bys. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_bys.jpg) center 25% no-repeat !important; | ||
} | } | ||
Line 157: | Line 161: | ||
.ns-3031 .header { | .ns-3031 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/header_dark_skw. | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_skw.jpg) center 25% no-repeat !important; | ||
} | |||
.ns-3032 .header, | |||
.ns-3033 .header { | |||
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_dark_skb.jpg) center 25% no-repeat !important; | |||
} | } | ||
Line 163: | Line 173: | ||
.ns-3041 .header { | .ns-3041 .header { | ||
padding: 0 !important; | padding: 0 !important; | ||
background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/ | background: linear-gradient(2deg, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.4)), url(/_wikidev/skins/step/images/header_dark_nms.jpg) center 25% no-repeat !important; | ||
} | } | ||
/***************** END VARIAVLE CSS ***********************/ | /***************** END VARIAVLE CSS ***********************/ | ||
/***** Color Classes *****/ | |||
.hltxt { | |||
color: var(--text-pri-emph) !important; | |||
} | |||
.dimtxt { | |||
color: var(--text-dim) !important; | |||
} | |||
. | .neutbd { | ||
border-color: var(--bd-dim) !important; | |||
border- | |||
} | } | ||
. | .magenttx { | ||
color: var(--clr-magent) !important; | |||
} | } | ||
.magentbg { | |||
background-color: var(--clr-mute-magent) !important; | |||
} | } | ||
.magentbd { | |||
. | border-color: var(--clr-magent) !important; | ||
} | |||
.purpletx { | |||
color: var(--clr-purple) !important; | |||
} | } | ||
. | .purplebg { | ||
background-color: var(--clr-mute-purple) !important; | |||
} | } | ||
. | .purplebd { | ||
border-color: var(--clr-purple) !important; | |||
} | } | ||
. | .bluetx { | ||
color: var(--clr-blue) !important; | |||
} | } | ||
. | .bluebg { | ||
background-color: var(-- | background-color: var(--clr-mute-blue) !important; | ||
} | } | ||
. | .bluebd { | ||
border: | border-color: var(--clr-blue) !important; | ||
} | |||
.greentx { | |||
color: var(--clr-green) !important; | |||
} | } | ||
. | .greenbg { | ||
background-color: var(-- | background-color: var(--clr-mute-green) !important; | ||
} | } | ||
.greenbd { | |||
border-color: var(--clr-green) !important; | |||
} | |||
} | |||
.chartrtx { | |||
. | color: var(--clr-chartr) !important; | ||
} | } | ||
. | .chartrbg { | ||
background-color: var(--clr-mute-chartr) !important; | |||
} | } | ||
.chartrbd { | |||
border | border-color: var(--clr-chartr) !important; | ||
} | } | ||
.yellowtx { | |||
color: var(--clr-yellow) !important; | |||
} | |||
.yellowbg { | |||
background-color: var(--clr-mute-yellow) !important; | |||
} | } | ||
.yellowbd { | |||
border-color: var(--clr-yellow) !important; | |||
} | } | ||
. | .salmontx { | ||
color: var(--clr-salmon) !important; | |||
} | } | ||
.salmonbg { | |||
. | background-color: var(--clr-mute-salmon) !important; | ||
} | } | ||
. | .salmonbd { | ||
color: var(-- | border-color: var(--clr-salmon) !important; | ||
} | } | ||
. | .orangetx { | ||
color: var(--clr-orange) !important; | |||
} | } | ||
. | .orangebg { | ||
background-color: var(--clr-mute-orange) !important; | |||
} | } | ||
.orangebd { | |||
border-color: var(--clr-orange) !important; | |||
} | } | ||
.redtx { | |||
color: var(--clr-red) !important; | |||
} | } | ||
.redbg { | |||
background-color: var(--clr-mute-red) !important; | |||
} | } | ||
.redbd { | |||
border- | border-color: var(--clr-red) !important; | ||
} | } | ||
/************************************************/ | |||
/****************** STEP ***********************/ | |||
/************************************************/ | |||
/***** Custom Previous Recommendations *****/ | |||
.recommendation-tables { | |||
display: flex; | |||
} | } | ||
.listtable { | |||
margin: 1em 0 1em 1em; | |||
} | } | ||
body. | /*.listtable .mw-prefixindex-body { | ||
columns: 22em; | |||
color: var(-- | }*/ | ||
.listtable ul { | |||
width: | position: relative; | ||
text-align: | 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 { | |||
text-align: center; | |||
font-weight: bold; | |||
display: block; | |||
border: 1px solid var(--bd-dims); | |||
border-bottom: 0; | |||
width: 48%; | |||
} | } | ||
.listtable ul:before { | |||
content: 'Existing Version'; | |||
background-color: | 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 { | |||
content: 'Recommendations'; | |||
text-align: left; | text-align: left; | ||
background-color: var(--bg-wikitab-th); | |||
background-color: var(--bg- | border: 1px solid var(--bd-cont-l); | ||
padding: 0.2em 0 0.2em 0.08em; | |||
position: absolute; | |||
top: 0; | |||
left: 48%; | |||
} | } | ||
.listtable li { | |||
text-align: left; | |||
padding: 0.21em 0.4em; | |||
border | width: 48%; | ||
float: left; | |||
border: 1px solid var(--bd-dims); | |||
border-top: none; | |||
margin-bottom: -1px; | |||
} | } | ||
.listtable li:nth-child(even) { | |||
margin-left: -1px; | |||
} | |||
border | /***** Custom Mod Version Recommendations *****/ | ||
.custom-recommendations { | |||
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, | |||
.custom-recommendations p { | |||
margin: 0; | |||
} | } | ||
.custom-recommendations .pfFormInputWrapper { | |||
margin-top: 0; | |||
} | } | ||
/***** Form:Mod Instances *****/ | |||
.pfPageWithNamespace .oo-ui-textInputWidget { | |||
width: | width: 30em; | ||
} | } | ||
div.pfNamespaceDropdown { | |||
max-width: 10em; | |||
} | } | ||
.pfPageWithNamespace.oo-ui-layout.oo-ui-horizontalLayout { | |||
margin: 0; | |||
} | } | ||
.page-STEP_Main .oo-ui-horizontalLayout > .oo-ui-widget { | |||
margin-bottom: 0; | |||
width: | } | ||
.editButtons oo-ui-inputWidget-input oo-ui-buttonElement-button { | |||
width: auto; | |||
} | } | ||
/***** STEP Portal *****/ | |||
.page-STEP_Main .modform .oo-ui-textInputWidget .oo-ui-inputWidget-input { | |||
width: | width: 30em; | ||
} | } | ||
.page-STEP_Main .modform div.pfFormInputWrapper { | |||
margin: 1em 0; | |||
} | } | ||
.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 { | |||
margin: | float: right; | ||
margin-right: 33.3em; | |||
} | } | ||
.page-STEP_Main .modform .oo-ui-inputWidget-input.oo-ui-buttonElement-button { | |||
width: auto; | |||
} | } | ||
.page-STEP_Main .oo-ui-buttonElement > .oo-ui-buttonElement-button { | |||
min-height: auto; | |||
} | } | ||
.page-STEP_Main .guideVersion div.pfFormInputWrapper { | |||
margin-top: 0; | |||
} | } | ||
.page-STEP_Main .guideVersion .pfFormInput p { | |||
margin: 0.3em; | |||
} | } | ||
.page-STEP_Main .guideVersion .rightcoltext { | |||
padding: 0 1em; | |||
} | } | ||
.page-STEP_Main .pfPageWithNamespace .oo-ui-textInputWidget, | |||
.page-STEP_Main .oo-ui-textInputWidget .oo-ui-inputWidget-input { | |||
width: 10em; | |||
} | |||
.page-STEP_Main .oo-ui-inputWidget-input.oo-ui-buttonElement-button { | |||
width: 7.15em; | |||
} | } | ||
.page-STEP_Main .editButtons [id*="wp"] { | |||
width: auto; | |||
} | } | ||
.page-STEP_Main div.pfNamespaceDropdown { | |||
width: 10em; | |||
max-width: 10em; | |||
} | } | ||
/***** | /***** Template:Alert (AlertSmall) *****/ | ||
. | .stepalert { | ||
box-shadow: 0 0 15px -2px var(--bg-cont); | |||
border: | border: 2px solid var(--bd-dim); | ||
border-collapse: separate; | |||
border-radius: 5px; | |||
margin: 1em auto; | |||
padding: 0.6em; | |||
} | } | ||
. | .stepalert td { | ||
vertical-align: top !important; | |||
text-align: left !important; | |||
border: none !important; | |||
padding: 0 !important; | |||
} | } | ||
. | .stepalert th { | ||
font-weight: bolder; | |||
font-size: larger; | |||
border- | padding: 0 0.25em 0 0 !important; | ||
text-align: left !important; | |||
border: none !important; | |||
background-color: transparent !important; | |||
} | } | ||
. | .stepalert th:first-child { | ||
width: 1em; | |||
border: none !important; | |||
vertical-align: top !important; | |||
} | |||
.stepalert li{ | |||
list-style-image:none; | |||
} | } | ||
. | .stepalert a { | ||
color: var(--text-lnk-bt) !important; | |||
} | } | ||
. | .stepalert a:hover { | ||
color: var(--text-lnk-hov-bt) !important; | |||
} | } | ||
.stepalert a:visited { | |||
a { | color: var(--text-lnk-vis-bt) !important; | ||
} | } | ||
a:hover { | .stepalert a:visited:hover { | ||
color: var(--text-lnk-vis-hov-bt) !important; | |||
} | } | ||
.stepalertsm ol:last-child, | |||
.stepalert ol:last-child, | |||
.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 { | |||
border-left: none !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 { | |||
text-align: left !important; | |||
border-left: none !important; | |||
border-right: none !important; | |||
padding: 0.25em !important; | |||
} | } | ||
ol + p + table.stepalertsm, | |||
ul + p + table.stepalertsm, | |||
dl + p + table.stepalertsm { | |||
margin-top: -2.5em; | |||
} | } | ||
/***** | .stepalertsm th { | ||
padding: 0.1em 0.1em 0.25em 0.25em !important; | |||
color: var(--text- | font-size: large; | ||
background- | white-space: nowrap; | ||
border-color: var(-- | text-align: left !important; | ||
border: none !important; | |||
background-color: transparent !important; | |||
} | |||
/***** Template:SystemSpecs *****/ | |||
.systemspecs { | |||
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) *****/ | |||
.infobox { | |||
background: var(--bg-sec-hd); | |||
box-shadow:0 0 5px 1px var(--bd-emph-shd); | |||
border-color: var(--bg-sec-hd); | |||
border-radius: 2px; | border-radius: 2px; | ||
color: inherit; | |||
} | } | ||
/***** Template:Mod *****/ | |||
.modheading { | |||
background | width: 100%; | ||
background: var(--bg-sec-hd); | |||
border-radius: | box-shadow:0 0 3px 1px var(--bd-emph-shd); | ||
border-radius: 2px; | |||
} | } | ||
.modheading h1 { | |||
color: var(--clr-orange); | |||
margin: 0.2em 0.5em 0 0.5em; | |||
border-width: 2px !important; | |||
. | padding: 0.2em 0 0 0; | ||
. | |||
} | } | ||
. | .modheading p { | ||
margin: 0 0 0.6em 0; | |||
padding-bottom: 0.25em; | |||
} | } | ||
.modsubheading { | |||
color: var(--text-dim); | |||
margin: 0 0 0 1.4em; | |||
font-size: 0.9em; | |||
} | } | ||
. | .modbox { | ||
background-color: var(--bg-sec-hd); | |||
background-color: var(--bg-sec) | box-shadow:0 0 5px 1px var(--bd-emph-shd); | ||
border-radius: 2px; | |||
float: right; | |||
margin-top: 0.5em; | |||
} | |||
.infobox tr, | |||
.modbox tr { | |||
line-height: 1.2em;; | |||
} | } | ||
. | .infobox .infoattr, | ||
padding-left: | .modbox .infoattr { | ||
color: var(--text-dim); | |||
padding-right: 0.1em; | |||
padding-left: 1em; | |||
padding-bottom: 0.3em; | |||
float: right; | |||
} | } | ||
.infobox .infovalue, | |||
.modbox .infovalue { | |||
padding-left: 0.1em; | |||
padding-right: 1em; | |||
. | padding-bottom: 0.3em; | ||
} | } | ||
.infosec { | |||
border-top: 1px solid var(--bd-pri-emph); | |||
margin: 0.5em 1em; | |||
} | } | ||
. | /***** STEP Core Pages *****/ | ||
font- | .pageHeader { | ||
color: var(-- | 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 { | |||
background-color: var(--bg-pri-hd); | |||
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 { | ||
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; | color: var(--text-pri) !important; | ||
border-radius: 2px; | |||
margin: 0; | |||
padding:0.3em 1em; | |||
} | } | ||
.guideVersion { | |||
border-bottom: 1px solid var(--bd-dims); | |||
border-top: 1px solid var(--bd-dims); | |||
} | } | ||
/* | /***** MP Game Tiles *****/ | ||
.p | .gametiles p img { | ||
margin: 0.15em; | |||
border-radius: 3px; | |||
border: 1px solid var(--bd-dims); | |||
} | } | ||
. | /***** Template:CategoryModList*****/ | ||
width: | .categorymodlist { | ||
box-shadow: | 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 { | |||
font-size: 0.9rem; | |||
} | } | ||
. | .modnamehd { | ||
color: var(--clr-orange); | |||
font-family: 'Montserrat', sans-serif; | |||
font-size: 1.1rem; | |||
padding-bottom: 0.1em; | |||
} | } | ||
. | .categorymodlist .dimtext { | ||
color: var(--text-dim); | color: var(--text-dim); | ||
} | } | ||
[class*="ModGroup"] [class*="smw-concept"] { | |||
display: none; | |||
} | } | ||
. | /***** FOMOD Template *****/ | ||
border | table.fomod, | ||
border- | .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, | ||
ul + p + table.fomod, | |||
dl + p + table.fomod { | |||
margin-top: -2.5em; | |||
} | } | ||
. | table.fomod td, | ||
padding: 0. | .fomod td { | ||
padding: 0.5em 1em !important; | |||
} | } | ||
. | table.fomod ul, | ||
.fomod ul { | |||
list-style: none !important; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
table.fomod li, | |||
.fomod li { | |||
background-color: var(--bg-pri); | |||
border-color: var(--bd-adj-dn); | |||
border-radius: 3px; | |||
background-color: var(--bg- | display: inline-grid; | ||
font-weight: bold; | |||
padding: 0.5em; | |||
} | } | ||
table.fomod li li, | |||
display: | .fomod li li { | ||
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, | ||
padding: 0 | .fomod li li li { | ||
border: 0; | |||
font-style: normal; | |||
padding: 0; | |||
} | } | ||
. | table.fomod li li li li, | ||
color: var(-- | .fomod li li li li { | ||
background-color: var(--btn); | |||
border-color: var(--btn); | |||
border-radius: 3px; | |||
color: var(--text-pri-emph); | |||
margin: | float: right; | ||
margin-top: 1.25em; | |||
padding: 0 0.4em; | |||
} | } | ||
. | table.fomod ol, | ||
.fomod ol { | |||
list-style: none; | |||
margin: 0; | |||
padding: 0; | |||
padding: 0 | |||
} | } | ||
table.fomod li li ol li ol li, | |||
.fomod li li ol li ol li { | |||
border- | background-color: inherit; | ||
border-color: inherit; | |||
border-radius: inherit; | |||
color: inherit; | |||
float: inherit; | |||
margin-top: inherit; | |||
padding: inherit; | |||
} | } | ||
/***** GallerySimple Template *****/ | |||
.gallery { | |||
display:inline-grid; | |||
padding:1em; | |||
} | } | ||
.gallery > div.tright { | |||
margin: 0; | |||
} | |||
div.thumbinner { | |||
. | border: 1px solid transparent; | ||
background-color: transparent; | |||
border: 1px solid | padding: 0; | ||
} | } | ||
. | html .thumbimage { | ||
color: | background-color: transparent; | ||
border: 1px solid transparent; | |||
} | } | ||
. | html .thumbcaption { | ||
padding: 0.25em; | |||
font-size: 0.8rem; | |||
} | } | ||
. | .thumbinner[style]{ | ||
width: max-content !important; | |||
} | } | ||
/***** PageHeader Template *****/ | |||
.pagetitle { | |||
display: table; | |||
width: 100%; | |||
border-bottom: 1px solid var(--bd-pri-emph); | |||
margin-bottom: 1.5em; | |||
} | } | ||
.pagetitle .pagetitle-title { | |||
. | color: var(--text-sec); | ||
font-family: 'Montserrat', sans-serif; | |||
font-size: 1.6rem; | |||
padding-top: 0.3em; | |||
} | } | ||
.pagetitle .pagetitle-subtitle { | |||
. | font-size: 1.2rem; | ||
. | padding-left: 0.2em; | ||
line-height: 1.2em; | |||
} | } | ||
. | .pagetitle .pagetitle-extra { | ||
font-size: 1rem; | |||
padding-left: 0.2em; | |||
line-height: 1.2em; | |||
} | } | ||
. | /***** Sidebox Template *****/ | ||
.sideBox { | |||
font-size: 0.95em; | |||
border: 1px solid var(--bd-adj-dn); | |||
background: | overflow: hidden; | ||
border-radius: 5px; | |||
box-shadow: 0px 0px 20px 20px var(--bd-adj-dn) inset; | |||
padding: 10px; | |||
background: transparent; | |||
margin: 10px 30px; | |||
} | } | ||
. | .sideBoxHeader { | ||
color: var(--clr-orange); | |||
font-size: 1.25em; | |||
} | } | ||
. | /***** 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 { | ||
border- | 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: | background-color: transparent; | ||
width: 100%; | |||
font-size: 0.9em; | |||
line-height: 1.6em; | |||
} | } | ||
. | body.cat-Step_Guides .steptable th { | ||
background-color: var(--bg- | background-color: var(--bg-sec-hd); | ||
border: 1px solid var(-- | border-bottom: 1px solid var(--bd-dims); | ||
border-left: 1px solid var(--bd-mid); | |||
padding: 0.5rem 0.5rem; | |||
text-align: center; | |||
vertical-align: middle; | |||
} | } | ||
. | body.cat-Step_Guides .steptable td { | ||
. | padding: 0.1rem 0.5rem; | ||
text-align: center; | |||
vertical-align: middle; | |||
border-left: 1px solid var(--bd-dims); | |||
border- | |||
} | } | ||
body.cat-Step_Guides .steptable th.first, | |||
border: | body.cat-Step_Guides .steptable th.second { | ||
background-color: var(--bg- | border-left: none; | ||
width: 0.25rem; | |||
padding: 0; | |||
background-color: var(--bg-sec-hd); | |||
} | } | ||
body.cat-Step_Guides .steptable th.core { | |||
border-left: none; | |||
width: 0.25rem; | |||
padding: 0; | |||
background-color: var(--clr-chartr); | |||
} | } | ||
body.cat-Step_Guides .steptable th.landw { | |||
border-left: none; | |||
background-color: var(-- | width: 0.25rem; | ||
padding: 0; | |||
background-color: var(--clr-red); | |||
} | } | ||
td. | body.cat-Step_Guides .steptable th.modname, | ||
body.cat-Step_Guides .steptable td.modname { | |||
border-left: none; | |||
text-align: left; | |||
width: 32%; | |||
} | } | ||
body.cat-Step_Guides .steptable th.baseline, | |||
body.cat-Step_Guides .steptable td.baseline { | |||
width: 8%; | |||
} | } | ||
. | /*body.cat-Step_Guides .steptable th.quality, | ||
body.cat-Step_Guides .steptable td.quality { | |||
width: 5.3rem; | |||
} | } | ||
body.cat-Step_Guides .steptable th.dlc, | |||
body.cat-Step_Guides .steptable td.dlc { | |||
width: 4%; | |||
} | }*/ | ||
body.cat-Step_Guides .steptable th.notes, | |||
body.cat-Step_Guides .steptable td.notes { | |||
text-align: left; | |||
} | } | ||
. | body.cat-Step_Guides .steptable td.dlc img { | ||
margin: 0 0.2rem; | |||
} | } | ||
body.cat-Step_Guides .steptable .detailed { | |||
text-align: left; | |||
padding: 0.5em 1.5em; | |||
background-color: var(--bg-sec); | |||
color: var(-- | font-size: 0.98em; | ||
} | } | ||
. | body.cat-Step_Guides .steptable .fomod td { | ||
text-align: left; | |||
border: none; | |||
} | } | ||
. | body.cat-Step_Guides .steptablerow03-Resources, | ||
body.cat-Step_Guides .steptablerow10-Gameplay-General { | |||
border-bottom: 1px solid var(--clr-mute-purple); | |||
} | } | ||
body.cat-Step_Guides .steptablerow09-Fixes, | |||
. | body.cat-Step_Guides .steptablerow16-Interface { | ||
. | border-bottom: 1px solid var(--clr-mute-magent); | ||
} | } | ||
. | body.cat-Step_Guides .steptablerow05-Animations.\&.Effects, | ||
body.cat-Step_Guides .steptablerow13-Gameplay-Immersion { | |||
border-bottom: 1px solid var(--clr-mute-blue); | |||
} | } | ||
. | body.cat-Step_Guides .steptablerow04-Foundation, | ||
body.cat-Step_Guides .steptablerow06-Models.\&.Textures, | |||
body.cat-Step_Guides .steptablerow14-Gameplay-Quests { | |||
border-bottom: 1px solid var(--clr-mute-green); | |||
} | } | ||
. | body.cat-Step_Guides .steptablerow07-Sounds.\&.Music, | ||
body.cat-Step_Guides .steptablerow15-Gameplay-Skills.\&.Perks { | |||
border-bottom: 1px solid var(--clr-mute-chartr); | |||
} | } | ||
. | body.cat-Step_Guides .steptablerow01-Tools, | ||
. | body.cat-Step_Guides .steptablerow11-Gameplay-AI.\&.Combat, | ||
body.cat-Step_Guides .steptablerow19-Utilities, | |||
body.cat-Step_Guides .steptablerow20-Patches { | |||
border-bottom: 1px solid var(--clr-mute-yellow); | |||
} | } | ||
body.cat-Step_Guides .steptablerow08-Character.Appearance, | |||
body.cat-Step_Guides .steptablerow18-Lighting.\&.Weather { | |||
border-bottom: 1px solid var(--clr-mute-orange); | |||
border- | |||
} | } | ||
. | body.cat-Step_Guides .steptablerow02-Extenders, | ||
body.cat-Step_Guides .steptablerow12-Gameplay-Economy, | |||
border- | body.cat-Step_Guides .steptablerow17-Locations { | ||
border-bottom: 1px solid var(--clr-mute-red); | |||
} | } | ||
/***** Tags *****/ | |||
.tag { | |||
border | 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.3em; | |||
font-size: 0.85em !important; | |||
margin: auto; | |||
} | } | ||
. | .tag span { | ||
font-weight: bold; | |||
} | } | ||
/* | .tagicon img { | ||
vertical-align: top; | |||
} | |||
background-color: | |||
/******** Links *********/ | |||
color: var(--text- | 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; | |||
. | |||
color: var(--text- | |||
} | } | ||
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; | |||
} | } | ||
. | /***** Lists *****/ | ||
. | .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); | |||
} | } | ||
. | /***** Code *****/ | ||
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; | |||
border-color: var(--bd- | background-color: var(--bg-code); | ||
box-shadow: 0 0 | 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-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 { | ||
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; | |||
background: | 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; | |||
color: var(--text- | |||
} | } | ||
. | .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-field); | |||
border: 1px solid var(--bg-field); | |||
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- | border-bottom-left-radius: 2.5rem; | ||
height: 1.8rem; | |||
} | } | ||
.input-group-append { | |||
. | height: 1.9rem; | ||
} | } | ||
. | .p-search .searchGoButton { | ||
background-color: var(--bg- | padding: 0.1rem 0.3rem 0 0.2rem !important; | ||
background: var(--bg-field) !important; | |||
border-color: var(--bg-field) !important; | |||
border-top-right-radius: 2.5rem !important; | |||
border-bottom-right-radius: 2.5rem !important; | |||
border-top-left-radius: 0 !important; | |||
border | border-bottom-left-radius: 0 !important; | ||
font-size: | font-size: 0.9rem !important; | ||
margin-bottom: 0.1rem !important; | |||
box-shadow: none; | |||
} | } | ||
. | .search-btn::before { | ||
color: var(--text-sec); | |||
/* padding-right: 0.2rem;*/ | |||
} | } | ||
/************************************************/ | |||
background-color: var(--bg- | /************** MAIN CONTENT ********************/ | ||
/************************************************/ | |||
body { | |||
background-color: var(--bg-body) !important; | |||
} | } | ||
body > .content { | |||
display: flex !important; | |||
flex-direction: column !important; | |||
padding: 0 !important; | |||
} | |||
.mw-body { | |||
.mw- | 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, | |||
border- | #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 *****/ | ||
border: 1px solid var(-- | .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); | color: var(--text-pri); | ||
} | } | ||
.toc .toctitle { | |||
padding: 7px 10px 7px 10px; | |||
} | } | ||
#toc h2 { | |||
# | font-size: 1.4rem !important; | ||
} | } | ||
.mw- | /***** 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 { | |||
.oo-ui- | |||
color: var(--text-pri) !important; | color: var(--text-pri) !important; | ||
} | } | ||
/***** Pop-up/down Menus *****/ | |||
background-color: var(--bg- | .dropdown-menu, | ||
color: var(--text- | .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; | |||
} | } | ||
.oo-ui- | .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- | .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | ||
background: var(--bg- | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | ||
color: var(--text-dim); | background: var(--bg-field) !important; | ||
border-color: var(--bg-field) !important; | |||
color: var(--text-dim) !important; | |||
} | } | ||
.oo-ui- | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | ||
border- | 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 { | |||
.mw-rcfilters-ui- | color: var(--text-dim) !important; | ||
font-weight: 400 !important; | |||
} | } | ||
.mw- | /***** Tables *****/ | ||
.wikitable, | |||
.mw-datatable td { | |||
border: none; | |||
background-color: var(--bg-wikitab-td) !important; | |||
color: var(--text-pri) !important; | color: var(--text-pri) !important; | ||
} | } | ||
.mw- | .wikitable > * > tr > th, | ||
border: | .mw-datatable > * > tr > th { | ||
background-color: var(--bg-wikitab-th) !important; | |||
border: 1px solid var(--bd-cont-l) !important; | |||
} | } | ||
.mw- | .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- | .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; | |||
} | } | ||
.mw- | .postedit, | ||
background-color: var(-- | .mw-notification { /* top right bubble */ | ||
color: var(-- | color: var(--text-pri); | ||
background-color: var(--bg-pri-hd); | |||
background-color:var(--bg-menu-hov); | |||
border-color: var(--bd-cont-lr); | |||
} | } | ||
#filetoc { | |||
color: var(-- | border: 1px solid var(--bg-pri-hd); | ||
background-color: var(--bg-pri-hd); | |||
} | } | ||
. | /***** Diff *****/ | ||
color: var(-- | 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); | |||
background: var(--bg- | 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: 1px solid var(--bd-dim); | ||
border- | border-radius: 3px; | ||
} | } | ||
/***** Page History *****/ | |||
# | #pagehistory li.selected { | ||
background-color: var(--bg-pri-emph); | |||
color: var(-- | border: 1px solid var(--bd-dim); | ||
color: var(--text-dim); | |||
outline: 1px dashed var(--bd-dim); | |||
} | } | ||
.mw-plusminus-neg { | |||
color: var(--clr-red); | |||
} | } | ||
.mw-plusminus-pos { | |||
color: var(--clr-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: var(--bg-wikiedtb1); | ||
background-image: linear-gradient(to bottom,var(--bg-wikiedtb1) 15px,var(--bg-wikiedtb2) 40px); | |||
} | |||
color: var(-- | |||
.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, | ||
color: | .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; | |||
background-color: var(--bg- | font-size: 13px !important; | ||
color: var(--text- | |||
border: | |||
} | } | ||
.editOptions { | |||
background: var(--bg- | background-color: var(--bg-pri-emph); | ||
border-color: var(-- | border-color: var(--bg-pri-emph); | ||
color: var(--text-sec); | |||
} | } | ||
div#editpage-specialchars a { | |||
background-color: var(--bg-pri-emph); | |||
border-color: var(--bd- | border-color: var(--bd-dimr2); | ||
} | } | ||
/***** Forms Fields *****/ | |||
. | .mw-editform-legacy input#wpSummary { | ||
background-color: var(--bg-pri-emph) | background-color: var(--bg-pri-emph); | ||
color: var(--text-sec); | |||
} | } | ||
/* large option set dropdowns */ | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background: var(--bg-dd-menu-sel) !important; | |||
. | |||
. | |||
background | |||
} | } | ||
. | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | ||
color: var(--text-dim) !important; | |||
. | |||
} | } | ||
. | .oo-ui-menuSelectWidget { | ||
background: var(--bg-dd-menu) !important; | |||
border-color: var(--bd-dpdn-shd) !important; | border-color: var(--bd-dpdn-shd) !important; | ||
box-shadow: 0 2px 10px var(--bd-emph-shd) !important; | box-shadow: 0 2px 10px var(--bd-emph-shd) !important; | ||
background-clip: padding-box !important; | background-clip: padding-box !important; | ||
border-radius: 3px !important; | border-radius: 3px !important; | ||
} | } | ||
. | /* tag list items */ | ||
background: var(-- | .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 */ | ||
background: var(--bg- | #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: 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, | ||
#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-color: var(--bg-field-hov) !important; | |||
} | } | ||
. | #wpReason:focus, | ||
border-color: var(--bd- | #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-checkbx) !important; | |||
} | } | ||
. | .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span, | ||
border: 1px solid var(--bd- | .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, | |||
border- | .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 { | ||
border- | background-color: var(--bg-field) !important; | ||
border-color: var(--bd-adj-dn) !important; | |||
} | } | ||
. | .alert-warning, | ||
background-color: var(-- | .warningbox, | ||
div.warning { | |||
color: var(--bd-dims) !important; | |||
background: var(--clr-yellow) !important; | |||
border-color: var(--clr-mute-yellow) !important; | |||
} | } | ||
/* option sets */ | |||
border | [id*="mw-input-wpExpiry"], | ||
#wpUploadFile, | |||
#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 */ | ||
.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-field) !important; | ||
background: var(--bg- | border-color: var(--bg-field) !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, | ||
border- | .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"], | |||
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, | ||
.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, | |||
button: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; | |||
background-color: | border-color: #cb4848; | ||
border: | color: #eeeeee; | ||
} | } | ||
. | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive { | ||
border- | 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); | |||
border- | |||
} | } | ||
. | /* gadgets */ | ||
background-color: var(--bg- | .mw-json tr { | ||
background-color: var(--bg-sec-emph); | |||
margin-bottom: 0.5em; | |||
} | } | ||
. | .mw-json th { | ||
background-color: var(--bg-pri-hd) | background-color: var(--bg-pri-hd); | ||
font-weight: normal; | |||
vertical-align: top; | |||
} | } | ||
. | .mw-json th, .mw-json td { | ||
border: 1px solid var(-- | 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); | |||
background-color: var(-- | font-family: monospace,monospace; | ||
white-space: pre-wrap; | |||
} | } | ||
.mw-json-empty { | |||
background-color: var(--bg-sec-hd); | |||
background-color: var(-- | font-style: italic; | ||
} | } | ||
. | /***** Speacial Pages *****/ | ||
color: var(-- | |||
/* API Interface Special Page */ | |||
.mw-apisandbox-toolbar { | |||
background-color: 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; | ||
border-color: var(-- | |||
} | } | ||
.oo-ui-toggleSwitchWidget { | |||
. | background-color: var(--text-dim) !important; | ||
background- | 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; | |||
background- | |||
border-color: var(--bd- | |||
} | } | ||
.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; | |||
border-color: var(--bd- | |||
} | } | ||
# | /* Search */ | ||
#mw-searchoptions { | |||
color: var(--text-pri | color: var(--text-pri); | ||
background-color: var(-- | background-color: var(--bg-sec); | ||
border-color: var(-- | border-color: var(--bg-sec); | ||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
# | #mw-searchoptions .divider { | ||
border-bottom: 1px solid var(--bd-dim); | |||
} | } | ||
# | /* User Preferences */ | ||
background-color: var(--bg- | #preferences { | ||
color: var(--text-sec) | background-color: var(--bg-pref); | ||
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; | |||
. | |||
border: | |||
} | } | ||
.oo-ui-tabSelectWidget-framed { | |||
. | background-color: var(--bg-sec-hd) !important; | ||
background-color: var(--bg- | |||
color: var(--text-pri) !important; | color: var(--text-pri) !important; | ||
} | } | ||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { | |||
. | background-color: var(--bg-pref) !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; | |||
background-color: var(--bg- | |||
color: var(--text- | |||
border- | |||
border- | |||
} | } | ||
. | .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-pref); | |||
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: var(--clr-chartr); | |||
font-size: 0.9em; | |||
} | } | ||
/* | /***** Recent/Related Changes *****/ | ||
. | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | ||
border: 1px var(-- | 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; | ||
background-color: var(--bg-sec | |||
} | } | ||
.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; | |||
. | |||
color: var(--text-pri | |||
} | } | ||
.mw-rcfilters-ui-filterMenuSectionOptionWidget { | |||
background-color: var(--bd-dimr1) !important; | |||
color: var(--text-sec) !important; | |||
background-color: var(-- | |||
color: var(--text- | |||
} | } | ||
.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; | ||
color: var(-- | border-bottom: 1px solid var(--bd-dimr1) !important; | ||
} | } | ||
. | .mw-rcfilters-ui-menuSelectWidget-footer { | ||
color: | background-color: var(--bg-sec-hd) !important; | ||
border-top: 1px solid var(--bd-dimr1) !important; | |||
} | } | ||
/***** | /************************************************/ | ||
/**************** Extensions ********************/ | |||
/************************************************/ | |||
/***** MsUpload *****/ | |||
#msupload-div { | |||
background: var(--bg-msup) !important; | |||
border-top: 1px solid var(--bd-msup) !important; | |||
} | } | ||
#msupload-dropzone { | |||
border: 1px dashed var(--bd-dim) !important; | |||
height: inherit !important; | |||
} | } | ||
/***** SMW *****/ | |||
color: var(-- | .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"], | ||
color: var(-- | #tab-content-maintenance input[type="submit"], | ||
#tab-content-supplement input[type="submit"] { | |||
color: var(--text-pri-emph); | |||
background-color: var(--btn); | |||
background-color: var(-- | 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 */ | |||
color: var(-- | #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; | |||
} | } | ||
. | #id.smw-form-input, | ||
background-color: | #smw-jsonview-search, | ||
color: var(--text- | #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; | |||
} | } | ||
[class | #id.smw-form-input:hover, | ||
color: var(-- | #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-color: var(--bg-field-hov) !important; | |||
} | } | ||
#id.smw-form-input:focus, | |||
. | #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(-- | color: var(--text-pri); | ||
} | } | ||
input[name="date"], | |||
color: var(-- | #formatSelector, | ||
[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"] { | |||
color: var(-- | background-color: var(--bg-field-hov) !important; | ||
border-color: var(--bd-pri-emph) !important; | |||
} | } | ||
input[name="date"] { | |||
color: var(-- | box-shadow: 0 0 5px var(--bd-foc-shd) !important; | ||
border-color: var(--bd-pri-emph) !important; | |||
} | } | ||
. | .smwb-theme-light .smwb-title, | ||
color: var(-- | .smw-ask-toplinks { | ||
background-color: var(--bg-pri-emph) !important; | |||
} | } | ||
. | .smw-callout-warning, | ||
color: var(-- | .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); | |||
} | |||
/***** HeaderTabs *****/ | .smw-factbox input.nav-tab:checked + label.nav-label { | ||
#headertabs.large.ui-widget-content, | background: var(--bg-sec) !important; | ||
.ui-widget-content { | border-top: 2px solid var(--bd-pri-emph) !important; | ||
background-color: var(--bg- | border-right: 1px solid var(--bg-sec) !important; | ||
color: var(--text-pri) !important; | border-bottom: 1px solid var(--bg-sec) !important; | ||
border: none; | border-left: 1px solid var(--bg-sec) !important; | ||
} | font-weight: bold; | ||
color: var(--text-dim); | |||
.ui-widget-header { | } | ||
border: 1px solid var(--bg-sec-hd) !important; | |||
background: var(--bg-sec-hd) !important; | .smw-factbox .smwfact { | ||
color: var(--text-dim); | background-color: var(--bg-sec); | ||
} | color: var(--text-pri) !important; | ||
border: 1px solid var(--bg-sec); | |||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { | } | ||
background: var(--bg- | |||
border-top: 2px solid var(--bd-pri-emph) !important; | .smwfact .smw-table-row:nth-child(2n) { | ||
border-right: 1px solid var(--bg- | background-color: var(--bg-pri); | ||
border-bottom: 1px solid var(--bg- | } | ||
border-left: 1px solid var(--bg- | |||
font-weight: bold; | .smwfact .smw-table-row:nth-child(2n+1) { | ||
background-color: var(--bg-sec); | |||
} | |||
.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-dims); | |||
} | |||
.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-cont); | |||
} | |||
.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); | |||
border-color: var(--bd-dims); | |||
} | |||
.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); | |||
} | |||
.smwpre { | |||
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; | |||
} | |||
.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(--clr-green) !important; | |||
} | |||
.skin-chameleon .smw-indicator-vertical-bar-loader { | |||
margin-top: 0; | |||
} | |||
.smw-indicator-vertical-bar-loader, .smw-indicator-vertical-bar-loader::before, .smw-indicator-vertical-bar-loader::after { | |||
max-height: 4em; | |||
} | |||
/***** 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-field) !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-field) !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-color: 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-field) !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); | |||
border: 1px solid var(--bg-pri-emph); | |||
margin: 0.3em 0; | |||
} | |||
/* option sets */ | |||
#property_dropdown, | |||
#mainTable td select[name*="property_type"], | |||
.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 */ | |||
.pf-select2-container [id*="select2-input"] { | |||
border: none !important; | |||
} | |||
.select2-dropdown, | |||
.select2-search--dropdown .select2-search__field, | |||
.select2-container--default .select2-selection--single, | |||
.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, | |||
.select2-search--dropdown .select2-search__field:hover { | |||
background-color: var(--bg-field) !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(--selected); | |||
} | |||
.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); | |||
color: var(--text-pri-emph); | |||
} | |||
.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 */ | |||
#allowed_values input[name="values"], | |||
#mainTable td input[name*="allowed_values"], | |||
#mainTable td input[name*="property_name"], | |||
#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, | |||
#mainTable td input[name*="allowed_values"]:hover, | |||
#mainTable td input[name*="property_name"]:hover, | |||
#mainTable [name*="field_name"]:hover, | |||
.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, | |||
#mainTable td input[name*="allowed_values"]:focus, | |||
#mainTable td input[name*="property_name"]:focus, | |||
#mainTable [name*="field_name"]:focus, | |||
.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 */ | |||
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 */ | |||
#mainTable td, | |||
#mainTable th { | |||
border: none !important; | |||
background: transparent !important; | |||
} | |||
.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 *****/ | |||
#Recommendations textarea[id*="input"], | |||
#Recommendations textarea[id*="input"]:hover, | |||
#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 */ | |||
#pfForm input[name*=Mod], | |||
#systemspecs [id*="input"], | |||
.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 */ | |||
#pfForm input[name*=Mod], | |||
#systemspecs [id*="input"][size="35"], | |||
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, | |||
#systemspecs [id*="input"][size="35"]:hover, | |||
input[name*="INITOC"]:hover, | |||
#mod [id*="input"][size*="0"]:hover { | |||
background-color: var(--bg-field-hov) !important; | |||
} | |||
#pfForm input[name*=Mod]:focus, | |||
#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: var(--clr-chartr); | |||
font-size: 0.9em; | |||
} | |||
.formheading { | |||
color: var(--clr-orange); | |||
margin: 0.5em 0 0 0; | |||
} | |||
/***** CodeMirror *****/ | |||
.CodeMirror pre { | |||
background-color: var(--bg-pri-hd) !important; | |||
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"] { | |||
color: var(--clr-red) !important; | |||
} | |||
[class*="cm-mw-templatevariable"] { | |||
color: var(--clr-yellow) !important; | |||
font-weight: bold !important; | |||
} | |||
[class*="cm-mw-htmltag"] { | |||
color: var(--clr-green) !important; | |||
} | |||
[class*="cm-mw-exttag"] { | |||
color: var(--clr-chartr) !important; | |||
} | |||
.cm-mw-doubleUnderscore { | |||
background-color: var(--bg-cont) !important; | |||
} | |||
[class*="cm-mw-link"] { | |||
color: var(--clr-blue) !important; | |||
} | |||
[class*="cm-mw-template"] { | |||
color: var(--clr-purple) !important; | |||
} | |||
.cm-s-default .cm-error { | |||
background-color: #C04040 !important; | |||
color: var(--text-contr-d) !important; | |||
} | |||
[class*="cm-mw-table"] { | |||
color: var(--clr-magent) !important; | |||
} | |||
/* created for light skin */ | |||
.hljs-comment, .hljs-quote { | |||
color: var(--clr-green); | |||
font-style: italic; | |||
} | |||
.hljs-built_in, .hljs-type { | |||
color: var(--clr-chartr); | |||
} | |||
.hljs-string, .hljs-meta-string { | |||
color: var(--clr-orange); | |||
} | |||
.hljs-number, .hljs-class { | |||
color: var(--clr-magent); | |||
} | |||
.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name { | |||
color: var(--clr-blue); | |||
} | |||
.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula { | |||
color: var(--clr-purple); | |||
} | |||
.hljs-regexp, .hljs-template-tag { | |||
color: var(--clr-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-hdtab); | |||
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-pref) !important;; | |||
} | } | ||
. | /***** Cite *****/ | ||
.mw-references-wrap { | |||
font-size: 80%; | |||
border-top: 1px solid var(--bd-dims); | |||
padding-top: 1em; | |||
} | } | ||
. | ol.references li:target, sup.reference:target { | ||
background-color: var(--bg-menu-hov); | |||
background-color: var(--bg- | |||
} | } |
Revision as of 02:29, January 25, 2021
:root {
--bg-body: #171719;
--bg-pri: #2a2a2f;
--bg-sec: #38383e;
--bg-pri-emph: #1d1d1f;
--bg-sec-emph: #222226;
--bg-cont: #070709;
--bg-pri-hd: var(--bg-body);
--bg-sec-hd: var(--bg-sec-emph);
--bg-field: var(--bg-body);
--bg-field-hov: rgba(0,0,0,0.25);
--bg-code: var(--bg-body);
--bg-menu-hov: rgba(235,235,255,0.08);
--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-body);
--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-emph);
--bg-checkbx: var(--bg-body);
--bg-pref: var(--bg-sec);
--bg-msup: #999;
--bg-search: var(--bg-body);
--bd-pri: var(--bg-pri-emph);
--bd-cont: #454548;
--bd-cont-l: #202023;
--bd-cont-lr: #38b008;
--bd-mid: #464649;
--bd-widg: #555;
--bd-dims: #666;
--bd-dimr2: #777;
--bd-dimr1: #888;
--bd-dim: #aaa;
--bd-adj-dn: rgba(0,0,0,0.2);
--bd-pri-emph: #6d9d98;
--bd-pri-emph-shd: rgba(235,235,255,0.065);
--bd-foc-shd: rgba(128,209,196,0.6);
--bd-emph-shd: rgba(235,235,255,0.15);
--bd-code-shd: #161619;
--bd-dpdn-shd: rgba(235,235,255,0.065);
--bd-msup: var(--bd-dim);
--bd-hdtab: var(--bd-dimr1);
--text-pri: #aaa;
--text-sec: #bbb;
--text-pri-emph: #ddd;
--text-dim: #999;
--text-editor: #68c878;
--text-contr-l: #eee;
--text-contr-d: #000;
--text-diffch-add: #50d080;
--text-diffch-del: #80d050;
--text-lnk: #689aae;
--text-lnk-hov: #80d1c4;
--text-lnk-vis: #586a7e;
--text-lnk-vis-hov: #70a194;
--text-lnk-bt: #88bace;
--text-lnk-hov-bt: #a0f1e4;
--text-lnk-vis-bt: #788a9e;
--text-lnk-vis-hov-bt: #90c1b4;
--btn: #38688f;
--btn-hov: linear-gradient(to bottom,rgba(235,245,255,0) 0%,rgba(235,245,255,0.1) 100%);
--selected: var(--bd-pri-emph);
--clr-magent: #ce56bf;
--clr-purple: #a07fdf;
--clr-blue: #5c8dd7;
--clr-green: #43a86b;
--clr-chartr: #96a13f;
--clr-yellow: #d6b026;
--clr-salmon: #d0a08f;
--clr-orange: #e78f4f;
--clr-red: #e6716a;
--clr-mute-magent: #ce56bf50;
--clr-mute-purple: #a07fdf50;
--clr-mute-blue: #5c8dd750;
--clr-mute-green: #43a86b50;
--clr-mute-chartr: #96a13f50;
--clr-mute-yellow: #d6b02650;
--clr-mute-salmon: #d0a08f50;
--clr-mute-orange: #e78f4f50;
--clr-mute-red: #e6716a50;
}
/***************** BEGIN VARIAVLE CSS ***********************/
#p-logo img {
background-image: url(/_wikidev/skins/step/images/header_dark_logo.png) !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/skins/step/images/header_dark_sle.jpg) 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/skins/step/images/header_dark_sse.jpg) center 25% no-repeat !important;
}
.ns-3014 .header,
.ns-3015 .header {
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_dark_svr.jpg) center 25% no-repeat !important;
}
.ns-3016 .header,
.ns-3017 .header {
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_dark_mor.jpg) center 25% no-repeat !important;
}
.ns-3018 .header,
.ns-3019 .header {
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_dark_obl.jpg) center 25% no-repeat !important;
}
.ns-3020 .header,
.ns-3021 .header {
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_dark_ft3.jpg) center 25% no-repeat !important;
}
.ns-3022 .header,
.ns-3023 .header {
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_dark_ft4.jpg) center 25% no-repeat !important;
}
.ns-3024 .header,
.ns-3025 .header {
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_dark_ftv.jpg) center 25% no-repeat !important;
}
.ns-3026 .header,
.ns-3027 .header {
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_dark_mob.jpg) center 25% no-repeat !important;
}
.ns-3028 .header,
.ns-3029 .header {
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_dark_bys.jpg) center 25% no-repeat !important;
}
.ns-3030 .header,
.ns-3031 .header {
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_dark_skw.jpg) center 25% no-repeat !important;
}
.ns-3032 .header,
.ns-3033 .header {
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_dark_skb.jpg) 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/skins/step/images/header_dark_nms.jpg) center 25% no-repeat !important;
}
/***************** END VARIAVLE CSS ***********************/
/***** Color Classes *****/
.hltxt {
color: var(--text-pri-emph) !important;
}
.dimtxt {
color: var(--text-dim) !important;
}
.neutbd {
border-color: var(--bd-dim) !important;
}
.magenttx {
color: var(--clr-magent) !important;
}
.magentbg {
background-color: var(--clr-mute-magent) !important;
}
.magentbd {
border-color: var(--clr-magent) !important;
}
.purpletx {
color: var(--clr-purple) !important;
}
.purplebg {
background-color: var(--clr-mute-purple) !important;
}
.purplebd {
border-color: var(--clr-purple) !important;
}
.bluetx {
color: var(--clr-blue) !important;
}
.bluebg {
background-color: var(--clr-mute-blue) !important;
}
.bluebd {
border-color: var(--clr-blue) !important;
}
.greentx {
color: var(--clr-green) !important;
}
.greenbg {
background-color: var(--clr-mute-green) !important;
}
.greenbd {
border-color: var(--clr-green) !important;
}
.chartrtx {
color: var(--clr-chartr) !important;
}
.chartrbg {
background-color: var(--clr-mute-chartr) !important;
}
.chartrbd {
border-color: var(--clr-chartr) !important;
}
.yellowtx {
color: var(--clr-yellow) !important;
}
.yellowbg {
background-color: var(--clr-mute-yellow) !important;
}
.yellowbd {
border-color: var(--clr-yellow) !important;
}
.salmontx {
color: var(--clr-salmon) !important;
}
.salmonbg {
background-color: var(--clr-mute-salmon) !important;
}
.salmonbd {
border-color: var(--clr-salmon) !important;
}
.orangetx {
color: var(--clr-orange) !important;
}
.orangebg {
background-color: var(--clr-mute-orange) !important;
}
.orangebd {
border-color: var(--clr-orange) !important;
}
.redtx {
color: var(--clr-red) !important;
}
.redbg {
background-color: var(--clr-mute-red) !important;
}
.redbd {
border-color: var(--clr-red) !important;
}
/************************************************/
/****************** STEP ***********************/
/************************************************/
/***** Custom Previous Recommendations *****/
.recommendation-tables {
display: flex;
}
.listtable {
margin: 1em 0 1em 1em;
}
/*.listtable .mw-prefixindex-body {
columns: 22em;
}*/
.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 {
text-align: center;
font-weight: bold;
display: block;
border: 1px solid var(--bd-dims);
border-bottom: 0;
width: 48%;
}
.listtable ul:before {
content: 'Existing Version';
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 {
content: 'Recommendations';
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 {
text-align: left;
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) {
margin-left: -1px;
}
/***** Custom Mod Version Recommendations *****/
.custom-recommendations {
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,
.custom-recommendations p {
margin: 0;
}
.custom-recommendations .pfFormInputWrapper {
margin-top: 0;
}
/***** Form:Mod Instances *****/
.pfPageWithNamespace .oo-ui-textInputWidget {
width: 30em;
}
div.pfNamespaceDropdown {
max-width: 10em;
}
.pfPageWithNamespace.oo-ui-layout.oo-ui-horizontalLayout {
margin: 0;
}
.page-STEP_Main .oo-ui-horizontalLayout > .oo-ui-widget {
margin-bottom: 0;
}
.editButtons oo-ui-inputWidget-input oo-ui-buttonElement-button {
width: auto;
}
/***** STEP Portal *****/
.page-STEP_Main .modform .oo-ui-textInputWidget .oo-ui-inputWidget-input {
width: 30em;
}
.page-STEP_Main .modform div.pfFormInputWrapper {
margin: 1em 0;
}
.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 {
float: right;
margin-right: 33.3em;
}
.page-STEP_Main .modform .oo-ui-inputWidget-input.oo-ui-buttonElement-button {
width: auto;
}
.page-STEP_Main .oo-ui-buttonElement > .oo-ui-buttonElement-button {
min-height: auto;
}
.page-STEP_Main .guideVersion div.pfFormInputWrapper {
margin-top: 0;
}
.page-STEP_Main .guideVersion .pfFormInput p {
margin: 0.3em;
}
.page-STEP_Main .guideVersion .rightcoltext {
padding: 0 1em;
}
.page-STEP_Main .pfPageWithNamespace .oo-ui-textInputWidget,
.page-STEP_Main .oo-ui-textInputWidget .oo-ui-inputWidget-input {
width: 10em;
}
.page-STEP_Main .oo-ui-inputWidget-input.oo-ui-buttonElement-button {
width: 7.15em;
}
.page-STEP_Main .editButtons [id*="wp"] {
width: auto;
}
.page-STEP_Main div.pfNamespaceDropdown {
width: 10em;
max-width: 10em;
}
/***** Template:Alert (AlertSmall) *****/
.stepalert {
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 {
vertical-align: top !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
}
.stepalert th {
font-weight: bolder;
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 {
width: 1em;
border: none !important;
vertical-align: top !important;
}
.stepalert li{
list-style-image:none;
}
.stepalert a {
color: var(--text-lnk-bt) !important;
}
.stepalert a:hover {
color: var(--text-lnk-hov-bt) !important;
}
.stepalert a:visited {
color: var(--text-lnk-vis-bt) !important;
}
.stepalert a:visited:hover {
color: var(--text-lnk-vis-hov-bt) !important;
}
.stepalertsm ol:last-child,
.stepalert ol:last-child,
.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 {
border-left: none !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 {
text-align: left !important;
border-left: none !important;
border-right: none !important;
padding: 0.25em !important;
}
ol + p + table.stepalertsm,
ul + p + table.stepalertsm,
dl + p + table.stepalertsm {
margin-top: -2.5em;
}
.stepalertsm th {
padding: 0.1em 0.1em 0.25em 0.25em !important;
font-size: large;
white-space: nowrap;
text-align: left !important;
border: none !important;
background-color: transparent !important;
}
/***** Template:SystemSpecs *****/
.systemspecs {
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) *****/
.infobox {
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 *****/
.modheading {
width: 100%;
background: var(--bg-sec-hd);
box-shadow:0 0 3px 1px var(--bd-emph-shd);
border-radius: 2px;
}
.modheading h1 {
color: var(--clr-orange);
margin: 0.2em 0.5em 0 0.5em;
border-width: 2px !important;
padding: 0.2em 0 0 0;
}
.modheading p {
margin: 0 0 0.6em 0;
padding-bottom: 0.25em;
}
.modsubheading {
color: var(--text-dim);
margin: 0 0 0 1.4em;
font-size: 0.9em;
}
.modbox {
background-color: var(--bg-sec-hd);
box-shadow:0 0 5px 1px var(--bd-emph-shd);
border-radius: 2px;
float: right;
margin-top: 0.5em;
}
.infobox tr,
.modbox tr {
line-height: 1.2em;;
}
.infobox .infoattr,
.modbox .infoattr {
color: var(--text-dim);
padding-right: 0.1em;
padding-left: 1em;
padding-bottom: 0.3em;
float: right;
}
.infobox .infovalue,
.modbox .infovalue {
padding-left: 0.1em;
padding-right: 1em;
padding-bottom: 0.3em;
}
.infosec {
border-top: 1px solid var(--bd-pri-emph);
margin: 0.5em 1em;
}
/***** STEP Core Pages *****/
.pageHeader {
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 {
background-color: var(--bg-pri-hd);
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 {
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: 2px;
margin: 0;
padding:0.3em 1em;
}
.guideVersion {
border-bottom: 1px solid var(--bd-dims);
border-top: 1px solid var(--bd-dims);
}
/***** MP Game Tiles *****/
.gametiles p img {
margin: 0.15em;
border-radius: 3px;
border: 1px solid var(--bd-dims);
}
/***** Template:CategoryModList*****/
.categorymodlist {
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 {
font-size: 0.9rem;
}
.modnamehd {
color: var(--clr-orange);
font-family: 'Montserrat', sans-serif;
font-size: 1.1rem;
padding-bottom: 0.1em;
}
.categorymodlist .dimtext {
color: var(--text-dim);
}
[class*="ModGroup"] [class*="smw-concept"] {
display: none;
}
/***** FOMOD Template *****/
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;
border-radius: 3px !important;
display: inline-grid !important;
border-collapse: separate !important;
margin: 0 1em 1em 1em;
}
ol + p + table.fomod,
ul + p + table.fomod,
dl + p + table.fomod {
margin-top: -2.5em;
}
table.fomod td,
.fomod td {
padding: 0.5em 1em !important;
}
table.fomod ul,
.fomod ul {
list-style: none !important;
margin: 0;
padding: 0;
}
table.fomod li,
.fomod li {
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,
.fomod li li {
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,
.fomod li li li {
border: 0;
font-style: normal;
padding: 0;
}
table.fomod li li li li,
.fomod li li li li {
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,
.fomod ol {
list-style: none;
margin: 0;
padding: 0;
}
table.fomod li li ol li ol li,
.fomod li li ol li ol li {
background-color: inherit;
border-color: inherit;
border-radius: inherit;
color: inherit;
float: inherit;
margin-top: inherit;
padding: inherit;
}
/***** GallerySimple Template *****/
.gallery {
display:inline-grid;
padding:1em;
}
.gallery > div.tright {
margin: 0;
}
div.thumbinner {
border: 1px solid transparent;
background-color: transparent;
padding: 0;
}
html .thumbimage {
background-color: transparent;
border: 1px solid transparent;
}
html .thumbcaption {
padding: 0.25em;
font-size: 0.8rem;
}
.thumbinner[style]{
width: max-content !important;
}
/***** PageHeader Template *****/
.pagetitle {
display: table;
width: 100%;
border-bottom: 1px solid var(--bd-pri-emph);
margin-bottom: 1.5em;
}
.pagetitle .pagetitle-title {
color: var(--text-sec);
font-family: 'Montserrat', sans-serif;
font-size: 1.6rem;
padding-top: 0.3em;
}
.pagetitle .pagetitle-subtitle {
font-size: 1.2rem;
padding-left: 0.2em;
line-height: 1.2em;
}
.pagetitle .pagetitle-extra {
font-size: 1rem;
padding-left: 0.2em;
line-height: 1.2em;
}
/***** Sidebox Template *****/
.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 {
color: var(--clr-orange);
font-size: 1.25em;
}
/***** 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 {
background-color: var(--bg-sec-hd);
border-bottom: 1px solid var(--bd-dims);
border-left: 1px solid var(--bd-mid);
padding: 0.5rem 0.5rem;
text-align: center;
vertical-align: middle;
}
body.cat-Step_Guides .steptable td {
padding: 0.1rem 0.5rem;
text-align: center;
vertical-align: middle;
border-left: 1px solid var(--bd-dims);
}
body.cat-Step_Guides .steptable th.first,
body.cat-Step_Guides .steptable th.second {
border-left: none;
width: 0.25rem;
padding: 0;
background-color: var(--bg-sec-hd);
}
body.cat-Step_Guides .steptable th.core {
border-left: none;
width: 0.25rem;
padding: 0;
background-color: var(--clr-chartr);
}
body.cat-Step_Guides .steptable th.landw {
border-left: none;
width: 0.25rem;
padding: 0;
background-color: var(--clr-red);
}
body.cat-Step_Guides .steptable th.modname,
body.cat-Step_Guides .steptable td.modname {
border-left: none;
text-align: left;
width: 32%;
}
body.cat-Step_Guides .steptable th.baseline,
body.cat-Step_Guides .steptable td.baseline {
width: 8%;
}
/*body.cat-Step_Guides .steptable th.quality,
body.cat-Step_Guides .steptable td.quality {
width: 5.3rem;
}
body.cat-Step_Guides .steptable th.dlc,
body.cat-Step_Guides .steptable td.dlc {
width: 4%;
}*/
body.cat-Step_Guides .steptable th.notes,
body.cat-Step_Guides .steptable td.notes {
text-align: left;
}
body.cat-Step_Guides .steptable td.dlc img {
margin: 0 0.2rem;
}
body.cat-Step_Guides .steptable .detailed {
text-align: left;
padding: 0.5em 1.5em;
background-color: var(--bg-sec);
font-size: 0.98em;
}
body.cat-Step_Guides .steptable .fomod td {
text-align: left;
border: none;
}
body.cat-Step_Guides .steptablerow03-Resources,
body.cat-Step_Guides .steptablerow10-Gameplay-General {
border-bottom: 1px solid var(--clr-mute-purple);
}
body.cat-Step_Guides .steptablerow09-Fixes,
body.cat-Step_Guides .steptablerow16-Interface {
border-bottom: 1px solid var(--clr-mute-magent);
}
body.cat-Step_Guides .steptablerow05-Animations.\&.Effects,
body.cat-Step_Guides .steptablerow13-Gameplay-Immersion {
border-bottom: 1px solid var(--clr-mute-blue);
}
body.cat-Step_Guides .steptablerow04-Foundation,
body.cat-Step_Guides .steptablerow06-Models.\&.Textures,
body.cat-Step_Guides .steptablerow14-Gameplay-Quests {
border-bottom: 1px solid var(--clr-mute-green);
}
body.cat-Step_Guides .steptablerow07-Sounds.\&.Music,
body.cat-Step_Guides .steptablerow15-Gameplay-Skills.\&.Perks {
border-bottom: 1px solid var(--clr-mute-chartr);
}
body.cat-Step_Guides .steptablerow01-Tools,
body.cat-Step_Guides .steptablerow11-Gameplay-AI.\&.Combat,
body.cat-Step_Guides .steptablerow19-Utilities,
body.cat-Step_Guides .steptablerow20-Patches {
border-bottom: 1px solid var(--clr-mute-yellow);
}
body.cat-Step_Guides .steptablerow08-Character.Appearance,
body.cat-Step_Guides .steptablerow18-Lighting.\&.Weather {
border-bottom: 1px solid var(--clr-mute-orange);
}
body.cat-Step_Guides .steptablerow02-Extenders,
body.cat-Step_Guides .steptablerow12-Gameplay-Economy,
body.cat-Step_Guides .steptablerow17-Locations {
border-bottom: 1px solid var(--clr-mute-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.3em;
font-size: 0.85em !important;
margin: auto;
}
.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;
}
/***** Lists *****/
.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);
}
/***** Code *****/
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-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 {
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-field);
border: 1px solid var(--bg-field);
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-field) !important;
border-color: var(--bg-field) !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-field) !important;
border-color: var(--bg-field) !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 {
border: none;
background-color: var(--bg-wikitab-td) !important;
color: var(--text-pri) !important;
}
.wikitable > * > tr > th,
.mw-datatable > * > tr > th {
background-color: var(--bg-wikitab-th) !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);
}
#filetoc {
border: 1px solid var(--bg-pri-hd);
background-color: var(--bg-pri-hd);
}
/***** 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(--clr-red);
}
.mw-plusminus-pos {
color: var(--clr-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: var(--bg-wikiedtb1);
background-image: linear-gradient(to bottom,var(--bg-wikiedtb1) 15px,var(--bg-wikiedtb2) 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-dd-menu-sel) !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--text-dim) !important;
}
.oo-ui-menuSelectWidget {
background: var(--bg-dd-menu) !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: 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,
#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-color: 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-checkbx) !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-field) !important;
border-color: var(--bd-adj-dn) !important;
}
.alert-warning,
.warningbox,
div.warning {
color: var(--bd-dims) !important;
background: var(--clr-yellow) !important;
border-color: var(--clr-mute-yellow) !important;
}
/* option sets */
[id*="mw-input-wpExpiry"],
#wpUploadFile,
#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 */
.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-field) !important;
border-color: var(--bg-field) !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(--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"],
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,
.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,
button: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-color: 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-pref);
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-pref) !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-pref);
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: var(--clr-chartr);
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(--bg-msup) !important;
border-top: 1px solid var(--bd-msup) !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;
}
#id.smw-form-input,
#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;
}
#id.smw-form-input:hover,
#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-color: var(--bg-field-hov) !important;
}
#id.smw-form-input:focus,
#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-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"] {
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;
}
.smwb-theme-light .smwb-title,
.smw-ask-toplinks {
background-color: var(--bg-pri-emph) !important;
}
.smw-callout-warning,
.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);
}
.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;
font-weight: bold;
color: var(--text-dim);
}
.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);
}
.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-dims);
}
.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-cont);
}
.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);
border-color: var(--bd-dims);
}
.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);
}
.smwpre {
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;
}
.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(--clr-green) !important;
}
.skin-chameleon .smw-indicator-vertical-bar-loader {
margin-top: 0;
}
.smw-indicator-vertical-bar-loader, .smw-indicator-vertical-bar-loader::before, .smw-indicator-vertical-bar-loader::after {
max-height: 4em;
}
/***** 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-field) !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-field) !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-color: 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-field) !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);
border: 1px solid var(--bg-pri-emph);
margin: 0.3em 0;
}
/* option sets */
#property_dropdown,
#mainTable td select[name*="property_type"],
.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 */
.pf-select2-container [id*="select2-input"] {
border: none !important;
}
.select2-dropdown,
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single,
.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,
.select2-search--dropdown .select2-search__field:hover {
background-color: var(--bg-field) !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(--selected);
}
.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);
color: var(--text-pri-emph);
}
.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 */
#allowed_values input[name="values"],
#mainTable td input[name*="allowed_values"],
#mainTable td input[name*="property_name"],
#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,
#mainTable td input[name*="allowed_values"]:hover,
#mainTable td input[name*="property_name"]:hover,
#mainTable [name*="field_name"]:hover,
.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,
#mainTable td input[name*="allowed_values"]:focus,
#mainTable td input[name*="property_name"]:focus,
#mainTable [name*="field_name"]:focus,
.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 */
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 */
#mainTable td,
#mainTable th {
border: none !important;
background: transparent !important;
}
.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 *****/
#Recommendations textarea[id*="input"],
#Recommendations textarea[id*="input"]:hover,
#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 */
#pfForm input[name*=Mod],
#systemspecs [id*="input"],
.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 */
#pfForm input[name*=Mod],
#systemspecs [id*="input"][size="35"],
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,
#systemspecs [id*="input"][size="35"]:hover,
input[name*="INITOC"]:hover,
#mod [id*="input"][size*="0"]:hover {
background-color: var(--bg-field-hov) !important;
}
#pfForm input[name*=Mod]:focus,
#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: var(--clr-chartr);
font-size: 0.9em;
}
.formheading {
color: var(--clr-orange);
margin: 0.5em 0 0 0;
}
/***** CodeMirror *****/
.CodeMirror pre {
background-color: var(--bg-pri-hd) !important;
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"] {
color: var(--clr-red) !important;
}
[class*="cm-mw-templatevariable"] {
color: var(--clr-yellow) !important;
font-weight: bold !important;
}
[class*="cm-mw-htmltag"] {
color: var(--clr-green) !important;
}
[class*="cm-mw-exttag"] {
color: var(--clr-chartr) !important;
}
.cm-mw-doubleUnderscore {
background-color: var(--bg-cont) !important;
}
[class*="cm-mw-link"] {
color: var(--clr-blue) !important;
}
[class*="cm-mw-template"] {
color: var(--clr-purple) !important;
}
.cm-s-default .cm-error {
background-color: #C04040 !important;
color: var(--text-contr-d) !important;
}
[class*="cm-mw-table"] {
color: var(--clr-magent) !important;
}
/* created for light skin */
.hljs-comment, .hljs-quote {
color: var(--clr-green);
font-style: italic;
}
.hljs-built_in, .hljs-type {
color: var(--clr-chartr);
}
.hljs-string, .hljs-meta-string {
color: var(--clr-orange);
}
.hljs-number, .hljs-class {
color: var(--clr-magent);
}
.hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name {
color: var(--clr-blue);
}
.hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula {
color: var(--clr-purple);
}
.hljs-regexp, .hljs-template-tag {
color: var(--clr-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-hdtab);
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-pref) !important;;
}
/***** Cite *****/
.mw-references-wrap {
font-size: 80%;
border-top: 1px solid var(--bd-dims);
padding-top: 1em;
}
ol.references li:target, sup.reference:target {
background-color: var(--bg-menu-hov);
}