MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
Hunchman801 (talk | contribs) No edit summary |
Hunchman801 (talk | contribs) No edit summary |
||
| Line 2: | Line 2: | ||
:root { | :root { | ||
-- | /* Background colors */ | ||
-- | --dark-bg-color: #17131B; | ||
-- | --dark-2-bg-color: #130E16; | ||
-- | --light-bg-color: #231A29; | ||
--light-bg-color: # | --light-2-bg-color: #382A42; | ||
--light-2- | --light-3-bg-color: #292230; | ||
/* Colors used for inactive tabs and UI buttons */ | |||
--tab-button-bg-color-light: #2B2333; | |||
--tab-button-bg-color-dark: #18141D; | |||
/* Border colors */ | |||
--border-color-alt: #381439; | |||
--light-border-color: #8816FF; | |||
/* Text colors */ | |||
--text-color: #D475FF; | |||
--text-link-header-color: #FEB8FF; | |||
--text-link-hover-color: #FBCCFF; | |||
--text-link-new-color: #EE1F1B; | |||
--text-link-new-hover-color: #F00000; | |||
--text-border-green-color: #1BEE1E; | |||
--text-disabled-color: #704F63; | |||
--text-inactive-tab-color: #B10EFF; | |||
/* Inline SVG images below must contain the value of --text-inactive-tab-color! */ | |||
--list-item-marker: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23B10EFF%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
--image-watch-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23B10EFF%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E); | |||
--image-magnify-thumb-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23B10EFF%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A); | |||
--image-arrow-collapsed-ltr-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
--image-arrow-collapsed-rtl-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M8%201.533v9.671L3.248%206.333z%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
--image-arrow-expand-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M1.165%203.624h9.671L5.965%208.376z%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
--image-indicator-down-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23B10EFF%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E); | |||
--image-indicator-help-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23B10EFF%22%3E%3Cpath%20d%3D%22M12.001%202.085c-5.478%200-9.916%204.438-9.916%209.916%200%205.476%204.438%209.914%209.916%209.914%205.476%200%209.914-4.438%209.914-9.914%200-5.478-4.438-9.916-9.914-9.916zm.001%2018c-4.465%200-8.084-3.619-8.084-8.083%200-4.465%203.619-8.084%208.084-8.084%204.464%200%208.083%203.619%208.083%208.084%200%204.464-3.619%208.083-8.083%208.083z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M11.766%206.688c-2.5%200-3.219%202.188-3.219%202.188l1.411.854s.298-.791.901-1.229c.516-.375%201.625-.625%202.219.125.701.885-.17%201.587-1.078%202.719-.953%201.186-1%203.655-1%203.655h1.969s.135-2.318%201.041-3.381c.603-.707%201.443-1.338%201.443-2.494s-1.187-2.437-3.687-2.437z%22%2F%3E%3Cpath%20d%3D%22M11%2016h2v2h-2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E); | |||
--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20fill%3A%20%23B10EFF%7D%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20id%3D%22check%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%207.5L9.5%2015%206%2011.5%204.5%2013l5%205L20%207.5c-.706-.706-2.294-.706-3%200z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E); | |||
/* Color Filter for SVG based icons used throughout the Wiki */ | |||
--icon-color-filter: invert(97%) sepia(3%) saturate(11000%) hue-rotate(210deg) brightness(94%) contrast(125%); | |||
--icon-color-hover-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(210deg) brightness(106%) contrast(103%); | |||
--icon-color-green-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(90deg) brightness(75%) contrast(200%); | |||
--icon-color-red-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(305deg) brightness(75%) contrast(200%); | |||
} | } | ||
| Line 21: | Line 57: | ||
padding: 0; | padding: 0; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 36: | Line 72: | ||
.postedit { | .postedit { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
background-color: var(--light-bg-color); | background-color: var(--light-bg-color); | ||
background-color: rgba(26, 38, 41, 0.80); | background-color: rgba(26, 38, 41, 0.80); | ||
| Line 92: | Line 128: | ||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | ||
background: none; | |||
} | } | ||
| Line 98: | Line 134: | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
border | border: 1px solid var(--dark-2-bg-color); | ||
border- | border-bottom-width: 0; | ||
border-radius: 8px 8px 0 0; | |||
color: var(--text-inactive-tab-color); | |||
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark)); | |||
color: var(-- | } | ||
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { | |||
color: var(--text-link-new-color); | |||
} | } | ||
| Line 110: | Line 148: | ||
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | ||
color: var(-- | color: var(--text-color); | ||
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color)); | background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color)); | ||
} | } | ||
| Line 117: | Line 155: | ||
.vector-menu-dropdown h3 { | .vector-menu-dropdown h3 { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
/* Vector 'More' Tab */ | |||
.vector-menu-dropdown { | |||
border: 1px solid var(--dark-2-bg-color); | |||
border-bottom-width: 0; | |||
border-radius: 8px 8px 0 0; | |||
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color)); | |||
} | |||
.vector-menu-dropdown .vector-menu-heading { | |||
color: var(--text-color); | |||
} | |||
.vector-menu-dropdown .vector-menu-heading:after { | |||
background: url(resources/assets/skins/arrow-down.svg) 100% 50% no-repeat; | |||
} | |||
.vector-menu-dropdown .vector-menu-content { | |||
background-color: var(--dark-bg-color); | |||
border: 1px solid var(--dark-2-bg-color); | |||
border-top-width: 0; | |||
} | |||
.vector-menu-dropdown .mw-list-item a { | |||
color: var(--text-link-header-color); | |||
} | |||
/* right and left top navigation adjustment */ | /* right and left top navigation adjustment */ | ||
| Line 246: | Line 312: | ||
.mw-plusminus-pos { | .mw-plusminus-pos { | ||
color: | color: var(--text-border-green-color); | ||
} | } | ||
.mw-plusminus-neg { | .mw-plusminus-neg { | ||
color: | color: var(--text-link-new-color); | ||
} | } | ||
| Line 267: | Line 333: | ||
a { | a { | ||
text-decoration: none; | text-decoration: none; | ||
color: var(-- | color: var(--text-link-header-color); | ||
background: none; | background: none; | ||
} | } | ||
a:visited { | a:visited { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
a:active { | a:active { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
| Line 282: | Line 348: | ||
a:focus { | a:focus { | ||
text-decoration: underline; | text-decoration: underline; | ||
color: | color: var(--text-link-hover-color); | ||
} | } | ||
a.stub { | a.stub { | ||
color: | color: var(--text-link-header-color); | ||
} | } | ||
a.new, | a.new, | ||
#p-personal a.new { | #p-personal a.new { | ||
color: | color: var(--text-link-new-color); | ||
} | } | ||
a.new:visited, | a.new:visited, | ||
#p-personal a.new:visited { | #p-personal a.new:visited { | ||
color: | color: var(--text-link-new-color); | ||
} | } | ||
a.new:hover, | a.new:hover, | ||
#p-personal a.new:hover { | #p-personal a.new:hover { | ||
color: | color: var(--text-link-new-hover-color); | ||
} | } | ||
| Line 309: | Line 375: | ||
.mw-body a.extiw, | .mw-body a.extiw, | ||
.mw-body a.extiw:active { | .mw-body a.extiw:active { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
.mw-body a.extiw:visited { | .mw-body a.extiw:visited { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
.mw-body a.extiw:active { | .mw-body a.extiw:active { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
| Line 324: | Line 390: | ||
.mw-body a.external { | .mw-body a.external { | ||
color: var(-- | color: var(--text-link-header-color); | ||
} | } | ||
.mw-body a.external:visited { | .mw-body a.external:visited { | ||
color: var(-- | color: var(--text-link-header-color); | ||
/* bug 3112 */ | /* bug 3112 */ | ||
} | } | ||
.mw-body a.external:active { | .mw-body a.external:active { | ||
color: var(-- | color: var(--text-link-hover-color); | ||
} | } | ||
| Line 356: | Line 422: | ||
height: 1px; | height: 1px; | ||
color: var(--dark-bg-color); | color: var(--dark-bg-color); | ||
background-color: var(-- | background-color: var(--text-inactive-tab-color); | ||
border: 0; | border: 0; | ||
margin: .2em 0; | margin: .2em 0; | ||
| Line 370: | Line 436: | ||
h5, | h5, | ||
h6 { | h6 { | ||
color: var(-- | color: var(--text-link-header-color); | ||
background: none; | background: none; | ||
font-weight: normal; | font-weight: normal; | ||
| Line 377: | Line 443: | ||
padding-top: .5em; | padding-top: .5em; | ||
padding-bottom: .17em; | padding-bottom: .17em; | ||
border-bottom: 1px solid var(-- | border-bottom: 1px solid var(--light-border-color); | ||
} | } | ||
| Line 496: | Line 562: | ||
code { | code { | ||
background-color: var(--light-bg-color); | background-color: var(--light-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 504: | Line 570: | ||
padding: 1em; | padding: 1em; | ||
border: none; | border: none; | ||
color: var(-- | color: var(--text-color); | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
| Line 520: | Line 586: | ||
table { | table { | ||
font-size: 100%; | font-size: 100%; | ||
color: var(-- | color: var(--text-color); | ||
border-color: #14392e; | border-color: #14392e; | ||
} | } | ||
tbody { | tbody { | ||
border-color: # | border-color: #261439; | ||
} | } | ||
| Line 532: | Line 598: | ||
fieldset { | fieldset { | ||
border: 1px solid var(-- | border: 1px solid var(--text-inactive-tab-color); | ||
margin: 1em 0 1em 0; | margin: 1em 0 1em 0; | ||
padding: 0 1em 1em; | padding: 0 1em 1em; | ||
| Line 562: | Line 628: | ||
vertical-align: top; | vertical-align: top; | ||
background: var(--dark-bg-color); | background: var(--dark-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Line 573: | Line 639: | ||
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { | ||
color: var(-- | color: var(--text-color); | ||
font-weight: bold; | font-weight: bold; | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | |||
background: linear-gradient( | |||
outline:none; | outline:none; | ||
padding: 3px 6px; | padding: 3px 6px; | ||
| Line 586: | Line 651: | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
color: var(-- | color: var(--text-color); | ||
background: linear-gradient( | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
} | } | ||
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { | input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { | ||
color: | color: var(--text-color); | ||
outline: none; | outline: none; | ||
} | } | ||
| Line 597: | Line 662: | ||
background-color: #192324; | background-color: #192324; | ||
border:1px solid var(--dark-2-bg-color); | border:1px solid var(--dark-2-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Line 605: | Line 670: | ||
background-color: #192324; | background-color: #192324; | ||
border: 1px solid #005f65; | border: 1px solid #005f65; | ||
color: var(-- | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Line 615: | Line 680: | ||
} | } | ||
.mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { | |||
color: var(--text-color); | |||
border-color: var(--light-border-color); | |||
box-shadow: none; | |||
} | |||
.mw-ui-button:not(:disabled):hover { | |||
color: var(--text-color); | |||
border-color: var(--light-border-color); | |||
} | |||
.mw-ui-button:not(:disabled):focus { | |||
color: var(--text-link-header-color); | |||
border-color: var(--light-border-color); | |||
box-shadow: inset 0 0 0 1px var(--light-border-color), inset 0 0 0 2px var(--border-color-alt); | |||
outline-width: 0; | |||
} | |||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | |||
border-radius: 8px; | |||
} | |||
/* Emulate Center */ | /* Emulate Center */ | ||
| Line 747: | Line 833: | ||
.toctogglelabel { | .toctogglelabel { | ||
color: var(--text-color); | |||
} | } | ||
| Line 792: | Line 878: | ||
li.gallerybox div.thumb { | li.gallerybox div.thumb { | ||
text-align: center; | text-align: center; | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
background-color: var(--dark-bg-color); | background-color: var(--dark-bg-color); | ||
margin: 2px; | margin: 2px; | ||
| Line 808: | Line 894: | ||
div.thumbinner { | div.thumbinner { | ||
border: 1px solid | border: 1px solid var(--border-color-alt); | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 8px !important; | padding: 8px !important; | ||
| Line 818: | Line 904: | ||
html .thumbimage { | html .thumbimage { | ||
border: 1px solid | border: 1px solid var(--border-color-alt); | ||
border-radius: 2px; | border-radius: 2px; | ||
background-color: inherit; | background-color: inherit; | ||
| Line 839: | Line 925: | ||
display: block; | display: block; | ||
border: none !important; | border: none !important; | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-magnify-thumb-icon); | ||
} | } | ||
| Line 896: | Line 982: | ||
div#mw-panel div.portal div.body ul li a { | div#mw-panel div.portal div.body ul li a { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
div#mw-panel div.portal div.body ul li a:visited { | div#mw-panel div.portal div.body ul li a:visited { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 908: | Line 994: | ||
.oo-ui-panelLayout-framed { | .oo-ui-panelLayout-framed { | ||
background-color: | background-color: var(--light-3-bg-color) | ||
} | } | ||
| Line 915: | Line 1,001: | ||
.vector-menu-portal .vector-menu-heading { | .vector-menu-portal .vector-menu-heading { | ||
color: var(-- | color: var(--text-link-header-color); | ||
background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%); | |||
background-position: center bottom; | |||
background-repeat: no-repeat; | |||
background-size: 100% 1px; | |||
} | } | ||
| Line 922: | Line 1,012: | ||
.vector-menu-portal .vector-menu-content li a, | .vector-menu-portal .vector-menu-content li a, | ||
.vector-menu-portal .vector-menu-content li a:visited { | .vector-menu-portal .vector-menu-content li a:visited { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 938: | Line 1,028: | ||
margin-top: -1px; | margin-top: -1px; | ||
background-color: var(--light-bg-color); | background-color: var(--light-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
direction: ltr; | direction: ltr; | ||
} | } | ||
| Line 961: | Line 1,051: | ||
border: none; | border: none; | ||
box-shadow: 0 0 0 1px #1b1618; | box-shadow: 0 0 0 1px #1b1618; | ||
background: | background: var(--light-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
padding: 0 0; | padding: 0 0; | ||
} | } | ||
| Line 979: | Line 1,069: | ||
border: none; | border: none; | ||
box-shadow: 0 0 0 1px #1b1618; | box-shadow: 0 0 0 1px #1b1618; | ||
background: | background: var(--light-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
padding: 0 0; | padding: 0 0; | ||
} | } | ||
div#simpleSearch input { | div#simpleSearch input { | ||
color: var(-- | color: var(--text-color); | ||
background-image: none; | background-image: none; | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
| Line 996: | Line 1,086: | ||
box-shadow: 0 0 0 1px #17161b; | box-shadow: 0 0 0 1px #17161b; | ||
background: #192324; | background: #192324; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,002: | Line 1,092: | ||
border: none; | border: none; | ||
background: #192324; | background: #192324; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,009: | Line 1,099: | ||
border-top: 1px solid #1e2b2e; | border-top: 1px solid #1e2b2e; | ||
background: #192324; | background: #192324; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,018: | Line 1,108: | ||
.suggestions a.mw-searchSuggest-link:active, | .suggestions a.mw-searchSuggest-link:active, | ||
.suggestions a.mw-searchSuggest-link:focus { | .suggestions a.mw-searchSuggest-link:focus { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
.suggestions-special .special-label { | .suggestions-special .special-label { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.suggestions-result-current .special-label { | .suggestions-result-current .special-label { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,053: | Line 1,143: | ||
.mw-search-profile-tabs div.search-types ul li.current a { | .mw-search-profile-tabs div.search-types ul li.current a { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
cursor: default; | cursor: default; | ||
} | } | ||
.results-info { | .results-info { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,080: | Line 1,170: | ||
border: none; | border: none; | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--dark-bg-color); | ||
padding: 5px; | padding: 5px; | ||
margin-top: 1em; | margin-top: 1em; | ||
| Line 1,087: | Line 1,177: | ||
.mw-footer li { | .mw-footer li { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,110: | Line 1,200: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 2px; | padding: 2px; | ||
| Line 1,120: | Line 1,210: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Line 1,130: | Line 1,220: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Line 1,140: | Line 1,230: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Line 1,150: | Line 1,240: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
} | } | ||
| Line 1,168: | Line 1,251: | ||
border: none; | border: none; | ||
padding: 0.2em; | padding: 0.2em; | ||
background: | background: var(--dark-2-bg-color); | ||
} | |||
table.wikitable>tr>th, | |||
table.wikitable>*>tr>th { | |||
background-color: var(--light-bg-color); | |||
text-align: center; | |||
color: var(--text-color); | |||
} | } | ||
table.wikitable.filehistory tr:first-child td:first-child { | table.wikitable.filehistory tr:first-child td:first-child { | ||
| Line 1,227: | Line 1,318: | ||
font-size: x-small; | font-size: x-small; | ||
padding: .2em 2em; | padding: .2em 2em; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,290: | Line 1,381: | ||
textarea { | textarea { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-color: var(--dark-2-bg-color); | border-color: var(--dark-2-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
| Line 1,314: | Line 1,405: | ||
background-color: #192324; | background-color: #192324; | ||
border: 1px solid var(--dark-2-bg-color); | border: 1px solid var(--dark-2-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Line 1,327: | Line 1,418: | ||
input[type="url"]:hover, | input[type="url"]:hover, | ||
input[type="text"]:hover { | input[type="text"]:hover { | ||
background-color: | background-color: var(--light-2-bg-color); | ||
border: 1px solid | border: 1px solid var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
color: var(-- | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Line 1,343: | Line 1,434: | ||
input[type="url"]:focus, | input[type="url"]:focus, | ||
input[type="text"]:focus { | input[type="text"]:focus { | ||
border: 1px solid | border: 1px solid var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
outline: none; | outline: none; | ||
} | } | ||
| Line 1,356: | Line 1,447: | ||
input[type="url"]:active, | input[type="url"]:active, | ||
input[type="text"]:active { | input[type="text"]:active { | ||
border-color: | border-color: var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
outline: none; | outline: none; | ||
} | } | ||
| Line 1,365: | Line 1,456: | ||
.editOptions { | .editOptions { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: inherit; | color: inherit; | ||
border: none; | border: none; | ||
| Line 1,394: | Line 1,485: | ||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover { | .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover { | ||
margin: 0; | margin: 0; | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus { | .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus { | ||
margin: 0; | margin: 0; | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
| Line 1,424: | Line 1,515: | ||
padding-left: 18px; | padding-left: 18px; | ||
padding-right: 12px; | padding-right: 12px; | ||
color: var(-- | color: var(--text-link-header-color); | ||
background-position: left center; | background-position: left center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 1,430: | Line 1,521: | ||
.wikiEditor-ui-toolbar { | .wikiEditor-ui-toolbar { | ||
background: | background: var(--light-3-bg-color); | ||
background-position: left top; | background-position: left top; | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
| Line 1,443: | Line 1,534: | ||
.wikiEditor-ui-toolbar .tabs span.tab a.current, | .wikiEditor-ui-toolbar .tabs span.tab a.current, | ||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,456: | Line 1,547: | ||
.wikiEditor-ui-toolbar .sections .section { | .wikiEditor-ui-toolbar .sections .section { | ||
border-top: 1px solid var(--dark-2-bg-color); | border-top: 1px solid var(--dark-2-bg-color); | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
| Line 1,464: | Line 1,555: | ||
margin-left: 5px; | margin-left: 5px; | ||
margin-right: 8px; | margin-right: 8px; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,472: | Line 1,563: | ||
.wikiEditor-ui-toolbar .booklet .index .current { | .wikiEditor-ui-toolbar .booklet .index .current { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
border-bottom: 1px solid var(--light-bg-color); | border-bottom: 1px solid var(--light-bg-color); | ||
} | } | ||
| Line 1,480: | Line 1,571: | ||
padding: 4px; | padding: 4px; | ||
padding-left: 6px; | padding-left: 6px; | ||
color: var(-- | color: var(--text-color); | ||
background: var(--dark-bg-color); | background: var(--dark-bg-color); | ||
border-bottom: 1px solid var(--light-bg-color); | border-bottom: 1px solid var(--light-bg-color); | ||
| Line 1,486: | Line 1,577: | ||
.wikiEditor-ui-toolbar .booklet .index div:hover { | .wikiEditor-ui-toolbar .booklet .index div:hover { | ||
background: | background: var(--light-3-bg-color); | ||
color: | color: var(--text-link-hover-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .booklet .index .current:hover { | .wikiEditor-ui-toolbar .booklet .index .current:hover { | ||
background: | background: var(--light-3-bg-color); | ||
} | } | ||
| Line 1,504: | Line 1,595: | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: var(-- | color: var(--text-color); | ||
background: #1b2628; | background: #1b2628; | ||
/* Old browsers */ | /* Old browsers */ | ||
| Line 1,543: | Line 1,634: | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: var(-- | color: var(--text-color); | ||
background: #1b2628; | background: #1b2628; | ||
background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%); | background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%); | ||
| Line 1,575: | Line 1,666: | ||
.wikiEditor-ui-tabs div.current a { | .wikiEditor-ui-tabs div.current a { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.wikiEditor-ui-tabs div a { | .wikiEditor-ui-tabs div a { | ||
padding: 0 0.75em; | padding: 0 0.75em; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-tabs div a:hover { | .wikiEditor-ui-tabs div a:hover { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,607: | Line 1,698: | ||
.wikiEditor-preview-loading span { | .wikiEditor-preview-loading span { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .booklet .pages { | .wikiEditor-ui-toolbar .booklet .pages { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-characters div span { | .wikiEditor-ui-toolbar .page-characters div span { | ||
border: 1px solid | border: 1px solid var(--border-color-alt); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 8px; | padding: 8px; | ||
| Line 1,623: | Line 1,714: | ||
margin-top: 5px; | margin-top: 5px; | ||
background: var(--dark-bg-color); | background: var(--dark-bg-color); | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-characters div span:hover { | .wikiEditor-ui-toolbar .page-characters div span:hover { | ||
color: | color: var(--text-link-header-color); | ||
background: | background: var(--light-bg-color); | ||
border: 1px solid var(-- | border: 1px solid var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,635: | Line 1,726: | ||
color: #ffc000; | color: #ffc000; | ||
background-color: #213233; | background-color: #213233; | ||
border: 1px solid var(-- | border: 1px solid var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select { | .wikiEditor-ui-toolbar .group .tool-select { | ||
background: var(-- | background: var(--dark-bg-color); | ||
border-color: | border-color: var(--border-color-alt); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .label { | .wikiEditor-ui-toolbar .group .tool-select .label { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,652: | Line 1,742: | ||
margin-top: 22px; | margin-top: 22px; | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | .wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | ||
background-color: | background-color: var(--light-2-bg-color); | ||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { | |||
background-color: var(--light-2-bg-color); | |||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .options .option { | .wikiEditor-ui-toolbar .group .tool-select .options .option { | ||
padding: 0.5em; | padding: 0.5em; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-table td { | .wikiEditor-ui-toolbar .page-table td { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
background: | background: var(--dark-2-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-table th { | .wikiEditor-ui-toolbar .page-table th { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
div.wikiEditor-ui-view.wikiEditor-ui-view-changes { | div.wikiEditor-ui-view.wikiEditor-ui-view-changes { | ||
background: | background: var(--light-bg-color); | ||
padding: 4px; | padding: 4px; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Line 1,709: | Line 1,803: | ||
.ui-widget-content { | .ui-widget-content { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
background: var(--dark-bg-color); | background: var(--dark-bg-color); | ||
} | } | ||
| Line 1,719: | Line 1,813: | ||
body .ui-button { | body .ui-button { | ||
margin: 0.5em 0 0.5em 0.4em; | margin: 0.5em 0 0.5em 0.4em; | ||
color: var(-- | color: var(--text-inactive-tab-color) !important; | ||
border: 1px solid #0e1010 !important; | border: 1px solid #0e1010 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
| Line 1,735: | Line 1,829: | ||
border: 1px solid #0e1010 !important; | border: 1px solid #0e1010 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
color: var(-- | color: var(--text-color) !important; | ||
background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important; | background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important; | ||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important; | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important; | ||
| Line 1,802: | Line 1,896: | ||
.oo-ui-icon-search, | .oo-ui-icon-search, | ||
.oo-ui-indicator-clear { | .oo-ui-indicator-clear { | ||
filter: var(--icon-color-filter); | |||
} | } | ||
| Line 1,829: | Line 1,922: | ||
.client-js #preferences fieldset { | .client-js #preferences fieldset { | ||
border: none; | border: none; | ||
border-top: solid 1px var(-- | border-top: solid 1px var(--text-inactive-tab-color); | ||
} | } | ||
.client-js #preferences legend { | .client-js #preferences legend { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 1,854: | Line 1,947: | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: var(-- | color: var(--text-color); | ||
background: #1b2628; | background: #1b2628; | ||
/* Old browsers */ | /* Old browsers */ | ||
| Line 1,889: | Line 1,982: | ||
.client-js #preftoc li a:hover { | .client-js #preftoc li a:hover { | ||
color: var(-- | color: var(--text-color); | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 1,897: | Line 1,990: | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
padding: 0.5em; | padding: 0.5em; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 1,908: | Line 2,001: | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
color: var(-- | color: var(--text-color); | ||
background: #1b2628; | background: #1b2628; | ||
/* Old browsers */ | /* Old browsers */ | ||
| Line 1,949: | Line 2,042: | ||
border: 1px solid #14392e; | border: 1px solid #14392e; | ||
border-radius: 10px; | border-radius: 10px; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
font-weight: bold; | font-weight: bold; | ||
margin: 2em 0 1em; | margin: 2em 0 1em; | ||
| Line 1,964: | Line 2,057: | ||
line-height: 1.2em; | line-height: 1.2em; | ||
margin: 0 0 1.4em 1em; | margin: 0 0 1.4em 1em; | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
width: auto; | width: auto; | ||
} | } | ||
| Line 1,976: | Line 2,069: | ||
-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | -webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | ||
box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 1,988: | Line 2,081: | ||
#pagehistory li.selected { | #pagehistory li.selected { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: inherit; | color: inherit; | ||
border: 1px dashed | border: 1px dashed var(--light-border-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 3px; | margin-bottom: 3px; | ||
| Line 1,997: | Line 2,090: | ||
#pagehistory li { | #pagehistory li { | ||
border: none; | border: none; | ||
background: | background: var(--dark-2-bg-color) | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
| Line 2,021: | Line 2,114: | ||
td.diff-context { | td.diff-context { | ||
background: | background: var(--light-bg-color); | ||
border: none; | border: none; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
td.diff-deletedline { | td.diff-deletedline { | ||
border-color: | border-color: var(--text-link-new-color); | ||
} | } | ||
td.diff-addedline { | td.diff-addedline { | ||
border-color: | border-color: var(--text-border-green-color); | ||
} | } | ||
td.diff-addedline .diffchange { | td.diff-addedline .diffchange { | ||
background: | background: var(--light-2-bg-color) | ||
} | } | ||
td.diff-deletedline .diffchange { | td.diff-deletedline .diffchange { | ||
background: | background: var(--light-3-bg-color); | ||
} | } | ||
| Line 2,098: | Line 2,191: | ||
} | } | ||
/* Override for 'More' Tab Fix */ | |||
nav#p-cactions input[type="checkbox"]+label::before { | |||
width: 0; | |||
} | |||
/* disabled checkbox or radio */ | /* disabled checkbox or radio */ | ||
| Line 2,210: | Line 2,308: | ||
fieldset#mw-searchoptions div.divider { | fieldset#mw-searchoptions div.divider { | ||
clear: both; | clear: both; | ||
border-bottom: 1px solid var(-- | border-bottom: 1px solid var(--text-inactive-tab-color); | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
| Line 2,262: | Line 2,360: | ||
} | } | ||
/* EXPERIMENTAL UPDATE */ | |||
#pt-userpage a, | #pt-userpage a, | ||
#pt-anonuserpage, | #pt-anonuserpage, | ||
#pt-login, | #pt-login, | ||
#pt-logout { | #pt-logout { | ||
background | background: none !important; | ||
padding-left: 0 !important; | |||
padding-left: | |||
} | } | ||
li#pt-userpage::before, li#pt-logout::before { | |||
content: ''; | |||
display: inline-block; | |||
background: url(resources/assets/skins/icon_profile.svg) 100% 50% no-repeat; | |||
background-size: 1.3em; | |||
width: 1.3em; | |||
height: 1.3em; | |||
margin-top: -0.5em; | |||
margin-right: 0.1em; | |||
filter: var(--icon-color-filter); | |||
} | |||
/* WikiForum */ | /* WikiForum */ | ||
| Line 2,287: | Line 2,393: | ||
p.mw-wikiforum-descr { | p.mw-wikiforum-descr { | ||
color: var(-- | color: var(--text-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
| Line 2,398: | Line 2,504: | ||
table.mw-wikiforum-posted { | table.mw-wikiforum-posted { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
| Line 2,409: | Line 2,515: | ||
blockquote p.posted { | blockquote p.posted { | ||
color: var(-- | color: var(--text-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
border-bottom: 1px dotted var(-- | border-bottom: 1px dotted var(--text-color); | ||
background: transparent; | background: transparent; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
| Line 2,418: | Line 2,524: | ||
blockquote span { | blockquote span { | ||
color: var(-- | color: var(--text-color); | ||
font-family: Times New Roman; | font-family: Times New Roman; | ||
font-size: 30px; | font-size: 30px; | ||
| Line 2,427: | Line 2,533: | ||
blockquote { | blockquote { | ||
padding: 10px; | padding: 10px; | ||
background: var(--dark-bg-color); | background: var(--dark-2-bg-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 2,554: | Line 2,660: | ||
#mw-indicator-mw-helplink a { | #mw-indicator-mw-helplink a { | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-indicator-help-icon); | ||
} | } | ||
| Line 2,560: | Line 2,666: | ||
/* Lists */ | /* Lists */ | ||
ul { | ul { | ||
list-style-image: | list-style-image: var(--list-item-marker); | ||
} | } | ||
ul#pagehistory { | ul#pagehistory { | ||
| Line 2,567: | Line 2,673: | ||
/* Watch icon */ | /* Watch icon */ | ||
.vector-menu-tabs #ca-watch.icon a::before { | .vector-menu-tabs #ca-watch.icon a::before { | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-watch-icon); | ||
} | } | ||
.vector-menu-tabs #ca-watch.icon a::before:hover, | .vector-menu-tabs #ca-watch.icon a::before:hover, | ||
| Line 2,582: | Line 2,688: | ||
div.vectorMenu h3 span { | div.vectorMenu h3 span { | ||
font-weight: bold; | font-weight: bold; | ||
color: var(-- | color: var(--text-color); | ||
padding-top: 5px; | padding-top: 5px; | ||
margin-right: 0.7em; | margin-right: 0.7em; | ||
| Line 2,607: | Line 2,713: | ||
.oo-ui-menuSelectWidget { | .oo-ui-menuSelectWidget { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-color: var(--dark-2-bg-color); | border-color: var(--dark-2-bg-color); | ||
border-radius: 8px; | |||
} | } | ||
.oo-ui-indicator-down { | .oo-ui-indicator-down { | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-indicator-down-icon); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget input[type="checkbox"]+span { | .oo-ui-checkboxInputWidget input[type="checkbox"]+span { | ||
background-color: transparent; | background-color: transparent; | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-checkmark-icon); | ||
border: 1px solid var(-- | border: 1px solid var(--text-inactive-tab-color); | ||
} | } | ||
| Line 2,640: | Line 2,747: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: inherit; | color: inherit; | ||
| Line 2,646: | Line 2,753: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: inherit; | color: inherit; | ||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | |||
color: inherit; | |||
border-color: #0e1010; | |||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus, | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
color: inherit; | color: inherit; | ||
} | } | ||
| Line 2,663: | Line 2,775: | ||
.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-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus, | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 2,686: | Line 2,798: | ||
.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { | .oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { | ||
color: | color: var(--text-link-new-color) !important; | ||
} | } | ||
| Line 2,737: | Line 2,849: | ||
.oo-ui-textInputWidget input, | .oo-ui-textInputWidget input, | ||
.oo-ui-textInputWidget textarea { | .oo-ui-textInputWidget textarea { | ||
background-color: | background-color: var(--dark-bg-color); | ||
color: var(-- | color: var(--text-color); | ||
border: 1px solid #1b1618; | border: 1px solid #1b1618; | ||
} | } | ||
| Line 2,776: | Line 2,888: | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span { | ||
border-color: var(-- | border-color: var(--text-color); | ||
box-shadow: inset 0 0 0 1px green; | box-shadow: inset 0 0 0 1px green; | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span { | ||
border-color: var(-- | border-color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span { | ||
background-color: var(-- | background-color: var(--text-inactive-tab-color); | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
box-shadow: inset 0 0 0 1px var(-- | box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: var(-- | border-color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: var(-- | border-color: var(--text-color); | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| Line 2,803: | Line 2,915: | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span { | ||
background-color: var(-- | background-color: var(--text-inactive-tab-color); | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
box-shadow: inset 0 0 0 1px var(-- | box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color); | ||
} | } | ||
| Line 2,815: | Line 2,927: | ||
.oo-ui-popupWidget-popup { | .oo-ui-popupWidget-popup { | ||
background-color: | background-color: var(--dark-2-bg-color); | ||
border: 1px solid var(-- | border: 1px solid var(--border-color-alt); | ||
border-radius: 8px; | |||
} | } | ||
| Line 2,825: | Line 2,938: | ||
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { | .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { | ||
border-top-color: #2C3022; | border-top-color: #2C3022; | ||
} | |||
span.oo-ui-labelElement-label.mw-rcfilters-ui-datePopupWidget-title, span.oo-ui-labelElement-label.mw-rcfilters-ui-valuePickerWidget-title, label.oo-ui-labelElement-label { | |||
color: var(--text-color); | |||
} | } | ||
span.oo-ui-labelElement-label bdi { | |||
color: var(--text-color); | |||
} | |||
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { | |||
border-color: var(--light-border-color); | |||
box-shadow: inset 0 0 0 1px var(--light-border-color); | |||
} | |||
/* Infobox */ | /* Infobox */ | ||
| Line 2,843: | Line 2,969: | ||
table.infobox tr th.header { | table.infobox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
font-size: 1.2em; | font-size: 1.2em; | ||
} | } | ||
| Line 2,860: | Line 2,986: | ||
table.navbox tr th.header { | table.navbox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
| Line 2,876: | Line 3,002: | ||
table.notebox tr th.header { | table.notebox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
font-size: 1.2em; | font-size: 1.2em; | ||
} | } | ||
| Line 2,906: | Line 3,032: | ||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { | .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { | ||
background-color: var(--dark-bg-color); | |||
border: 1px solid #0e1010; | |||
border-radius: 6px; | |||
} | } | ||
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { | .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { | ||
color: var(--text-color); | |||
outline: 0; | |||
} | } | ||
| Line 2,919: | Line 3,045: | ||
.mw-widget-dateInputWidget-calendar { | .mw-widget-dateInputWidget-calendar { | ||
background-color: var(--dark-2-bg-color); | |||
border-color: var(--text-inactive-tab-color); | |||
border-radius: 10px; | |||
} | } | ||
.mw-widget-calendarWidget-header { | .mw-widget-calendarWidget-header { | ||
filter: invert(89%) sepia(10%) saturate(1500%) hue-rotate(30deg); | |||
} | } | ||
.mw-widget-calendarWidget-day-heading { | .mw-widget-calendarWidget-day-heading { | ||
color: #ffc000; | |||
} | } | ||
.mw-widget-calendarWidget-day { | .mw-widget-calendarWidget-day { | ||
color: var(--text-inactive-tab-color); | |||
} | } | ||
.mw-widget-calendarWidget-day-additional { | .mw-widget-calendarWidget-day-additional { | ||
color: #5c8e48; | |||
} | } | ||
.mw-widget-calendarWidget-item:hover { | .mw-widget-calendarWidget-item:hover { | ||
background-color: #1e2b2d; | |||
color: #ffc000; | |||
font-weight: bold; | |||
} | } | ||
.mw-widget-calendarWidget-day-today { | .mw-widget-calendarWidget-day-today { | ||
box-shadow: inset 0 0 0 1px #ffc000; | |||
} | } | ||
| Line 2,959: | Line 3,085: | ||
::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||
border-radius: 4px; | border-radius: 4px; | ||
background: | background: var(--light-2-bg-color); | ||
} | } | ||
::-webkit-scrollbar-thumb:hover, | ::-webkit-scrollbar-thumb:hover, | ||
::-webkit-scrollbar-thumb:active { | ::-webkit-scrollbar-thumb:active { | ||
background: | background: var(--light-3-bg-color); | ||
} | } | ||
| Line 2,978: | Line 3,104: | ||
::-webkit-scrollbar-corner { | ::-webkit-scrollbar-corner { | ||
background: | background: var(--light-2-bg-color); | ||
} | } | ||
::-webkit-scrollbar-track { | ::-webkit-scrollbar-track { | ||
background: | background: var(--dark-bg-color); | ||
} | |||
::-webkit-resizer { | |||
background: var(--border-color-alt); | |||
border: 1px dashed var(--light-border-color); | |||
} | } | ||
| Line 3,028: | Line 3,159: | ||
.oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next), | .oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next), | ||
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon { | .oo-ui-buttonGroupWidget .oo-ui-iconElement-icon { | ||
filter: var(--icon-color-filter); | |||
} | } | ||
| Line 3,040: | Line 3,170: | ||
.oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon, | .oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon, | ||
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert { | .oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert { | ||
filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg); | filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg); | ||
} | } | ||
| Line 3,136: | Line 3,265: | ||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, | ||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { | ||
color: | color: var(--text-link-header-color); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | ||
color: | color: var(--text-link-header-color); | ||
border-color: | border-color: var(--light-border-color); | ||
} | } | ||
| Line 3,157: | Line 3,286: | ||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, | ||
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label { | .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label { | ||
color: | color: var(--text-link-header-color); | ||
font-weight: bold; | |||
} | } | ||
| Line 3,191: | Line 3,321: | ||
.mw-content-ltr figure[typeof*='mw:Image/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Video/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Audio/Thumb'] > a:after { | .mw-content-ltr figure[typeof*='mw:Image/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Video/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Audio/Thumb'] > a:after { | ||
background-image: linear-gradient(transparent,transparent), | background-image: linear-gradient(transparent,transparent), var(--image-magnify-thumb-icon); | ||
} | } | ||
| Line 3,209: | Line 3,339: | ||
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { | .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { | ||
background-color: #2C3022; | background-color: #2C3022; | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 3,217: | Line 3,347: | ||
.oo-ui-selectFileWidget-dropTarget { | .oo-ui-selectFileWidget-dropTarget { | ||
border-color: var(-- | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 3,223: | Line 3,353: | ||
.mw-rcfilters-ui-watchlistTopSectionWidget-separator { | .mw-rcfilters-ui-watchlistTopSectionWidget-separator { | ||
border-color: var(--text-inactive-tab-color); | |||
} | } | ||
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { | .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { | ||
color: var(--text-link-header-color); | |||
} | |||
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description { | |||
color: var(--text-color); | |||
} | } | ||
| Line 3,234: | Line 3,368: | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
color: var(--text-color); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: var(--light-2-bg-color); | |||
} | } | ||
| Line 3,240: | Line 3,378: | ||
.mw-rcfilters-ui-filterMenuSectionOptionWidget, | .mw-rcfilters-ui-filterMenuSectionOptionWidget, | ||
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { | .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { | ||
background-color: var(--light-bg-color); | |||
} | } | ||
| Line 3,252: | Line 3,390: | ||
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child), | .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child), | ||
.mw-rcfilters-ui-datePopupWidget { | .mw-rcfilters-ui-datePopupWidget { | ||
background-color: var(--dark-bg-color); | |||
border-color: #000; | |||
} | } | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters, | .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters, | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | ||
color: var(--text-inactive-tab-color); | |||
} | } | ||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input { | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input { | ||
color: var(--text-inactive-tab-color); | |||
background-color: var(--light-bg-color); | |||
border-color: #000; | |||
} | |||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget { | |||
background: var(--dark-2-bg-color); | |||
} | } | ||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { | ||
color: var(--text-color); | |||
background-color: var(--light-bg-color); | |||
border-color: #005f65; | |||
} | } | ||
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover, | .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover, | ||
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { | .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active { | ||
background-color: #2C3022; | |||
} | } | ||
.mw-rcfilters-ui-filterMenuHeaderWidget-title, | .mw-rcfilters-ui-filterMenuHeaderWidget-title, | ||
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc, | .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, | ||
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label, | .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label, | ||
| Line 3,285: | Line 3,426: | ||
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title, | .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title, | ||
.mw-rcfilters-ui-tagItemWidget-popup-content { | .mw-rcfilters-ui-tagItemWidget-popup-content { | ||
color: var(--text-inactive-tab-color); | |||
} | |||
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { | |||
color: var(--text-disabled-color); | |||
} | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-title { | |||
color: var(--text-link-header-color); | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label { | |||
color: var(--text-color); | |||
font-weight: bold; | |||
} | } | ||
.mw-rcfilters-ui-filterMenuHeaderWidget-header, | .mw-rcfilters-ui-filterMenuHeaderWidget-header, | ||
.mw-rcfilters-ui-menuSelectWidget-footer { | .mw-rcfilters-ui-menuSelectWidget-footer { | ||
background-color: var(--light-3-bg-color); | |||
border-color: #000; | |||
} | } | ||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | ||
border-color: #000; | border-color: #000; | ||
background-color: | background-color: var(--dark-bg-color); | ||
} | } | ||
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { | .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { | ||
border-color: | border-color: var(--dark-bg-color); | ||
} | } | ||
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { | .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { | ||
border-color: #000; | |||
} | } | ||
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive), | .rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive), | ||
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) { | .mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) { | ||
filter: var(--icon-color-filter); | |||
} | } | ||
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover, | .rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover, | ||
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover { | .mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover { | ||
filter: var(--icon-color-hover-filter); | |||
filter: | |||
} | } | ||
| Line 3,333: | Line 3,477: | ||
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { | .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 3,353: | Line 3,497: | ||
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, | .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active, | ||
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { | .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { | ||
color: var(-- | color: var(--text-color); | ||
} | } | ||
| Line 3,361: | Line 3,505: | ||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | ||
color: var(-- | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Line 3,380: | Line 3,524: | ||
width: 39.66%; | width: 39.66%; | ||
margin-left: 0.33%; | margin-left: 0.33%; | ||
} | |||
/* Additional SVG Icons */ | |||
.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert:before { | |||
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M0%20128C0%2092.7%2028.7%2064%2064%2064H320c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22%2F%3E%3C%2Fsvg%3E); | |||
} | |||
span.oo-ui-iconElement-icon.oo-ui-icon-settings, span.oo-ui-iconElement-icon.oo-ui-icon-bookmark, span.oo-ui-iconElement-icon.oo-ui-icon-menu, span.oo-ui-iconElement-icon.oo-ui-icon-search, .oo-ui-icon-expand, .mw-ui-icon-expand:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before, .wikiEditor-ui-toolbar .group .tool-select .label:after, .wikiEditor-ui-toolbar .tabs span.tab a:before { | |||
filter: var(--icon-color-filter); | |||
} | |||
span.oo-ui-iconElement-icon.oo-ui-icon-trash, span.oo-ui-iconElement-icon.oo-ui-icon-close, span.oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert { | |||
filter: var(--icon-color-red-filter); | |||
} | |||
span.oo-ui-iconElement-icon.oo-ui-icon-play { | |||
filter: var(--icon-color-green-filter); | |||
} | |||
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { | |||
background-color: var(--light-bg-color); | |||
} | |||
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { | |||
background-image: var(--image-arrow-collapsed-ltr-icon); | |||
} | |||
.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded { | |||
background-image: var(--image-arrow-expand-icon); | |||
} | } | ||
Revision as of 03:49, 26 November 2023
/* Variables */
:root {
/* Background colors */
--dark-bg-color: #17131B;
--dark-2-bg-color: #130E16;
--light-bg-color: #231A29;
--light-2-bg-color: #382A42;
--light-3-bg-color: #292230;
/* Colors used for inactive tabs and UI buttons */
--tab-button-bg-color-light: #2B2333;
--tab-button-bg-color-dark: #18141D;
/* Border colors */
--border-color-alt: #381439;
--light-border-color: #8816FF;
/* Text colors */
--text-color: #D475FF;
--text-link-header-color: #FEB8FF;
--text-link-hover-color: #FBCCFF;
--text-link-new-color: #EE1F1B;
--text-link-new-hover-color: #F00000;
--text-border-green-color: #1BEE1E;
--text-disabled-color: #704F63;
--text-inactive-tab-color: #B10EFF;
/* Inline SVG images below must contain the value of --text-inactive-tab-color! */
--list-item-marker: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23B10EFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-watch-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23B10EFF%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
--image-magnify-thumb-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%23B10EFF%22%3E%3Cpath%20id%3D%22bigbox%22%20d%3D%22M1.509%201.865h10.99v7.919h-10.99z%22%2F%3E%3Cpath%20id%3D%22smallbox%22%20d%3D%22M-1.499%206.868h5.943v4.904h-5.943z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
--image-arrow-collapsed-ltr-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-arrow-collapsed-rtl-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M8%201.533v9.671L3.248%206.333z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-arrow-expand-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23B10EFF%22%20d%3D%22M1.165%203.624h9.671L5.965%208.376z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-indicator-down-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23B10EFF%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
--image-indicator-help-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23B10EFF%22%3E%3Cpath%20d%3D%22M12.001%202.085c-5.478%200-9.916%204.438-9.916%209.916%200%205.476%204.438%209.914%209.916%209.914%205.476%200%209.914-4.438%209.914-9.914%200-5.478-4.438-9.916-9.914-9.916zm.001%2018c-4.465%200-8.084-3.619-8.084-8.083%200-4.465%203.619-8.084%208.084-8.084%204.464%200%208.083%203.619%208.083%208.084%200%204.464-3.619%208.083-8.083%208.083z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M11.766%206.688c-2.5%200-3.219%202.188-3.219%202.188l1.411.854s.298-.791.901-1.229c.516-.375%201.625-.625%202.219.125.701.885-.17%201.587-1.078%202.719-.953%201.186-1%203.655-1%203.655h1.969s.135-2.318%201.041-3.381c.603-.707%201.443-1.338%201.443-2.494s-1.187-2.437-3.687-2.437z%22%2F%3E%3Cpath%20d%3D%22M11%2016h2v2h-2z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20fill%3A%20%23B10EFF%7D%3C%2Fstyle%3E%0A%20%20%20%20%3Cg%20id%3D%22check%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%207.5L9.5%2015%206%2011.5%204.5%2013l5%205L20%207.5c-.706-.706-2.294-.706-3%200z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
/* Color Filter for SVG based icons used throughout the Wiki */
--icon-color-filter: invert(97%) sepia(3%) saturate(11000%) hue-rotate(210deg) brightness(94%) contrast(125%);
--icon-color-hover-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(210deg) brightness(106%) contrast(103%);
--icon-color-green-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(90deg) brightness(75%) contrast(200%);
--icon-color-red-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(305deg) brightness(75%) contrast(200%);
}
body {
font-size: 1em;
background: var(--dark-2-bg-color) url(resources/assets/skins/banner.png) 0 0 no-repeat;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif;
color: var(--text-inactive-tab-color);
}
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
#mw-page-base {
background: transparent;
}
.postedit {
color: var(--text-inactive-tab-color);
background-color: var(--light-bg-color);
background-color: rgba(26, 38, 41, 0.80);
border: none;
text-shadow: 0 0.0625em 0 rgba(26, 38, 40, 0.5);
border-radius: 5px;
-webkit-box-shadow: 0 2px 5px 0 #1a2628;
box-shadow: 0 2px 5px 0 #1a2628;
}
/* RayWiki logo */
#p-logo a {
display: block;
width: 10em;
height: 160px;
background-repeat: no-repeat;
background-position: inherit;
text-decoration: none;
margin-left: -8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
not all,
(min-resolution: 1.5dppx),
(min-resolution: 144dpi) {
.mw-wiki-logo {
background-size: 156px auto;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
not all,
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
.mw-wiki-logo {
background-size: 156px auto;
}
}
/* Vector tabs - remove outer backgrounds */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background: none;
}
.vector-menu-tabs li {
background: none;
}
.vector-menu-tabs .selected {
background: none;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background: none;
}
/* Vector tabs - standard */
.vector-menu-tabs li a {
border: 1px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
color: var(--text-inactive-tab-color);
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: var(--text-link-new-color);
}
/* Vector tabs - active */
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: var(--text-color);
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
}
/* Vector tabs - dropdown */
.vector-menu-dropdown h3 {
color: var(--text-inactive-tab-color);
}
/* Vector 'More' Tab */
.vector-menu-dropdown {
border: 1px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
}
.vector-menu-dropdown .vector-menu-heading {
color: var(--text-color);
}
.vector-menu-dropdown .vector-menu-heading:after {
background: url(resources/assets/skins/arrow-down.svg) 100% 50% no-repeat;
}
.vector-menu-dropdown .vector-menu-content {
background-color: var(--dark-bg-color);
border: 1px solid var(--dark-2-bg-color);
border-top-width: 0;
}
.vector-menu-dropdown .mw-list-item a {
color: var(--text-link-header-color);
}
/* right and left top navigation adjustment */
#right-navigation {
float: right;
margin-top: 39px;
}
#left-navigation {
margin-left: 11.2em;
margin-top: 39px;
}
/* Margin fix for Main Page. MediaWiki apparently added margin in the 1.23 update. */
div#content h2 {
font-size: 1.5em;
margin-top: 0px;
padding: 2px 0;
}
/* Page Information Tables */
table.wikitable.mw-page-info tr:first-child td:first-child {
border-top-left-radius: 4px;
}
table.wikitable.mw-page-info tr:first-child td:last-child {
border-top-right-radius: 4px;
}
table.wikitable.mw-page-info tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.mw-page-info tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
/* User Group Rights Table*/
table.wikitable.mw-listgrouprights-table tr:first-child th:first-child {
border-top-left-radius: 4px;
}
table.wikitable.mw-listgrouprights-table tr:first-child th:last-child {
border-top-right-radius: 4px;
}
table.wikitable.mw-listgrouprights-table tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.mw-listgrouprights-table tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
/* General Wikitable */
table.wikitable tbody tr:first-child th:first-child {
border-top-left-radius: 0px;
}
table.wikitable tbody tr:first-child th:last-child {
border-top-right-radius: 0px;
}
table.wikitable tbody tr:last-child th:first-child {
border-bottom-left-radius: 0px;
}
table.wikitable tbody tr:last-child th:last-child {
border-bottom-right-radius: 0px;
}
table.wikitable tbody tr:first-child td:first-child {
border-top-left-radius: 0px;
}
table.wikitable tbody tr:first-child td:last-child {
border-top-right-radius: 0px;
}
table.wikitable tbody tr:last-child td:first-child {
border-bottom-left-radius: 0px;
}
table.wikitable tbody tr:last-child td:last-child {
border-bottom-right-radius: 0px;
}
/* Tags Page Table */
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child {
border-top-left-radius: 4px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child {
border-top-right-radius: 4px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child {
border-bottom-right-radius: 4px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
/* Plusminus on History Page */
.mw-plusminus-pos {
color: var(--text-border-green-color);
}
.mw-plusminus-neg {
color: var(--text-link-new-color);
}
/**
* MediaWiki style sheet for general styles on basic content elements
*
* Styles for basic elements: links, lists, etc...
*
* This style sheet is used by the Monobook and Vector skins.
*/
/* Links */
a {
text-decoration: none;
color: var(--text-link-header-color);
background: none;
}
a:visited {
color: var(--text-link-header-color);
}
a:active {
color: var(--text-link-header-color);
}
a:hover,
a:focus {
text-decoration: underline;
color: var(--text-link-hover-color);
}
a.stub {
color: var(--text-link-header-color);
}
a.new,
#p-personal a.new {
color: var(--text-link-new-color);
}
a.new:visited,
#p-personal a.new:visited {
color: var(--text-link-new-color);
}
a.new:hover,
#p-personal a.new:hover {
color: var(--text-link-new-hover-color);
}
/* Interwiki Styling */
.mw-body a.extiw,
.mw-body a.extiw:active {
color: var(--text-link-header-color);
}
.mw-body a.extiw:visited {
color: var(--text-link-header-color);
}
.mw-body a.extiw:active {
color: var(--text-link-header-color);
}
/* External links */
.mw-body a.external {
color: var(--text-link-header-color);
}
.mw-body a.external:visited {
color: var(--text-link-header-color);
/* bug 3112 */
}
.mw-body a.external:active {
color: var(--text-link-hover-color);
}
/* External links need to be fixed in a lot of secondary locations (1.31) */
a.external {
background-position: center right;
background-repeat: no-repeat;
padding-right: 13px;
}
/* Inline Elements */
img {
border: none;
vertical-align: middle;
}
hr {
height: 1px;
color: var(--dark-bg-color);
background-color: var(--text-inactive-tab-color);
border: 0;
margin: .2em 0;
}
/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-link-header-color);
background: none;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid var(--light-border-color);
}
h1 {
font-size: 188%;
}
h2 {
font-size: 150%;
}
h3,
h4,
h5,
h6 {
border-bottom: none;
font-weight: bold;
}
h3 {
font-size: 132%;
}
h4 {
font-size: 116%;
}
h5 {
font-size: 108%;
}
h6 {
font-size: 100%;
}
/* Some space under the headers in the content area */
h1,
h2 {
margin-bottom: .6em;
}
h3,
h4,
h5 {
margin-bottom: .3em;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
p img {
margin: 0;
}
ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.6em;
padding: 0;
}
ol {
line-height: 1.5em;
margin: .3em 0 0 3.2em;
padding: 0;
list-style-image: none;
}
li {
margin-bottom: .1em;
}
dt {
font-weight: bold;
margin-bottom: .1em;
}
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.5em;
margin-left: 1.6em;
margin-bottom: .1em;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
/* Disabled for now
blockquote {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}*/
pre,
code,
tt,
kbd,
samp,
.mw-code {
/*
* Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
* Specifying any valid, second value will trigger correct behavior without forcing a different font.
*/
font-family: monospace, Courier;
}
code {
background-color: var(--light-bg-color);
color: var(--text-color);
border-color: var(--text-inactive-tab-color);
}
pre,
.mw-code {
padding: 1em;
border: none;
color: var(--text-color);
background-color: var(--dark-bg-color);
border-radius: 10px;
}
.not-patrolled {
background-color: #3A3A25;
border-radius: 6px;
padding-left: 2px;
}
/* Tables */
table {
font-size: 100%;
color: var(--text-color);
border-color: #14392e;
}
tbody {
border-color: #261439;
}
/* Forms */
fieldset {
border: 1px solid var(--text-inactive-tab-color);
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
border-radius: 8px;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: .5em;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
select {
vertical-align: top;
background: var(--dark-bg-color);
color: var(--text-color);
border-color: #0e1010;
border-radius: 8px;
outline: none;
}
.mw-recentchanges-table .mw-input select#namespace {
background-color: #2C3022;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
color: var(--text-color);
font-weight: bold;
border: 1px solid #0e1010;
border-radius: 8px;
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
outline:none;
padding: 3px 6px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
border: 1px solid #0e1010;
border-radius: 8px;
color: var(--text-color);
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
color: var(--text-color);
outline: none;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
background-color: #192324;
border:1px solid var(--dark-2-bg-color);
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):hover, input[type="color"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover {
background-color: #192324;
border: 1px solid #005f65;
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
border: 1px solid #005f65;
outline: none;
}
.mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on {
color: var(--text-color);
border-color: var(--light-border-color);
box-shadow: none;
}
.mw-ui-button:not(:disabled):hover {
color: var(--text-color);
border-color: var(--light-border-color);
}
.mw-ui-button:not(:disabled):focus {
color: var(--text-link-header-color);
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color), inset 0 0 0 2px var(--border-color-alt);
outline-width: 0;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
border-radius: 8px;
}
/* Emulate Center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* Small for tables and similar */
.small {
font-size: 94%;
}
table.small {
font-size: 100%;
}
/**
* MediaWiki style sheet for general styles on complex content
*
* Styles for complex things which are a standard part of page content
* (ie: the CSS classing built into the system), like the TOC.
*/
/* Table of contents */
#toc,
.toc,
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/**
* We want to display the ToC element with intrinsic width in block mode. The fit-content
* value for width is however not supported by large groups of browsers.
*
* We use display:table. Even though it should only contain other table-* display
* elements, there are no known problems with using this.
*
* Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
* using inline-block mode, which features at least intrinsic width, but won't clear preceding
* inline elements. In practice inline elements surrounding the TOC are uncommon enough that
* this is an acceptable sacrifice.
*/
#toc,
.toc {
display: -moz-inline-block;
display: inline-block;
display: table;
/* IE7 and earlier */
zoom: 1;
*display: inline;
padding: 7px;
}
/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
table#toc,
table.toc {
border-collapse: collapse;
}
/* Remove additional paddings inside table-cells that are not present in <div>s */
table#toc td,
table.toc td {
padding: 0;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
.tocnumber {
color: inherit;
}
.toctogglelabel {
color: var(--text-color);
}
/* Warning */
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
/* Images */
/* @noflip */
div.floatright,
table.floatright {
margin: 0 0 .5em .5em;
border: 0;
}
div.floatright p {
font-style: italic;
}
/* @noflip */
div.floatleft,
table.floatleft {
margin: 0 .5em .5em 0;
border: 0;
}
div.floatleft p {
font-style: italic;
}
/* Gallery */
li.gallerybox div.thumb {
text-align: center;
border: 1px solid var(--light-border-color);
background-color: var(--dark-bg-color);
margin: 2px;
border-radius: 8px;
}
/* Thumbnails */
div.thumb {
margin-bottom: .5em;
width: auto;
background-color: transparent;
}
div.thumbinner {
border: 1px solid var(--border-color-alt);
border-radius: 8px;
padding: 8px !important;
background-color: var(--dark-bg-color);
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 1px solid var(--border-color-alt);
border-radius: 2px;
background-color: inherit;
}
html .thumbcaption {
border: none;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
.mw-content-ltr div.magnify {
border: none !important;
background: none !important;
margin-left: 3px;
}
.mw-content-ltr div.magnify a {
display: block;
border: none !important;
background-image: linear-gradient(transparent, transparent), var(--image-magnify-thumb-icon);
}
/* @noflip */
div.tright {
margin: .5em 0 1.3em 1.4em;
}
/* @noflip */
div.tleft {
margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
/**
* Edit forms
*/
#editform textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
* Basic styles for the user login and create account forms
*/
#userlogin,
#userloginForm {
border: solid 1px #cccccc;
padding: 1.2em;
margin: 0.5em;
}
#loginend {
margin: 0.5em;
}
#loginend table {
width: 100%;
}
/* Panel */
div#mw-panel div.portal div.body ul li a {
color: var(--text-color);
}
div#mw-panel div.portal div.body ul li a:visited {
color: var(--text-color);
}
div#mw-panel div.portal div.body ul li a:hover {
color: #ffc000;
}
.oo-ui-panelLayout-framed {
background-color: var(--light-3-bg-color)
}
/* Sidebar headings */
.vector-menu-portal .vector-menu-heading {
color: var(--text-link-header-color);
background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 1px;
}
/* Sidebar links */
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: var(--text-color);
}
/* Content */
div#content {
line-height: 1.5em;
margin-left: 10em;
padding: 1.5em 1.5em 1.5em 1.75em;
border: 1px solid var(--light-bg-color);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-right-width: 0;
margin-top: -1px;
background-color: var(--light-bg-color);
color: var(--text-color);
direction: ltr;
}
/* Search */
div#simpleSearch #searchInput {
top: 0;
left: 0;
width: 100%;
padding: 0.2em 0em 5px 0.2em;
font-size: 13px;
direction: ltr;
-webkit-appearance: textfield;
}
#p-search input {}
#p-search div#simpleSearch {
border-radius: 6px;
border: none;
box-shadow: 0 0 0 1px #1b1618;
background: var(--light-bg-color);
color: var(--text-color);
padding: 0 0;
}
div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
background-image: url(resources/assets/skins/search.svg);
background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/search.svg);
background-position: center center;
background-repeat: no-repeat;
}
#searchInput {
border-radius: 6px;
border: none;
box-shadow: 0 0 0 1px #1b1618;
background: var(--light-bg-color);
color: var(--text-color);
padding: 0 0;
}
div#simpleSearch input {
color: var(--text-color);
background-image: none;
background-color: var(--light-bg-color);
}
div.suggestions,
html>body div.suggestions {
border-radius: 6px;
border: 2px ridge black;
box-shadow: 0 0 0 1px #17161b;
background: #192324;
color: var(--text-inactive-tab-color);
}
.suggestions-results {
border: none;
background: #192324;
color: var(--text-inactive-tab-color);
}
.suggestions-special {
border: none;
border-top: 1px solid #1e2b2e;
background: #192324;
color: var(--text-inactive-tab-color);
}
.suggestions-result,
.suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
color: var(--text-inactive-tab-color);
}
.suggestions-special .special-label {
color: var(--text-color);
}
.suggestions-result-current .special-label {
color: var(--text-color);
}
.suggestions-result-current {
background: #2C3022 !important;
color: #ffc01d;
}
.suggestions-result-current .special-query,
.suggestions-result-current a.mw-searchSuggest-link,
.suggestions-result-current a.mw-searchSuggest-link:hover,
.suggestions-result-current a.mw-searchSuggest-link:active,
.suggestions-result-current a.mw-searchSuggest-link:focus {
color: #ffc01d;
}
/* Search Results Page */
.mw-search-profile-tabs {
background-color: #2C3022;
margin-top: 1em;
border: none;
border-radius: 8px;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: var(--text-inactive-tab-color);
cursor: default;
}
.results-info {
color: var(--text-inactive-tab-color);
}
/* other elements */
/* Possible color choices: var(--dark-bg-color) and #2C3022 */
#toc,
.toc,
.mw-warning {
border: none;
background-color: var(--dark-bg-color);
padding: 5px;
font-size: 95%;
border-radius: 10px;
}
.catlinks {
border: none;
border-radius: 8px;
background-color: var(--dark-bg-color);
padding: 5px;
margin-top: 1em;
clear: both;
}
.mw-footer li {
color: var(--text-inactive-tab-color);
}
ul#filetoc {
text-align: center;
border: 1px solid #14392e;
background-color: var(--dark-bg-color);
border-radius: 10px;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
/* Wikitable */
table.wikitable {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 4px;
padding: 2px;
}
table.wikitable.mw-page-info {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.mw-listgrouprights-table {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.mw-statistics-table {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
border: none;
padding: 0.2em;
background: var(--dark-2-bg-color);
}
table.wikitable>tr>th,
table.wikitable>*>tr>th {
background-color: var(--light-bg-color);
text-align: center;
color: var(--text-color);
}
table.wikitable.filehistory tr:first-child td:first-child {
border-top-left-radius: 4px;
}
table.wikitable.filehistory tr:first-child td:last-child {
border-top-left-radius: 4px;
}
table.wikitable.filehistory tr:first-child th:last-child {
border-top-right-radius: 4px;
}
table.wikitable.filehistory tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.filehistory tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
table.wikitable.filehistory th {
color: #ffc000;
}
/* Meta Data Table */
table.mw_metadata {
border: none;
border-collapse: separate;
background: var(--dark-bg-color);
padding: 2px;
border-radius: 5px;
}
table.mw_metadata th {
background-color: #2C3022;
color: #ffc000;
font-weight: bold;
}
table.mw_metadata td,
table.mw_metadata th {
text-align: center;
border: none;
padding-left: 5px;
padding-right: 5px;
}
table.mw_metadata td {
background-color: #2C3022;
}
.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: var(--text-color);
}
table#mw_metadata tr:first-child th:first-child {
border-top-left-radius: 4px;
}
table#mw_metadata tr:first-child td:last-child {
border-top-right-radius: 4px;
}
table#mw_metadata tr:last-child td {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
table#mw_metadata.mw_metadata.collapsed td {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
/* File List Data Table */
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
border: 2px solid var(--light-bg-color);
padding: 0 0.15em 0 0.15em;
}
.mw-datatable th {
background-color: #2C3022;
}
.mw-datatable td {
background-color: var(--dark-bg-color);
}
.mw-datatable tbody tr:hover td {
background: #1e2b2e;
}
.mw-datatable tr:first-child th:first-child {
border-top-left-radius: 4px;
}
.mw-datatable tr:first-child th:last-child {
border-top-right-radius: 4px;
}
.mw-datatable tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
.mw-datatable tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
/* Input */
textarea {
background-color: var(--dark-bg-color);
border-color: var(--dark-2-bg-color);
color: var(--text-color);
border-radius: 6px;
}
textarea:hover {
border: 1px solid #005f65;
}
textarea:focus {
border: 1px solid #005f65;
}
input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"] {
background-color: #192324;
border: 1px solid var(--dark-2-bg-color);
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover {
background-color: var(--light-2-bg-color);
border: 1px solid var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus {
border: 1px solid var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
outline: none;
}
input:not([type]):active,
input[type="color"]:active,
input[type="email"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="tel"]:active,
input[type="url"]:active,
input[type="text"]:active {
border-color: var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
outline: none;
}
/* Editor */
.editOptions {
background-color: var(--light-3-bg-color);
color: inherit;
border: none;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
border-radius: 10px;
margin-top: 5px;
}
/* WikiEditor */
.wikiEditor-ui {
background-color: var(--light-bg-color);
border: none;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: none;
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 {
margin: 0;
border: 1px solid var(--dark-2-bg-color);
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover {
margin: 0;
border: 1px solid var(--light-border-color);
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus {
margin: 0;
border: 1px solid var(--light-border-color);
}
.wikiEditor-ui-controls {
background: none;
margin-top: -1px;
border: none;
}
.wikiEditor-ui-buttons {
margin-right: -1px;
background: none;
padding-left: 1em;
border: none;
}
.wikiEditor-ui-buttons button {
margin-left: 0.5em;
margin-top: -5px;
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
padding-left: 18px;
padding-right: 12px;
color: var(--text-link-header-color);
background-position: left center;
background-repeat: no-repeat;
}
.wikiEditor-ui-toolbar {
background: var(--light-3-bg-color);
background-position: left top;
background-repeat: repeat-x;
border-radius: 8px;
}
.wikiEditor-ui .wikiEditor-ui-top {
border: none;
margin-bottom: 4px;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a:hover {
color: #ffc000;
}
.wikiEditor-ui-toolbar .sections {
border-bottom: 1px solid var(--dark-2-bg-color);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--dark-2-bg-color);
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .group .label {
border: 0;
margin: 2px;
margin-left: 5px;
margin-right: 8px;
color: var(--text-color);
}
.wikiEditor-ui-toolbar .group {
border-right: 1px solid black;
}
.wikiEditor-ui-toolbar .booklet .index .current {
background-color: var(--light-3-bg-color);
color: var(--text-link-header-color);
border-bottom: 1px solid var(--light-bg-color);
}
.wikiEditor-ui-toolbar .booklet .index div {
padding: 4px;
padding-left: 6px;
color: var(--text-color);
background: var(--dark-bg-color);
border-bottom: 1px solid var(--light-bg-color);
}
.wikiEditor-ui-toolbar .booklet .index div:hover {
background: var(--light-3-bg-color);
color: var(--text-link-hover-color);
}
.wikiEditor-ui-toolbar .booklet .index .current:hover {
background: var(--light-3-bg-color);
}
.wikiEditor-ui-tabs {
margin-left: 10px;
background: none;
border-left: none;
border-top: none;
}
.wikiEditor-ui-tabs div.current {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: var(--text-color);
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #2C3022, #2c3f41, #364a4d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #2C3022));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#2C3022), to(rgba(#364a4d)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#364a4d, #2C3022);
/* Opera11.10+ */
background: -ms-linear-gradient(#364a4d, #2C3022);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#2C3022));
/* W3C */
border-bottom: none;
}
.wikiEditor-ui-tabs div.current:hover {
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #2C3022, #2c3f41, #364a4d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #2C3022));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#2C3022), to(rgba(#364a4d)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#364a4d, #2C3022);
/* Opera11.10+ */
background: -ms-linear-gradient(#364a4d, #2C3022);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#2C3022));
/* W3C */
}
.wikiEditor-ui-tabs div {
margin-left: -1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: var(--text-color);
background: #1b2628;
background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
background: -o-linear-gradient(#233133, #141c1d);
background: -ms-linear-gradient(#233133, #141c1d);
background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
border-right: 1px solid var(--dark-2-bg-color);
border-left: 1px solid var(--dark-2-bg-color);
border-top: 1px solid var(--dark-2-bg-color);
border-bottom: none;
}
.wikiEditor-ui-tabs div:hover {
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, var(light-2-bg-color) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(light-2-bg-color)), color-stop(100%, #141c1d));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(var(light-2-bg-color))));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(var(light-2-bg-color), #141c1d);
/* Opera11.10+ */
background: -ms-linear-gradient(var(light-2-bg-color), #141c1d);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(var(light-2-bg-color)), to(#141c1d));
/* W3C */
}
.wikiEditor-ui-tabs div.current a {
color: var(--text-color);
}
.wikiEditor-ui-tabs div a {
padding: 0 0.75em;
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-tabs div a:hover {
color: var(--text-color);
}
div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
background-color: #2C3022;
border-radius: 8px;
padding: 8px;
margin-top: 1px;
}
.wikiEditor-preview-contents {
background-color: var(--light-bg-color);
border-radius: 8px;
margin: 8px;
}
.wikiEditor-preview-loading {
padding: 1em;
background-color: #2C3022;
border-radius: 8px;
}
.wikiEditor-preview-loading span {
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .booklet .pages {
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--border-color-alt);
border-radius: 5px;
padding: 8px;
padding-left: 8px;
padding-right: 8px;
margin-left: 5px;
margin-top: 5px;
background: var(--dark-bg-color);
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
color: var(--text-link-header-color);
background: var(--light-bg-color);
border: 1px solid var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .page-characters div span:active {
color: #ffc000;
background-color: #213233;
border: 1px solid var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .group .tool-select {
background: var(--dark-bg-color);
border-color: var(--border-color-alt);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
margin-left: -1px;
margin-top: 22px;
border: 1px solid #0e1010;
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: var(--light-2-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--light-2-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
padding: 0.5em;
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-table td {
color: var(--text-inactive-tab-color);
border-top: 1px solid black;
background: var(--dark-2-bg-color);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}
div.wikiEditor-ui-view.wikiEditor-ui-view-changes {
background: var(--light-bg-color);
padding: 4px;
border-radius: 8px;
margin-top: 1px;
}
.wikiEditor-toolbar-dialog {
border: none;
background: var(--dark-bg-color);
border-radius: 8px;
}
body .ui-dialog .ui-widget-header {
background: #2C3022 !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.wikiEditor-toolbar-dialog .ui-widget-header {
border: none;
}
body .ui-dialog .ui-icon-closethick {
background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%228px%22%20viewBox%3D%220%200%20357%20357%22%20style%3D%22enable-background%3Anew%200%200%20357%20357%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%20id%3D%22close%22%3E%3Cpolygon%20points%3D%22357%2C35.7%20321.3%2C0%20178.5%2C142.8%2035.7%2C0%200%2C35.7%20142.8%2C178.5%200%2C321.3%2035.7%2C357%20178.5%2C214.2%20321.3%2C357%20357%2C321.3%20%20%20%20%20214.2%2C178.5%20%20%20%22%20fill%3D%22%23ddd600%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
}
.ui-widget-header {
color: #ddd600;
font-weight: bold;
}
.ui-widget-content {
color: var(--text-inactive-tab-color);
background: var(--dark-bg-color);
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
body .ui-button {
margin: 0.5em 0 0.5em 0.4em;
color: var(--text-inactive-tab-color) !important;
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
background: #1b2628 !important;
background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)) !important;
background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133))) !important;
background: -o-linear-gradient(#233133, #141c1d) !important;
background: -ms-linear-gradient(#233133, #141c1d) !important;
background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d)) !important;
padding: 3px 6px;
}
body .ui-button:hover {
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
color: var(--text-color) !important;
background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
background: -o-linear-gradient(#141c1d, #233133) !important;
background: -ms-linear-gradient(#141c1d, #233133) !important;
background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
}
body .ui-button:active {
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
color: #ffc000 !important;
background: -moz-linear-gradient(100% 100% 90deg, #233133, #1b2628, #141c1d 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)) !important;
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233133), to(rgba(#141c1d))) !important;
background: -o-linear-gradient(#141c1d, #233133) !important;
background: -ms-linear-gradient(#141c1d, #233133) !important;
background: linear-gradient(linear, left top, left bottom, from(#141c1d), to(#233133)) !important;
}
body .ui-button:active,
body .ui-button:focus {
border-color: #0e1010 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: none !important;
background: none !important;
color: #0070a3;
}
.wikiEditor-ui-toolbar .group-search {
padding: 0 0 0 6px;
border-right: none;
border-left: 1px solid black;
}
ul.mw-allpages-chunk li {
border-top: none;
}
#wikieditor-toolbar-link-int-target-status-exists {
background-image: url(resources/assets/skins/insert-link-exists.svg);
}
#wikieditor-toolbar-link-int-target-status-notexists {
background-image: url(resources/assets/skins/insert-link-notexists.svg);
}
#wikieditor-toolbar-link-int-target-status-invalid {
background-image: url(resources/assets/skins/insert-link-invalid.svg);
}
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-icon-info,
.oo-ui-indicator-required,
.oo-ui-icon-search,
.oo-ui-indicator-clear {
filter: var(--icon-color-filter);
}
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover {
-webkit-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
}
/* Preferences */
.client-js #preferences {
float: left;
width: 100%;
margin: 0;
margin-top: -2px;
clear: both;
border: none;
background-color: #2C3022;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.client-js #preferences fieldset {
border: none;
border-top: solid 1px var(--text-inactive-tab-color);
}
.client-js #preferences legend {
color: var(--text-color);
}
.client-js #preftoc {
background: none;
margin: 0 0 0 10px !important;
}
.client-js #preftoc li {
float: left;
margin: 0 0 0 -1px;
padding: 0;
height: 2.25em;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
border-left: 1px solid #0e1010;
border-right: 1px solid #0e1010;
border-top: 1px solid #0e1010;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: var(--text-color);
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #141c1d, #1b2628, #233133 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#141c1d), to(rgba(#233133)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#233133, #141c1d);
/* Opera11.10+ */
background: -ms-linear-gradient(#233133, #141c1d);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#233133), to(#141c1d));
/* W3C */
}
.client-js #preftoc li:hover {
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #1c2526, #2C3022, #364a4d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #1c2526));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#1c2526), to(rgba(#364a4d)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#364a4d, #1c2526);
/* Opera11.10+ */
background: -ms-linear-gradient(#364a4d, #1c2526);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#1c2526));
/* W3C */
}
.client-js #preftoc li a:hover {
color: var(--text-color);
text-decoration: none;
}
.client-js #preftoc a,
.client-js #preftoc a:active {
display: inline-block;
position: relative;
color: var(--text-inactive-tab-color);
padding: 0.5em;
text-decoration: none;
background-image: none;
font-size: 0.9em;
outline: none;
}
.client-js #preftoc li.selected a {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: var(--text-color);
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #2C3022, #2c3f41, #364a4d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #2C3022));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#2C3022), to(rgba(#364a4d)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#364a4d, #2C3022);
/* Opera11.10+ */
background: -ms-linear-gradient(#364a4d, #2C3022);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#2C3022));
/* W3C */
}
.client-js #preftoc li.selected a:hover {
background: #1b2628;
/* Old browsers */
background: -moz-linear-gradient(100% 100% 90deg, #2C3022, #2c3f41, #364a4d 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #2C3022));
/* Safari 4+, Chrome 2+ */
background: -webkit-linear-gradient(linear, left top, left bottom, from(#2C3022), to(rgba(#364a4d)));
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(#364a4d, #2C3022);
/* Opera11.10+ */
background: -ms-linear-gradient(#364a4d, #2C3022);
/* IE10+ */
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#2C3022));
/* W3C */
}
/* User Message */
.usermessage {
background-color: var(--dark-2-bg-color);
border: 1px solid #14392e;
border-radius: 10px;
color: var(--text-inactive-tab-color);
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
/* Watchlist */
#contentSub,
#contentSub2 {
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: var(--text-inactive-tab-color);
width: auto;
}
.skin-vector .mw-notification {
background-color: var(--dark-bg-color);
background-color: rgba(22, 30, 31, 0.93);
padding: 0.75em 1.5em;
border: solid 1px black;
border-radius: 0.75em;
-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
color: var(--text-inactive-tab-color);
}
/* Page History */
#pagehistory {
background: var(--dark-bg-color);
padding: 5px;
border-radius: 10px;
}
#pagehistory li.selected {
background-color: var(--light-3-bg-color);
color: inherit;
border: 1px dashed var(--light-border-color);
border-radius: 5px;
margin-bottom: 3px;
}
#pagehistory li {
border: none;
background: var(--dark-2-bg-color)
border-radius: 5px;
margin-bottom: 2px;
}
/* Difference Page */
table.diff {
background-color: var(--dark-bg-color);
border: none;
border-spacing: 4px;
margin: 0;
width: 100%;
table-layout: fixed;
border-radius: 10px;
}
table.diff td {
padding: 0.33em 0.5em;
border-radius: 8px;
}
td.diff-context {
background: var(--light-bg-color);
border: none;
color: var(--text-color);
}
td.diff-deletedline {
border-color: var(--text-link-new-color);
}
td.diff-addedline {
border-color: var(--text-border-green-color);
}
td.diff-addedline .diffchange {
background: var(--light-2-bg-color)
}
td.diff-deletedline .diffchange {
background: var(--light-3-bg-color);
}
/* Legend Box */
.mw-changeslist-legend {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
clear: right;
font-size: 85%;
line-height: 1.2em;
padding: 0.5em;
background-color: var(--dark-bg-color);
border-radius: 8px;
border: none;
}
/* CSS3 code to style radio buttons and checkboxes */
/* common styles */
label {
cursor: pointer;
}
label,
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
vertical-align: middle;
}
/* hide the checkboxes and radios */
input[type="checkbox"],
input[type="radio"] {
position: absolute;
opacity: 0;
}
/* we use generated content to create a placeholder for the checkbox and the radio */
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
line-height: 13px;
margin: -2px 2px 0 3px;
background: url("resources/assets/skins/sprite-radio-checkbox.svg") no-repeat 0 0;
vertical-align: middle;
}
/* Override for 'More' Tab Fix */
nav#p-cactions input[type="checkbox"]+label::before {
width: 0;
}
/* disabled checkbox or radio */
input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
opacity: .5;
cursor: default;
/* or cursor: no-drop */
}
/* hover checkbox (unselected state only) */
input[type="checkbox"]:not(:checked):hover+label::before {
background-position: 0 -13px;
}
/* selected checkbox */
input[type="checkbox"]:checked+label::before {
background-position: 0 -26px;
}
/* normal state radio */
input[type="radio"]+label::before {
background-position: -13px 0;
}
/* radio hover (unselected state only) */
input[type="radio"]:hover+label::before {
background-position: -13px -13px;
}
/* selected radio */
input[type="radio"]:checked+label::before {
background-position: -13px -26px;
}
/* focused checkbox or radio */
input[type="checkbox"]:focus+label,
input[type="radio"]:focus+label {
outline: dotted 1px;
/* by not adding color to the value we force the use of system's default focus color "invert" */
}
/* Edit by Hoodcom - This is supposed to work to prevent issues in IE8, however it doesn't take effect in that browser. */
/* older versions of internet explorer do not support either generated content, so we display the system checkboxes and radio buttons */
@media \0screen {
input[type="checkbox"],
input[type="radio"] {
position: static;
}
}
/* Radio Button fix for History Page -- Needed due to the code above requiring HTML Label tags with the radio buttons to function properly. */
#pagehistory input[type="checkbox"],
#pagehistory input[type="radio"] {
position: inherit;
opacity: 100;
}
/* Checkbox Fix for checkbox on login page. */
div.mw-ui-container input[type="checkbox"] {
opacity: 100;
position: inherit;
}
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
line-height: 1.6;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
/* Search profile tabs stuff */
.mw-search-profile-tabs {
margin-bottom: 4px;
}
fieldset#mw-searchoptions {
padding: 0.5em 0.75em 0.75em 0.75em !important;
border: none;
background-color: #2C3022;
border: none;
border-width: 0 !important;
margin-top: 5px;
}
fieldset#mw-searchoptions div.divider {
clear: both;
border-bottom: 1px solid var(--text-inactive-tab-color);
padding-top: 0.5em;
margin-bottom: 0.5em;
}
#bodyContent a.external {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23f3ceb5%22%20stroke%3D%22%23934a17%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%23b85c1d%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23f3ceb5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".ogg"],
#bodyContent a.external[href$=".OGG"],
#bodyContent a.external[href$=".mid"],
#bodyContent a.external[href$=".MID"],
#bodyContent a.external[href$=".midi"],
#bodyContent a.external[href$=".MIDI"],
#bodyContent a.external[href$=".mp3"],
#bodyContent a.external[href$=".MP3"],
#bodyContent a.external[href$=".wav"],
#bodyContent a.external[href$=".WAV"],
#bodyContent a.external[href$=".wma"],
#bodyContent a.external[href$=".WMA"],
.link-audio {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.467808%2C-258.39005%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.47%2C259.4-3%2C3-3%2C0%2C0%2C4%2C3%2C0%2C3%2C3zm-1%2C2.5%2C0%2C5-1.5-1.5-2.5%2C0%2C0-2%2C2.5%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.9%2C262.5c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C0.6213%2C0.6213%2C0.6213%2C2.485s-0.6213%2C2.485-0.6213%2C2.485c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C0.6213-0.6213%2C0.6213-1.864s-0.6213-1.864-0.6213-1.864z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m45.76%2C261.2c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C1.243%2C1.243%2C1.243%2C3.728s-1.243%2C3.728-1.243%2C3.728c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C1.243-1.243%2C1.243-3.107s-1.243-3.107-1.243-3.107z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".pdf"],
#bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href*=".pdf#"],
#bodyContent a.external[href*=".PDF#"],
#bodyContent a.external[href*=".pdf?"],
#bodyContent a.external[href*=".PDF?"],
.link-document {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m7.5%2C2%2C0%2C3%2C2.5%2C0%2C1-1-2.5%2C0%2C0-3z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m3%2C1%2C0%2C10%2C8%2C0%2C0-7-2.5-3zm1%2C1%2C4%2C0%2C2%2C2.5%2C0%2C5.5-6%2C0z%22%2F%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".ogm"],
#bodyContent a.external[href$=".OGM"],
#bodyContent a.external[href$=".avi"],
#bodyContent a.external[href$=".AVI"],
#bodyContent a.external[href$=".mpeg"],
#bodyContent a.external[href$=".MPEG"],
#bodyContent a.external[href$=".mpg"],
#bodyContent a.external[href$=".MPG"],
.link-video {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.4678%2C-258.39%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C260.4%2C0%2C0.6213%2C8.098%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C268.4%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C262.3%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C266%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C264.8%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.83%2C263.9%2C0%2C1.243%2C4.36%2C0%2C0-1.243z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.47%2C260.4%2C0%2C8%2C5%2C0%2C0-8zm1%2C1%2C3%2C0%2C0%2C6-3%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m38.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m46.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href^="mailto:"],
.link-mailto {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.47%2C-257.4%29%22%3E%3Cpath%20style%3D%22fill%3A%23ff8e51%3B%22%20d%3D%22m38.31%2C261.4%2C4.66%2C4.349%2C4.66-4.349-0.6213-0.6213-1.243%2C0.6216-2.796%2C2.485-2.796-2.485-1.243-0.6216z%22%2F%3E%3Cpath%20style%3D%22fill%3A%23e27e48%3B%22%20d%3D%22m37.47%2C260.4%2C0%2C8%2C11%2C0%2C0-8zm1%2C1%2C9%2C0%2C0%2C6-9%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
/* EXPERIMENTAL UPDATE */
#pt-userpage a,
#pt-anonuserpage,
#pt-login,
#pt-logout {
background: none !important;
padding-left: 0 !important;
}
li#pt-userpage::before, li#pt-logout::before {
content: '';
display: inline-block;
background: url(resources/assets/skins/icon_profile.svg) 100% 50% no-repeat;
background-size: 1.3em;
width: 1.3em;
height: 1.3em;
margin-top: -0.5em;
margin-right: 0.1em;
filter: var(--icon-color-filter);
}
/* WikiForum */
table.mw-wikiforum-frame {
clear: both;
width: 100%;
background: var(--dark-bg-color);
border: none;
margin-bottom: 1.2em;
border-radius: 8px;
}
p.mw-wikiforum-descr {
color: var(--text-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
tr.mw-wikiforum-title {
background: #2C3022;
height: 3em;
}
td.mw-wikiforum-innerframe {
/* border: 1px solid #ddd; */
background: none;
}
th.mw-wikiforum-title {
font-size: 120%;
font-weight: bold;
text-align: left;
padding-left: 10px;
border-bottom: none;
border-top: none;
background: #2C3022;
border-top-left-radius: 4px;
}
td.mw-wikiforum-innerframe {
border: none;
border-radius: 8px;
}
th.mw-wikiforum-admin {
border-bottom: none;
border-top: none;
text-align: right;
}
th.mw-wikiforum-value {
width: 90px;
border-bottom: none;
border-top: none;
text-align: center;
}
th.mw-wikiforum-lastpost {
width: 180px;
border-bottom: none;
border-top: none;
text-align: center;
border-top-right-radius: 4px;
}
td.mw-wikiforum-title {
text-align: left;
padding-left: 10px;
border-top: 1px solid black;
border-bottom: none;
}
td.mw-wikiforum-admin {
border-top: 1px solid black;
border-bottom: none;
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
td.mw-wikiforum-value {
border-top: 1px solid black;
border-bottom: none;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
#mw-wikiforum-searchbox-border {
border: none;
width: 200px;
text-align: left;
background: var(--dark-bg-color);
border-radius: 8px;
}
tr.mw-wikiforum-normal {
background: var(--light-bg-color);
}
th.mw-wikiforum-thread-top {
font-weight: bold;
padding: 5px 10px;
border: none;
background: var(--light-bg-color);
text-align: left;
border-radius: 8px;
}
td.mw-wikiforum-thread-main {
padding: 10px;
border: 1px solid var(--dark-bg-color);
background: #2C3022;
border-radius: 8px;
}
td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--dark-bg-color);
background: #2C3022;
border-radius: 6px;
}
table.mw-wikiforum-posted {
color: var(--text-inactive-tab-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-top: 1px solid black;
width: 100%;
background: transparent;
margin-top: 16px;
margin-bottom: 6px;
}
blockquote p.posted {
color: var(--text-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-bottom: 1px dotted var(--text-color);
background: transparent;
margin-bottom: 6px;
}
blockquote span {
color: var(--text-color);
font-family: Times New Roman;
font-size: 30px;
background: transparent;
margin: 0 5px;
}
blockquote {
padding: 10px;
background: var(--dark-2-bg-color);
border-radius: 6px;
overflow: hidden;
}
.vector-body blockquote {
border-color: var(--light-2-bg-color);
}
tr.mw-wikiforum-marked {
background: var(--light-bg-color);
}
/* Main Page CSS */
/* This will tie all the Main Pages for every language together for their CSS needs. */
/* Welcome to RayWiki Section */
.mpwelcome {
width: 100%;
background-color: var(--light-bg-color);
border-radius: 10px;
}
td.mpheading {
width: 100%;
text-align: center;
}
div.mpheading2 {
font-size: 28px;
border: none;
margin: 0;
padding: .5em;
}
div.mpheading3 {
font-size: 14px;
border: none;
margin: 0;
padding: .5em;
}
/* Discovery RayWiki Section */
table.mpdiscover {
width: 100%;
background-color: var(--dark-bg-color);
border: none;
padding: 2px;
border-radius: 8px;
margin-top: 10px;
}
/* Common Content */
table.mpcommonbg {
background: var(--dark-bg-color);
padding: 2px;
border-radius: 10px;
margin-bottom: 4px;
}
h2#mpcommonheader {
text-align: left;
background: #2C3022;
border: none;
font-size: 120%;
font-weight: bold;
padding: 0.2em 0.4em;
border-radius: 8px;
color: #ddd600;
}
span.mpcommonheaderspan {
font-size: 80%;
font-weight: bold;
padding: 0.2em 0.4em;
}
table.mplanguages {
text-align: center;
margin-top: 10px;
border: none;
background: var(--dark-bg-color);
padding: 2px;
border-radius: 10px;
}
h2#mpcommonheaderquote {
text-align: center;
background: #2C3022;
border: none;
font-weight: bold;
padding: 0.2em 0.4em;
border-radius: 8px;
color: #ddd600;
}
span.mpcommonheaderquote {
font-size: 80%;
}
h2#mpcommonheaderlang {
text-align: center;
background: #2C3022;
border: none;
font-weight: bold;
padding: 0.2em 0.4em;
border-radius: 8px;
color: #ddd600;
}
span.mpcommonheaderlang {
font-size: 80%;
}
/* Help icon */
#mw-indicator-mw-helplink a {
background-image: linear-gradient(transparent, transparent), var(--image-indicator-help-icon);
}
@media screen {
/* Lists */
ul {
list-style-image: var(--list-item-marker);
}
ul#pagehistory {
list-style: none;
}
/* Watch icon */
.vector-menu-tabs #ca-watch.icon a::before {
background-image: linear-gradient(transparent, transparent), var(--image-watch-icon);
}
.vector-menu-tabs #ca-watch.icon a::before:hover,
.vector-menu-tabs #ca-watch.icon a::before:focus {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.431.831%204.845-4.351-2.287-4.351%202.287.831-4.845-3.52-3.431%204.864-.707z%22%20fill%3D%22%231a2729%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
}
/* 'More' menu */
div.vectorMenu {
height: 27px;
}
div#mw-head div.vectorMenu h3 {
background-image: none;
}
div.vectorMenu h3 span {
font-weight: bold;
color: var(--text-color);
padding-top: 5px;
margin-right: 0.7em;
}
div.vectorMenu div.menu {
top: 27px;
border: none;
}
}
/* Redirect */
.mw-content-ltr .redirectText li:first-child {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2220%22%20viewBox%3D%220%200%2047%2020%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_1%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M14.98%202.5V11c0%201.04%201.02%201.98%202.02%201.98h6l3%20.02%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_3%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.48%209.5l.02%207L30%2013z%22%20fill%3D%22%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}
/* OO forms */
.oo-ui-panelLayout-framed {
border-color: var(--dark-2-bg-color);
}
.oo-ui-menuSelectWidget {
background-color: var(--dark-bg-color);
border-color: var(--dark-2-bg-color);
border-radius: 8px;
}
.oo-ui-indicator-down {
background-image: linear-gradient(transparent, transparent), var(--image-indicator-down-icon);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-checkboxInputWidget input[type="checkbox"]+span {
background-color: transparent;
background-image: linear-gradient(transparent, transparent), var(--image-checkmark-icon);
border: 1px solid var(--text-inactive-tab-color);
}
/* Secondary buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: #0e1010;
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: #0e1010;
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: inherit;
border-color: #0e1010;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
color: inherit;
}
/* Primary buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: #0e1010;
color: var(--text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: #0e1010;
color: var(--text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
color: var(--text-color);
}
/* Destructive elements */
.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--text-link-new-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #192324
}
/* Dropdowns */
.oo-ui-dropdownWidget-handle {
border: 1px solid var(--dark-2-bg-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: #192324;
color: inherit;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: #192324;
color: inherit;
border-color: #005f65
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: inherit;
border-color: #005f65
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: #005f65;
box-shadow: inset 0 0 0 1px #005f65
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--dark-2-bg-color)
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
color: #000;
text-shadow: none;
border-color: #005f65;
background-color: #192324 opacity: .5;
cursor: default;
}
/* Text inputs */
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background-color: var(--dark-bg-color);
color: var(--text-color);
border: 1px solid #1b1618;
}
.mw-recentchanges-table .mw-input input.mw-ui-input {
background-color: #2C3022;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
border-color: #005f65;
box-shadow: inset 0 0 0 1px #005f65
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
border-color: #005f65
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
border-color: #005f65
}
@media screen and (min-width:0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
outline: 1px solid #005f65;
}
}
/* Checkboxes */
.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
background-color: inherit;
border-color: #72777d;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
border-color: var(--text-color);
box-shadow: inset 0 0 0 1px green;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
border-color: var(--text-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
background-color: var(--text-inactive-tab-color);
border-color: var(--text-inactive-tab-color);
box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
background-color: inherit;
border-color: var(--text-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span {
background-color: inherit;
border-color: var(--text-color);
box-shadow: none;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span {
background-color: inherit;
border-color: var(--text-inactive-tab-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span {
background-color: var(--text-inactive-tab-color);
border-color: var(--text-inactive-tab-color);
box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
}
/* Pop-ups */
.oo-ui-popupWidget-popup {
background-color: var(--dark-2-bg-color);
border: 1px solid var(--border-color-alt);
border-radius: 8px;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--dark-2-bg-color);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: #2C3022;
}
span.oo-ui-labelElement-label.mw-rcfilters-ui-datePopupWidget-title, span.oo-ui-labelElement-label.mw-rcfilters-ui-valuePickerWidget-title, label.oo-ui-labelElement-label {
color: var(--text-color);
}
span.oo-ui-labelElement-label bdi {
color: var(--text-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
/* Infobox */
table.infobox {
float: right;
clear: right;
width: 250px;
padding: 2px;
margin: 0px 0px 5px 5px;
border-radius: 10px;
background-color: var(--dark-bg-color);
font-size: 90%;
}
table.infobox tr th.header {
border-radius: 8px;
background-color: var(--light-bg-color);
color: var(--text-link-header-color);
font-size: 1.2em;
}
/* Navbox */
table.navbox {
padding: 2px;
border-radius: 10px;
background-color: var(--dark-bg-color);
font-size: 90%;
}
table.navbox tr th.header {
border-radius: 8px;
background-color: var(--light-bg-color);
}
/* Notebox */
table.notebox {
width: 100%;
background-color: var(--dark-bg-color);
border-radius: 10px;
border-spacing: 10px;
text-align: center;
}
table.notebox tr th.header {
border-radius: 8px;
background-color: var(--light-3-bg-color);
color: var(--text-link-header-color);
font-size: 1.2em;
}
/* Sprite images */
.sprite {
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
}
/* Color inversion */
.invert {
filter: invert(1);
}
/* References */
ol.references li:target, sup.reference:target {
border-radius: 8px;
background-color: #2C3022;
}
/* Calendar MW Widget */
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
background-color: var(--dark-bg-color);
border: 1px solid #0e1010;
border-radius: 6px;
}
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: var(--text-color);
outline: 0;
}
/* Popup Calendar UI */
.mw-widget-dateInputWidget-calendar {
background-color: var(--dark-2-bg-color);
border-color: var(--text-inactive-tab-color);
border-radius: 10px;
}
.mw-widget-calendarWidget-header {
filter: invert(89%) sepia(10%) saturate(1500%) hue-rotate(30deg);
}
.mw-widget-calendarWidget-day-heading {
color: #ffc000;
}
.mw-widget-calendarWidget-day {
color: var(--text-inactive-tab-color);
}
.mw-widget-calendarWidget-day-additional {
color: #5c8e48;
}
.mw-widget-calendarWidget-item:hover {
background-color: #1e2b2d;
color: #ffc000;
font-weight: bold;
}
.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px #ffc000;
}
/* Scrollbars */
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--light-2-bg-color);
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background: var(--light-3-bg-color);
}
::-webkit-scrollbar-thumb:vertical {
border-top: solid 2px rgba(35, 52, 55, 0.5);
border-bottom: solid 2px rgba(35, 52, 55, 0.5);
}
::-webkit-scrollbar-thumb:horizontal {
border-right: solid 2px rgba(35, 52, 55, 0.5);
border-left: solid 2px rgba(35, 52, 55, 0.5);
}
::-webkit-scrollbar-corner {
background: var(--light-2-bg-color);
}
::-webkit-scrollbar-track {
background: var(--dark-bg-color);
}
::-webkit-resizer {
background: var(--border-color-alt);
border: 1px dashed var(--light-border-color);
}
/* OOUI & VisualEditor */
.ve-activated .vectorTabs .selected {
box-shadow: inset 0 -1px 0 var(--dark-2-bg-color);
}
.oo-ui-toolbar-bar,
.oo-ui-listToolGroup.oo-ui-widget-disabled,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.ve-ui-specialCharacterPage h3,
.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date,
.oo-ui-toolbar-bar,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ve-ui-mwTemplatePage-description,
.oo-ui-messageDialog-title,
.oo-ui-messageDialog-message,
.mw-foreignStructuredUpload-bookletLayout-license {
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
border-color: var(--dark-2-bg-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: inherit;
border-color: var(--dark-2-bg-color);
}
.ve-ui-toolbar .oo-ui-iconElement-icon,
.ve-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
filter: var(--icon-color-filter);
}
.ve-ui-toolbar .oo-ui-iconElement-icon:active,
.ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon:active,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-icon-notice,
.oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon,
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert {
filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
}
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-destructive {
-webkit-filter: none;
filter: none;
}
.ve-ui-toolbar .oo-ui-widget-disabled .oo-ui-iconElement-icon.oo-ui-image-invert {
-webkit-filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
background-color: transparent;
outline: none;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--dark-2-bg-color);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: #2C3022;
}
.oo-ui-toolbar-bar {
background-color: var(--light-bg-color);
}
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:active,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active,
.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active,
.oo-ui-outlineControlsWidget,
.oo-ui-selectFileWidget-info {
background-color: #2C3022;
}
.oo-ui-toolGroup,
.oo-ui-toolbar-actions .oo-ui-toolGroup,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child),
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.ve-ui-specialCharacterPage-character,
.ve-ui-mwNoticesPopupTool-items > div:not(:first-child), .ve-ui-mwHelpPopupTool-item:not(:first-child),
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.ve-ui-targetWidget,
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame,
.ve-ui-mwTransclusionDialog-addParameterFieldset .ve-ui-mwParameterSearchWidget,
.oo-ui-searchWidget-query,
.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwSaveDialog-editSummary-count,
.ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget,
.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
border-color: var(--dark-2-bg-color);
}
.oo-ui-messageDialog-content > .oo-ui-window-foot,
.oo-ui-processDialog-content .oo-ui-window-body {
outline-color: var(--dark-2-bg-color);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: var(--dark-2-bg-color);
}
.ve-ui-specialCharacterPage-character:hover {
border-color: #005f65;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #2C3022;
color: #ffc000;
}
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color: var(--light-bg-color);
border-color: var(--dark-2-bg-color);
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: var(--text-link-header-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
color: var(--text-link-header-color);
border-color: var(--light-border-color);
}
.oo-ui-tabSelectWidget,
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
background-color: var(--light-bg-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label {
color: var(--text-link-header-color);
font-weight: bold;
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: #2C3022;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#233133),color-stop(100%,#141c1d));
color: inherit;
border-color: var(--dark-2-bg-color);
opacity: 0.5;
}
.oo-ui-window-content {
background-color: #2C3022;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
background-color: var(--light-bg-color);
text-shadow: 0 1px 1px #000;
border-color: var(--dark-2-bg-color);
opacity: 0.5;
}
figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'],
figure[typeof~='mw:Image/Thumb'] > *:first-child > img, figure[typeof~='mw:Video/Thumb'] > *:first-child > img, figure[typeof~='mw:Audio/Thumb'] > *:first-child > img, figure[typeof~='mw:Image/Frame'] > *:first-child > img, figure[typeof~='mw:Video/Frame'] > *:first-child > img, figure[typeof~='mw:Audio/Frame'] > *:first-child > img, figure[typeof~='mw:Image/Thumb'] > *:first-child > video, figure[typeof~='mw:Video/Thumb'] > *:first-child > video, figure[typeof~='mw:Audio/Thumb'] > *:first-child > video, figure[typeof~='mw:Image/Frame'] > *:first-child > video, figure[typeof~='mw:Video/Frame'] > *:first-child > video, figure[typeof~='mw:Audio/Frame'] > *:first-child > video {
background-color: var(--dark-bg-color);
border-color: #14392e;
}
.mw-content-ltr figure[typeof*='mw:Image/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Video/Thumb'] > a:after, .mw-content-ltr figure[typeof*='mw:Audio/Thumb'] > a:after {
background-image: linear-gradient(transparent,transparent), var(--image-magnify-thumb-icon);
}
.ve-ui-mwSaveDialog-options {
background-color: #2C3022;
border-color: var(--dark-2-bg-color);
}
.ve-ui-mwSaveDialog-license {
color: inherit;
}
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
background-color: #2C3022;
}
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: #2C3022;
border-color: var(--text-inactive-tab-color);
}
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: #ffc000;
}
.oo-ui-selectFileWidget-dropTarget {
border-color: var(--text-inactive-tab-color);
}
/* Recent changes filters */
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
border-color: var(--text-inactive-tab-color);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
color: var(--text-link-header-color);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
color: var(--text-color);
}
.mw-rcfilters-ui-savedLinksListItemWidget-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-2-bg-color);
}
.mw-rcfilters-ui-savedLinksListItemWidget:hover,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--light-bg-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: #2C3022;
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child),
.mw-rcfilters-ui-datePopupWidget {
background-color: var(--dark-bg-color);
border-color: #000;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-inactive-tab-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
color: var(--text-inactive-tab-color);
background-color: var(--light-bg-color);
border-color: #000;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget {
background: var(--dark-2-bg-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--text-color);
background-color: var(--light-bg-color);
border-color: #005f65;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
background-color: #2C3022;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--text-inactive-tab-color);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--text-disabled-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--text-link-header-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
color: var(--text-color);
font-weight: bold;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--light-3-bg-color);
border-color: #000;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
border-color: #000;
background-color: var(--dark-bg-color);
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: var(--dark-bg-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-color: #000;
}
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) {
filter: var(--icon-color-filter);
}
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover,
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
filter: var(--icon-color-hover-filter);
}
.oo-ui-popupToolGroup-tools {
background-color: var(--light-bg-color);
border-color: #000;
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
color: var(--text-inactive-tab-color);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--text-color);
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
border-color: #000;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
background-color: rgba(41,98,204,0.1);
}
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
color: var(--text-color);
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: transparent;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--text-inactive-tab-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: #2C3022;
}
/* Column layouts */
.portal-column-left-wide {
float: left;
width: 59.66%;
margin-right: 0.33%;
}
.portal-column-right-narrow {
float: right;
width: 39.66%;
margin-left: 0.33%;
}
/* Additional SVG Icons */
.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M0%20128C0%2092.7%2028.7%2064%2064%2064H320c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22%2F%3E%3C%2Fsvg%3E);
}
span.oo-ui-iconElement-icon.oo-ui-icon-settings, span.oo-ui-iconElement-icon.oo-ui-icon-bookmark, span.oo-ui-iconElement-icon.oo-ui-icon-menu, span.oo-ui-iconElement-icon.oo-ui-icon-search, .oo-ui-icon-expand, .mw-ui-icon-expand:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before, .wikiEditor-ui-toolbar .group .tool-select .label:after, .wikiEditor-ui-toolbar .tabs span.tab a:before {
filter: var(--icon-color-filter);
}
span.oo-ui-iconElement-icon.oo-ui-icon-trash, span.oo-ui-iconElement-icon.oo-ui-icon-close, span.oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert {
filter: var(--icon-color-red-filter);
}
span.oo-ui-iconElement-icon.oo-ui-icon-play {
filter: var(--icon-color-green-filter);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--light-bg-color);
}
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
background-image: var(--image-arrow-collapsed-ltr-icon);
}
.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
background-image: var(--image-arrow-expand-icon);
}