MediaWiki:Vector.css: differenze tra le versioni
Temporarily disabling custom theme to make it work with the latest MediaWiki release Etichetta: Svuotamento |
Reverting to standard style - WIP |
||
| Riga 1: | Riga 1: | ||
/* Variables */ | |||
:root { | |||
--pastel-yellow: #CEF582; | |||
--bright-yellow: #FFE74A; | |||
--dark-2-bg-color: #111617; | |||
--dark-bg-color: #161E1F; | |||
--light-bg-color: #1A2729; | |||
--light-2-bg-color: #2A3F42; | |||
} | |||
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(--pastel-yellow); | |||
} | |||
div#mw-head { | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
width: 100%; | |||
} | |||
#mw-page-base { | |||
background: transparent; | |||
} | |||
.postedit { | |||
color: var(--pastel-yellow); | |||
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 tabs - standard */ | |||
.vector-menu-tabs li a { | |||
border-left: 1px solid var(--dark-2-bg-color); | |||
border-right: 1px solid var(--dark-2-bg-color); | |||
border-top: 1px solid var(--dark-2-bg-color); | |||
border-top-left-radius: 8px; | |||
border-top-right-radius: 8px; | |||
color: var(--pastel-yellow); | |||
background: linear-gradient(#233133, #141c1d); | |||
} | |||
/* Vector tabs - active */ | |||
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | |||
color: var(--bright-yellow); | |||
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color)); | |||
} | |||
/* Vector tabs - dropdown */ | |||
.vector-menu-dropdown h3 { | |||
color: var(--pastel-yellow); | |||
} | |||
/* 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: #42b34e; | |||
} | |||
.mw-plusminus-neg { | |||
color: #D3221C; | |||
} | |||
/** | |||
* 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(--bright-yellow); | |||
background: none; | |||
} | |||
a:visited { | |||
color: var(--bright-yellow); | |||
} | |||
a:active { | |||
color: var(--bright-yellow); | |||
} | |||
a:hover, | |||
a:focus { | |||
text-decoration: underline; | |||
color: #ffc000; | |||
} | |||
a.stub { | |||
color: #772233; | |||
} | |||
a.new, | |||
#p-personal a.new { | |||
color: #DA403B; | |||
} | |||
a.new:visited, | |||
#p-personal a.new:visited { | |||
color: #DA403B; | |||
} | |||
a.new:hover, | |||
#p-personal a.new:hover { | |||
color: #FA736F; | |||
} | |||
/* Interwiki Styling */ | |||
.mw-body a.extiw, | |||
.mw-body a.extiw:active { | |||
color: var(--bright-yellow); | |||
} | |||
.mw-body a.extiw:visited { | |||
color: var(--bright-yellow); | |||
} | |||
.mw-body a.extiw:active { | |||
color: var(--bright-yellow); | |||
} | |||
/* External links */ | |||
.mw-body a.external { | |||
color: var(--bright-yellow); | |||
} | |||
.mw-body a.external:visited { | |||
color: var(--bright-yellow); | |||
/* bug 3112 */ | |||
} | |||
.mw-body a.external:active { | |||
color: var(--bright-yellow); | |||
} | |||
/* 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(--pastel-yellow); | |||
border: 0; | |||
margin: .2em 0; | |||
} | |||
/* Structural Elements */ | |||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
color: var(--bright-yellow); | |||
background: none; | |||
font-weight: normal; | |||
margin: 0; | |||
overflow: hidden; | |||
padding-top: .5em; | |||
padding-bottom: .17em; | |||
border-bottom: 1px solid var(--pastel-yellow); | |||
} | |||
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(--bright-yellow); | |||
border-color: var(--pastel-yellow); | |||
} | |||
pre, | |||
.mw-code { | |||
padding: 1em; | |||
border: none; | |||
color: var(--bright-yellow); | |||
background-color: #233437; | |||
border-radius: 10px; | |||
} | |||
.not-patrolled { | |||
background-color: #3A3A25; | |||
border-radius: 6px; | |||
padding-left: 2px; | |||
} | |||
/* Tables */ | |||
table { | |||
font-size: 100%; | |||
color: var(--pastel-yellow); | |||
border-color: #14392e; | |||
} | |||
tbody { | |||
border-color: #14392e; | |||
} | |||
/* Forms */ | |||
fieldset { | |||
border: 1px solid var(--pastel-yellow); | |||
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(--bright-yellow); | |||
border-color: #0e1010; | |||
border-radius: 8px; | |||
outline: none; | |||
} | |||
.mw-recentchanges-table .mw-input select#namespace { | |||
background-color: #233437; | |||
} | |||
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { | |||
color: var(--pastel-yellow); | |||
font-weight: bold; | |||
border: 1px solid #0e1010; | |||
border-radius: 8px; | |||
background: #1b2628; /* Old browsers */ | |||
background: linear-gradient(linear, left top, left bottom, from(#233133),to(#141c1d)); /* W3C */ | |||
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(--bright-yellow); | |||
background: linear-gradient(linear, left top, left bottom, from(#141c1d),to(#233133)); /* W3C */ | |||
} | |||
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { | |||
color: #ffc000; | |||
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(--bright-yellow); | |||
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(--bright-yellow); | |||
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; | |||
} | |||
/* 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(--bright-yellow); | |||
} | |||
/* 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 #14392e; | |||
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 #14392e; | |||
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 #14392e; | |||
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), 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%23cef582%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); | |||
} | |||
/* @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(--bright-yellow); | |||
} | |||
div#mw-panel div.portal div.body ul li a:visited { | |||
color: var(--bright-yellow); | |||
} | |||
div#mw-panel div.portal div.body ul li a:hover { | |||
color: #ffc000; | |||
} | |||
.oo-ui-panelLayout-framed { | |||
background-color: #233437; | |||
} | |||
/* Sidebar headings */ | |||
.portal h3, .vector-menu-portal h3 { | |||
color: var(--pastel-yellow); | |||
} | |||
/* Sidebar links */ | |||
.portal .body li a, .vector-menu-portal .body li a, | |||
.portal .body li a:visited, .vector-menu-portal .body li a:visited { | |||
color: var(--bright-yellow); | |||
} | |||
/* 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(--pastel-yellow); | |||
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: #233437; | |||
color: var(--bright-yellow); | |||
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: #233437; | |||
color: var(--bright-yellow); | |||
padding: 0 0; | |||
} | |||
div#simpleSearch input { | |||
color: var(--bright-yellow); | |||
background-image: none; | |||
background-color: #233437; | |||
} | |||
div.suggestions, | |||
html>body div.suggestions { | |||
border-radius: 6px; | |||
border: 2px ridge black; | |||
box-shadow: 0 0 0 1px #17161b; | |||
background: #192324; | |||
color: var(--pastel-yellow); | |||
} | |||
.suggestions-results { | |||
border: none; | |||
background: #192324; | |||
color: var(--pastel-yellow); | |||
} | |||
.suggestions-special { | |||
border: none; | |||
border-top: 1px solid #1e2b2e; | |||
background: #192324; | |||
color: var(--pastel-yellow); | |||
} | |||
.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(--pastel-yellow); | |||
} | |||
.suggestions-special .special-label { | |||
color: var(--bright-yellow); | |||
} | |||
.suggestions-result-current .special-label { | |||
color: var(--bright-yellow); | |||
} | |||
.suggestions-result-current { | |||
background: #233437 !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: #233437; | |||
margin-top: 1em; | |||
border: none; | |||
border-radius: 8px; | |||
} | |||
.mw-search-profile-tabs div.search-types ul li.current a { | |||
color: var(--pastel-yellow); | |||
cursor: default; | |||
} | |||
.results-info { | |||
color: var(--pastel-yellow); | |||
} | |||
/* other elements */ | |||
/* Possible color choices: var(--dark-bg-color) and #233437 */ | |||
#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: #233437; | |||
padding: 5px; | |||
margin-top: 1em; | |||
clear: both; | |||
} | |||
.mw-footer li { | |||
color: var(--pastel-yellow); | |||
} | |||
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(--pastel-yellow); | |||
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(--pastel-yellow); | |||
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(--pastel-yellow); | |||
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(--pastel-yellow); | |||
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(--pastel-yellow); | |||
border-radius: 5px; | |||
padding: 2px; | |||
} | |||
table.wikitable>tr>th, | |||
table.wikitable>*>tr>th { | |||
background-color: #233437; | |||
text-align: center; | |||
color: var(--bright-yellow); | |||
} | |||
table.wikitable>tr>th, | |||
table.wikitable>tr>td, | |||
table.wikitable>*>tr>th, | |||
table.wikitable>*>tr>td { | |||
border: none; | |||
padding: 0.2em; | |||
background: #233437; | |||
} | |||
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: #233437; | |||
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: #233437; | |||
} | |||
.htmlform-tip { | |||
font-size: x-small; | |||
padding: .2em 2em; | |||
color: var(--bright-yellow); | |||
} | |||
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: #233437; | |||
} | |||
.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: #192324; | |||
border-color: var(--dark-2-bg-color); | |||
color: var(--bright-yellow); | |||
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(--bright-yellow); | |||
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 !important; | |||
box-shadow: inset 0 0 0 1px #005f65 !important; | |||
color: var(--bright-yellow); | |||
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 !important; | |||
box-shadow: inset 0 0 0 1px #005f65 !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: #005f65 !important; | |||
box-shadow: inset 0 0 0 1px #005f65 !important; | |||
outline: none; | |||
} | |||
/* Editor */ | |||
.editOptions { | |||
background-color: #233437; | |||
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 #005f65; | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus { | |||
margin: 0; | |||
border: 1px solid #005f65; | |||
} | |||
.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(--pastel-yellow); | |||
background-position: left center; | |||
background-repeat: no-repeat; | |||
} | |||
.wikiEditor-ui-toolbar { | |||
background: #233437; | |||
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(--bright-yellow); | |||
} | |||
.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: #233437; | |||
} | |||
.wikiEditor-ui-toolbar .group .label { | |||
border: 0; | |||
margin: 2px; | |||
margin-left: 5px; | |||
margin-right: 8px; | |||
color: var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .group { | |||
border-right: 1px solid black; | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index .current { | |||
background-color: #233437; | |||
color: #ffc000; | |||
border-bottom: 1px solid var(--light-bg-color); | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index div { | |||
padding: 4px; | |||
padding-left: 6px; | |||
color: var(--bright-yellow); | |||
background: var(--dark-bg-color); | |||
border-bottom: 1px solid var(--light-bg-color); | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index div:hover { | |||
background: #1e2b2e; | |||
color: #ffc000; | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index .current:hover { | |||
background: #233437; | |||
} | |||
.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(--bright-yellow); | |||
background: #1b2628; | |||
/* Old browsers */ | |||
background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%); | |||
/* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437)); | |||
/* Safari 4+, Chrome 2+ */ | |||
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d))); | |||
/* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(#364a4d, #233437); | |||
/* Opera11.10+ */ | |||
background: -ms-linear-gradient(#364a4d, #233437); | |||
/* IE10+ */ | |||
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437)); | |||
/* W3C */ | |||
border-bottom: none; | |||
} | |||
.wikiEditor-ui-tabs div.current:hover { | |||
background: #1b2628; | |||
/* Old browsers */ | |||
background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%); | |||
/* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437)); | |||
/* Safari 4+, Chrome 2+ */ | |||
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d))); | |||
/* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(#364a4d, #233437); | |||
/* Opera11.10+ */ | |||
background: -ms-linear-gradient(#364a4d, #233437); | |||
/* IE10+ */ | |||
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437)); | |||
/* W3C */ | |||
} | |||
.wikiEditor-ui-tabs div { | |||
margin-left: -1px; | |||
border-top-left-radius: 8px; | |||
border-top-right-radius: 8px; | |||
color: var(--bright-yellow); | |||
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(--bright-yellow); | |||
} | |||
.wikiEditor-ui-tabs div a { | |||
padding: 0 0.75em; | |||
color: var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-tabs div a:hover { | |||
color: var(--bright-yellow); | |||
} | |||
div.wikiEditor-ui-view.wikiEditor-ui-view-preview { | |||
background-color: #233437; | |||
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: #233437; | |||
border-radius: 8px; | |||
} | |||
.wikiEditor-preview-loading span { | |||
color: var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .booklet .pages { | |||
background-color: #1e2b2e; | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span { | |||
border: 1px solid #14392e; | |||
border-radius: 5px; | |||
padding: 8px; | |||
padding-left: 8px; | |||
padding-right: 8px; | |||
margin-left: 5px; | |||
margin-top: 5px; | |||
background: var(--dark-bg-color); | |||
color: var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
color: #ffc000; | |||
background: #1a2728; | |||
border: 1px solid var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span:active { | |||
color: #ffc000; | |||
background-color: #213233; | |||
border: 1px solid var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select { | |||
background: var(--light-bg-color); | |||
border-color: #0e1010; | |||
border-radius: 8px; | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label { | |||
color: var(--pastel-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options { | |||
margin-left: -1px; | |||
margin-top: 22px; | |||
border: 1px solid #0e1010; | |||
background-color: rgba(26, 39, 41, 0.95); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | |||
background-color: rgba(34, 48, 51, 0.95); | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .options .option { | |||
padding: 0.5em; | |||
color: var(--bright-yellow); | |||
} | |||
.wikiEditor-ui-toolbar .page-table td { | |||
color: var(--pastel-yellow); | |||
border-top: 1px solid black; | |||
background: #192324; | |||
} | |||
.wikiEditor-ui-toolbar .page-table th { | |||
color: var(--bright-yellow); | |||
} | |||
div.wikiEditor-ui-view.wikiEditor-ui-view-changes { | |||
background: #233437; | |||
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: #233437 !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(--pastel-yellow); | |||
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(--pastel-yellow) !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(--bright-yellow) !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 { | |||
-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
} | |||
#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: #233437; | |||
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(--pastel-yellow); | |||
} | |||
.client-js #preferences legend { | |||
color: var(--bright-yellow); | |||
} | |||
.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(--bright-yellow); | |||
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, #233437, #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(--bright-yellow); | |||
text-decoration: none; | |||
} | |||
.client-js #preftoc a, | |||
.client-js #preftoc a:active { | |||
display: inline-block; | |||
position: relative; | |||
color: var(--pastel-yellow); | |||
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(--bright-yellow); | |||
background: #1b2628; | |||
/* Old browsers */ | |||
background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%); | |||
/* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437)); | |||
/* Safari 4+, Chrome 2+ */ | |||
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d))); | |||
/* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(#364a4d, #233437); | |||
/* Opera11.10+ */ | |||
background: -ms-linear-gradient(#364a4d, #233437); | |||
/* IE10+ */ | |||
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437)); | |||
/* W3C */ | |||
} | |||
.client-js #preftoc li.selected a:hover { | |||
background: #1b2628; | |||
/* Old browsers */ | |||
background: -moz-linear-gradient(100% 100% 90deg, #233437, #2c3f41, #364a4d 100%); | |||
/* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #364a4d), color-stop(100%, #233437)); | |||
/* Safari 4+, Chrome 2+ */ | |||
background: -webkit-linear-gradient(linear, left top, left bottom, from(#233437), to(rgba(#364a4d))); | |||
/* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(#364a4d, #233437); | |||
/* Opera11.10+ */ | |||
background: -ms-linear-gradient(#364a4d, #233437); | |||
/* IE10+ */ | |||
background: linear-gradient(linear, left top, left bottom, from(#364a4d), to(#233437)); | |||
/* W3C */ | |||
} | |||
/* User Message */ | |||
.usermessage { | |||
background-color: var(--dark-2-bg-color); | |||
border: 1px solid #14392e; | |||
border-radius: 10px; | |||
color: var(--pastel-yellow); | |||
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(--pastel-yellow); | |||
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(--pastel-yellow); | |||
} | |||
/* Page History */ | |||
#pagehistory { | |||
background: var(--dark-bg-color); | |||
padding: 5px; | |||
border-radius: 10px; | |||
} | |||
#pagehistory li.selected { | |||
background-color: #233437; | |||
color: inherit; | |||
border: 1px dashed #7c9b3f; | |||
border-radius: 5px; | |||
margin-bottom: 3px; | |||
} | |||
#pagehistory li { | |||
border: none; | |||
background: #1d2f32; | |||
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: #233437; | |||
border: none; | |||
color: var(--bright-yellow); | |||
} | |||
td.diff-deletedline { | |||
border-color: #914a4e; | |||
} | |||
td.diff-addedline { | |||
border-color: #42b34e; | |||
} | |||
td.diff-addedline .diffchange { | |||
background: #223e22; | |||
} | |||
td.diff-deletedline .diffchange { | |||
background: #3d1d1c; | |||
} | |||
/* 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; | |||
} | |||
/* 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: #233437; | |||
border: none; | |||
border-width: 0 !important; | |||
margin-top: 5px; | |||
} | |||
fieldset#mw-searchoptions div.divider { | |||
clear: both; | |||
border-bottom: 1px solid var(--pastel-yellow); | |||
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); | |||
} | |||
#pt-userpage a, | |||
#pt-anonuserpage, | |||
#pt-login, | |||
#pt-logout { | |||
background-position: left top !important; | |||
background-repeat: no-repeat !important; | |||
background-image: url(resources/assets/skins/icon_profile.svg) !important; | |||
background-image: -webkit-linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important; | |||
background-image: linear-gradient(transparent, transparent), url(resources/assets/skins/icon_profile.svg) !important; | |||
padding-left: 16px !important; | |||
} | |||
/* 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(--bright-yellow); | |||
font-family: Verdana, Arial, sans-serif; | |||
font-size: 10px; | |||
} | |||
tr.mw-wikiforum-title { | |||
background: #233437; | |||
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: #233437; | |||
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: #233437; | |||
border-radius: 8px; | |||
} | |||
td.mw-wikiforum-thread-sub { | |||
padding: 0px 10px; | |||
border: 1px solid var(--dark-bg-color); | |||
background: #233437; | |||
border-radius: 6px; | |||
} | |||
table.mw-wikiforum-posted { | |||
color: var(--pastel-yellow); | |||
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(--bright-yellow); | |||
font-family: Verdana, Arial, sans-serif; | |||
font-size: 10px; | |||
border-bottom: 1px dotted var(--bright-yellow); | |||
background: transparent; | |||
margin-bottom: 6px; | |||
} | |||
blockquote span { | |||
color: var(--bright-yellow); | |||
font-family: Times New Roman; | |||
font-size: 30px; | |||
background: transparent; | |||
margin: 0 5px; | |||
} | |||
blockquote { | |||
padding: 10px; | |||
background: var(--dark-bg-color); | |||
border-radius: 6px; | |||
overflow: hidden; | |||
} | |||
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: #233437; | |||
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: #233437; | |||
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: #233437; | |||
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), 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%23ffe74a%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); | |||
} | |||
@media screen { | |||
/* Lists */ | |||
ul { | |||
list-style-image: 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%23cef582%22%2F%3E%0A%3C%2Fsvg%3E%0A); | |||
} | |||
ul#pagehistory { | |||
list-style: none; | |||
} | |||
/* Watch icon */ | |||
.vector-menu-tabs #ca-watch.icon a::before { | |||
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%23cef582%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E); | |||
} | |||
.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(--bright-yellow); | |||
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: #192324; | |||
border-color: var(--dark-2-bg-color); | |||
} | |||
.oo-ui-indicator-down { | |||
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%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%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #233437; | |||
color: var(--bright-yellow); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #233437; | |||
color: var(--bright-yellow); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #233437; | |||
color: var(--bright-yellow); | |||
} | |||
.oo-ui-checkboxInputWidget input[type="checkbox"]+span { | |||
background-color: transparent; | |||
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%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E*%20%7B%20fill%3A%20%23ffe74a%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); | |||
border: 1px solid var(--bright-yellow); | |||
} | |||
/* Secondary buttons */ | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)); | |||
border-color: #0e1010; | |||
color: inherit; | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)); | |||
border-color: #0e1010; | |||
color: inherit; | |||
} | |||
.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: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)); | |||
border-color: #005f65; | |||
box-shadow: inset 0 0 0 1px #005f65; | |||
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: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)); | |||
border-color: #0e1010; | |||
color: var(--bright-yellow); | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141c1d), color-stop(100%, #233133)); | |||
border-color: #0e1010; | |||
color: var(--bright-yellow); | |||
} | |||
.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: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #233133), color-stop(100%, #141c1d)); | |||
border-color: #005f65; | |||
box-shadow: inset 0 0 0 1px #005f65; | |||
color: var(--bright-yellow); | |||
} | |||
/* Destructive elements */ | |||
.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { | |||
color: #d33 !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: #192324; | |||
color: var(--bright-yellow); | |||
border: 1px solid #1b1618; | |||
} | |||
.mw-recentchanges-table .mw-input input.mw-ui-input { | |||
background-color: #233437; | |||
} | |||
.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(--bright-yellow); | |||
box-shadow: inset 0 0 0 1px green; | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span { | |||
border-color: var(--bright-yellow); | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span { | |||
background-color: var(--pastel-yellow); | |||
border-color: var(--pastel-yellow); | |||
box-shadow: inset 0 0 0 1px var(--pastel-yellow); | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span { | |||
background-color: inherit; | |||
border-color: var(--bright-yellow); | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span { | |||
background-color: inherit; | |||
border-color: var(--bright-yellow); | |||
box-shadow: none; | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span { | |||
background-color: inherit; | |||
border-color: var(--pastel-yellow); | |||
} | |||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span { | |||
background-color: var(--pastel-yellow); | |||
border-color: var(--pastel-yellow); | |||
box-shadow: inset 0 0 0 1px var(--pastel-yellow); | |||
} | |||
/* Pop-ups */ | |||
.oo-ui-popupWidget-popup { | |||
background-color: #233437; | |||
border: 1px solid var(--dark-2-bg-color); | |||
} | |||
.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: #233437; | |||
} | |||
/* 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: #233437; | |||
color: #ddd600; | |||
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: #233437; | |||
} | |||
/* 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: #233437; | |||
color: #ddd600; | |||
font-size: 1.2em; | |||
} | |||
/* Sprite images */ | |||
.sprite { | |||
image-rendering: -moz-crisp-edges; | |||
image-rendering: -webkit-crisp-edges; | |||
image-rendering: pixelated; | |||
} | |||
/* References */ | |||
ol.references li:target, sup.reference:target { | |||
border-radius: 8px; | |||
background-color: #233437; | |||
} | |||
/* 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(--bright-yellow); | |||
outline: 0; | |||
} | |||
/* Popup Calendar UI */ | |||
.mw-widget-dateInputWidget-calendar { | |||
background-color: var(--dark-2-bg-color); | |||
border-color: var(--pastel-yellow); | |||
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(--pastel-yellow); | |||
} | |||
.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: rgb(35, 52, 55); | |||
} | |||
::-webkit-scrollbar-thumb:hover, | |||
::-webkit-scrollbar-thumb:active { | |||
background: rgb(40, 57, 60); | |||
} | |||
::-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: rgba(27, 38, 40, 0.5); | |||
} | |||
::-webkit-scrollbar-track { | |||
background: rgb(27, 38, 40); | |||
} | |||
/* 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 { | |||
-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
} | |||
.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 { | |||
-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg); | |||
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: #233437; | |||
} | |||
.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: #233437; | |||
} | |||
.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: #233437; | |||
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: #ffc000; | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | |||
color: #ffc000; | |||
border-color: #005f65; | |||
} | |||
.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: #ffc000; | |||
} | |||
.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: #233437; | |||
} | |||
.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: #233437; | |||
} | |||
.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),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%23cef582%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); | |||
} | |||
.ve-ui-mwSaveDialog-options { | |||
background-color: #233437; | |||
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: #233437; | |||
} | |||
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { | |||
background-color: #233437; | |||
border-color: var(--pastel-yellow); | |||
} | |||
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { | |||
border-color: #ffc000; | |||
} | |||
.oo-ui-selectFileWidget-dropTarget { | |||
border-color: var(--pastel-yellow); | |||
} | |||
/* Recent changes filters */ | |||
.mw-rcfilters-ui-watchlistTopSectionWidget-separator { | |||
border-color: var(--pastel-yellow); | |||
} | |||
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { | |||
color: var(--pastel-yellow); | |||
} | |||
.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(--bright-yellow); | |||
} | |||
.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: #233437; | |||
} | |||
.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 { | |||
border-color: #000; | |||
} | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters, | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
color: var(--pastel-yellow); | |||
} | |||
.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(--pastel-yellow); | |||
background-color: var(--light-bg-color); | |||
border-color: #000; | |||
} | |||
.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(--bright-yellow); | |||
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: #233437; | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-title, | |||
.mw-rcfilters-ui-itemMenuOptionWidget-label-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(--pastel-yellow); | |||
} | |||
.mw-rcfilters-ui-filterMenuHeaderWidget-header, | |||
.mw-rcfilters-ui-menuSelectWidget-footer { | |||
background-color: var(--light-bg-color); | |||
border-color: #000; | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | |||
border-color: #000; | |||
background-color: #233437; | |||
} | |||
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { | |||
border-color: #233437; | |||
} | |||
.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) { | |||
-webkit-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%); | |||
} | |||
.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 { | |||
-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%); | |||
} | |||
.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-invert, | |||
.rcfilters-head .oo-ui-iconElement-icon.oo-ui-image-progressive, | |||
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert, | |||
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive{ | |||
-webkit-filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg); | |||
filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg); | |||
} | |||
.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(--pastel-yellow); | |||
} | |||
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { | |||
color: var(--bright-yellow); | |||
} | |||
.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(--bright-yellow); | |||
} | |||
.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(--pastel-yellow); | |||
} | |||
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { | |||
background-color: #233437; | |||
} | |||
/* 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%; | |||
} | |||