MediaWiki:Vector.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Variables */
:root {
/* Wiki Specific Colors Between RayWiki and Rayfanpedia */
--gallerybox-div-thumb: var(--dark-border-color); /* RayWiki: '--dark-border-color' Rayfanpedia: '--light-border-color' */
/* Background colors */
--dark-bg-color: #161E1F;
--dark-2-bg-color: #111617;
--light-bg-color: #1A2729;
--light-2-bg-color: #2A3F42;
--light-3-bg-color: #222E30;
/* Colors used for inactive tabs and UI buttons */
--tab-button-bg-color-light: #233133;
--tab-button-bg-color-dark: #141C1D;
/* Border colors */
--dark-border-color: #14392E;
--light-border-color: #FFE74A; /* RayWiki shares the same color value for both light borders and link/header colors, where RayFanpedia does not. */
--border-color-error: #d73333;
/* Text colors */
--text-color: #CEF582; /* Pastel-Yellow */
--text-link-header-color: #FFE74A; /* Bright-Yellow */
--text-link-hover-color: #FFC000;
--text-link-new-color: #BA0000;
--text-link-new-hover-color: #FA736F;
--text-border-green-color: #1BEE1E;
--text-disabled-color: #65704F;
--text-inactive-tab-color: #CEF582; /* Raywiki shares the same color value for this variable as it does text color, where RayFanpedia does not. */
/* Inline SVG images below must contain the value of --text-inactive-tab-color! */
--list-item-marker: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23CEF582%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-magnify-thumb-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011%2015%22%20width%3D%2215%22%20height%3D%2211%22%3E%20%20%20%20%3Cg%20id%3D%22magnify-clip%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%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);
--image-arrow-collapsed-ltr-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-arrow-collapsed-rtl-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M8%201.533v9.671L3.248%206.333z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-arrow-expand-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1.165%203.624h9.671L5.965%208.376z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
--image-indicator-down-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cg%20id%3D%22down%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22arrow%22%20d%3D%22M1%204h10L6%209%201%204%22%20fill%3D%22%23CEF582%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
--image-checkmark-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20.285%2C2L9%2C13.567L3.714%2C8.556L0%2C12.272L9%2C21L24%2C5.715L20.285%2C2Z%22%20style%3D%22fill%3Argb%28206%2C245%2C130%29%3Bfill-rule%3Anonzero%3B%22%2F%3E%0A%3C%2Fsvg%3E);
--image-search-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23CEF582%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E);
--image-external-link-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2220%22%20viewBox%3D%220%200%20640%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M579.8%20267.7c56.5-56.5%2056.5-148%200-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6%201.1c-14.4%2010.3-17.7%2030.3-7.4%2044.6s30.3%2017.7%2044.6%207.4l1.6-1.1c32.1-22.9%2076-19.3%20103.8%208.6c31.5%2031.5%2031.5%2082.5%200%20114L422.3%20334.8c-31.5%2031.5-82.5%2031.5-114%200c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4%206.9-34.4-7.4-44.6s-34.4-6.9-44.6%207.4l-1.1%201.6C206.5%20251.2%20213%20330%20263%20380c56.5%2056.5%20148%2056.5%20204.5%200L579.8%20267.7zM60.2%20244.3c-56.5%2056.5-56.5%20148%200%20204.5c50%2050%20128.8%2056.5%20186.3%2015.4l1.6-1.1c14.4-10.3%2017.7-30.3%207.4-44.6s-30.3-17.7-44.6-7.4l-1.6%201.1c-32.1%2022.9-76%2019.3-103.8-8.6C74%20372%2074%20321%20105.5%20289.5L217.7%20177.2c31.5-31.5%2082.5-31.5%20114%200c27.9%2027.9%2031.5%2071.8%208.6%20103.9l-1.1%201.6c-10.3%2014.4-6.9%2034.4%207.4%2044.6s34.4%206.9%2044.6-7.4l1.1-1.6C433.5%20260.8%20427%20182%20377%20132c-56.5-56.5-148-56.5-204.5%200L60.2%20244.3z%22%2F%3E%3C%2Fsvg%3E);
--image-sort-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2210%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M137.4%2041.4c12.5-12.5%2032.8-12.5%2045.3%200l128%20128c9.2%209.2%2011.9%2022.9%206.9%2034.9s-16.6%2019.8-29.6%2019.8H32c-12.9%200-24.6-7.8-29.6-19.8s-2.2-25.7%206.9-34.9l128-128zm0%20429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8%2029.6-19.8H288c12.9%200%2024.6%207.8%2029.6%2019.8s2.2%2025.7-6.9%2034.9l-128%20128c-12.5%2012.5-32.8%2012.5-45.3%200z%22%2F%3E%3C%2Fsvg%3E);
--image-sort-descending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%202h10l-5%208.658z%22%2F%3E%0A%3C%2Fsvg%3E);
--image-sort-ascending-icon: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%0A%09%3Cpath%20fill%3D%22%23CEF582%22%20d%3D%22M1%2010h10L6%201.342z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
/* Color Filter for SVG based icons used throughout the Wiki */
--icon-color-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
--icon-color-hover-filter: invert(73%) sepia(85%) saturate(2166%) hue-rotate(1deg) brightness(106%) contrast(103%);
--icon-color-hover-2-filter: invert(97%) sepia(3%) saturate(5784%) hue-rotate(0deg) brightness(94%) contrast(105%);
--icon-color-green-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(90deg) brightness(75%) contrast(200%);
--icon-color-red-filter: invert(97%) sepia(3%) saturate(70000%) hue-rotate(305deg) brightness(75%) contrast(200%);
}
body {
font-size: 1em;
background: var(--dark-2-bg-color) url(resources/assets/skins/banner.png) 0 0 no-repeat;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif;
color: var(--text-inactive-tab-color);
}
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
#mw-page-base {
background: transparent;
}
.postedit {
color: var(--text-inactive-tab-color);
background-color: var(--light-bg-color);
background-color: rgba(26, 38, 41, 0.80);
border: none;
text-shadow: 0 0.0625em 0 rgba(26, 38, 40, 0.5);
border-radius: 5px;
-webkit-box-shadow: 0 2px 5px 0 #1a2628;
box-shadow: 0 2px 5px 0 #1a2628;
}
/* RayWiki logo */
#p-logo a {
display: block;
width: 10em;
height: 160px;
background-repeat: no-repeat;
background-position: inherit;
text-decoration: none;
margin-left: -8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
not all,
(min-resolution: 1.5dppx),
(min-resolution: 144dpi) {
.mw-wiki-logo {
background-size: 156px auto;
}
}
@media (-webkit-min-device-pixel-ratio: 2),
not all,
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
.mw-wiki-logo {
background-size: 156px auto;
}
}
/* Image Masks */
@supports (-webkit-mask-image:none) or (mask-image:none) {
.mw-editfooter-toggler::before {
background-color: var(--text-disabled-color);
}
}
/* Vector tabs - remove outer backgrounds */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background: none;
}
.vector-menu-tabs li {
background: none;
}
.vector-menu-tabs .selected {
background: none;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background: none;
}
/* Vector tabs - standard */
.vector-menu-tabs li a {
border: 1px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
color: var(--text-color);
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
}
.vector-menu-tabs li a:hover {
color: var(--text-link-header-color);
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: var(--text-link-new-color);
}
.vector-menu-tabs-legacy .new a:hover {
color: var(--text-link-new-hover-color);
}
.vector-menu-tabs li a:hover:not(.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited) {
background: linear-gradient(
var(--light-2-bg-color),
var(--tab-button-bg-color-dark));
}
.vector-menu-tabs .mw-watchlink.icon a {
padding: 3em 0 0 0;
}
/* Vector tabs - active */
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: var(--text-link-header-color);
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
}
/* Vector tabs - dropdown */
.vector-menu-dropdown h3 {
color: var(--text-inactive-tab-color);
}
/* Vector 'More' Tab */
.vector-menu-dropdown {
border: 1px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
background: linear-gradient(var(--light-2-bg-color), var(--light-bg-color));
}
.vector-menu-dropdown input#p-cactions-checkbox:focus {
border: none;
}
.vector-menu-dropdown .vector-menu-heading {
color: var(--text-color);
}
.vector-menu-dropdown .vector-menu-heading:after {
background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M137.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l128-128c9.2-9.2%2011.9-22.9%206.9-34.9s-16.6-19.8-29.6-19.8L32%20192c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9l128%20128z%22%2F%3E%3C%2Fsvg%3E) 100% 50% no-repeat;
filter: var(--icon-color-filter);
}
.vector-menu-dropdown .vector-menu-content {
background-color: var(--dark-bg-color);
border: 1px solid var(--dark-2-bg-color);
border-top-width: 0;
}
.vector-menu-dropdown .mw-list-item a {
color: var(--text-link-header-color);
}
#p-variants-label::before {
display: none;
}
/* 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;
}
/* Tracking Categories, .client-js jquery table sorting */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
background: var(--image-sort-icon) no-repeat center right 5px, var(--light-3-bg-color);
padding-right: 21px;
background-size: 0.5em;
}
/* 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 and Hidden Revisions on History Page */
.mw-plusminus-pos {
color: var(--text-border-green-color);
}
.mw-plusminus-neg {
color: var(--text-link-new-color);
}
span.mw-history-suppressed {
color: #72777d;
}
/**
* MediaWiki style sheet for general styles on basic content elements
*
* Styles for basic elements: links, lists, etc...
*
* This style sheet is used by the Monobook and Vector skins.
*/
/* Links */
a {
text-decoration: none;
color: var(--text-link-header-color);
background: none;
}
a:visited {
color: var(--text-link-header-color);
}
a:active {
color: var(--text-link-header-color);
}
a:hover,
a:focus {
text-decoration: underline;
color: var(--text-link-hover-color);
}
a.stub {
color: var(--text-link-header-color);
}
a.new,
#p-personal a.new {
color: var(--text-link-new-color);
}
a.new:visited,
#p-personal a.new:visited {
color: var(--text-link-new-color);
}
a.new:hover,
#p-personal a.new:hover {
color: var(--text-link-new-hover-color);
}
#bodyContent a.external:not(.plainlinks a.external, .oo-ui-fieldLayout-field a.external.text) {
background-image: linear-gradient(transparent,transparent),var(--image-external-link-icon) !important;
}
#bodyContent .oo-ui-fieldLayout-field a.external.text, .mw-body-content .sharedUploadNotice a.external.text, #mw-imagepage-section-globalusage a.external {
background-size: 0;
padding-right: 0;
}
/* Interwiki Styling */
.mw-body a.extiw,
.mw-body a.extiw:active {
color: var(--text-link-header-color);
}
.mw-body a.extiw:visited {
color: var(--text-link-header-color);
}
.mw-body a.extiw:active {
color: var(--text-link-header-color);
}
.mw-search-result-data {
color: var(--text-disabled-color);
}
/* External links */
.mw-body a.external {
color: var(--text-link-header-color);
}
.mw-body a.external:visited {
color: var(--text-link-header-color);
/* bug 3112 */
}
.mw-body a.external:active {
color: var(--text-link-hover-color);
}
/* External links need to be fixed in a lot of secondary locations (1.31) */
a.external {
background-position: center right;
background-repeat: no-repeat;
padding-right: 13px;
}
/* Inline Elements */
img {
border: none;
vertical-align: middle;
}
hr {
height: 1px;
color: var(--dark-bg-color);
background-color: var(--text-inactive-tab-color);
border: 0;
margin: .2em 0;
}
/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-link-header-color);
background: none;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid var(--light-border-color);
}
h1 {
font-size: 188%;
}
h2 {
font-size: 150%;
}
h3,
h4,
h5,
h6 {
border-bottom: none;
font-weight: bold;
}
h3 {
font-size: 132%;
}
h4 {
font-size: 116%;
}
h5 {
font-size: 108%;
}
h6 {
font-size: 100%;
}
/* Some space under the headers in the content area */
h1,
h2 {
margin-bottom: .6em;
}
h3,
h4,
h5 {
margin-bottom: .3em;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
p img {
margin: 0;
}
ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.6em;
padding: 0;
}
ol {
line-height: 1.5em;
margin: .3em 0 0 3.2em;
padding: 0;
list-style-image: none;
}
li {
margin-bottom: .1em;
}
dt {
font-weight: bold;
margin-bottom: .1em;
}
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.5em;
margin-left: 1.6em;
margin-bottom: .1em;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
pre,
code,
tt,
kbd,
samp,
.mw-code {
/*
* Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
* Specifying any valid, second value will trigger correct behavior without forcing a different font.
*/
font-family: monospace, Courier;
}
code {
background-color: var(--light-bg-color);
color: var(--text-color);
border-color: var(--text-inactive-tab-color);
}
pre,
.mw-code {
padding: 1em;
border: none;
color: var(--text-color);
background-color: var(--dark-bg-color);
border-radius: 10px;
}
.not-patrolled {
background-color: var(--dark-border-color);
border-radius: 6px;
padding-left: 2px;
border: 1px solid var(--text-disabled-color);
}
/* Tables */
table {
font-size: 100%;
color: var(--text-color);
border-color: var(--dark-border-color);
}
tbody {
border-color: #261439;
}
/* Forms */
fieldset {
border: 1px solid var(--text-inactive-tab-color);
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
border-radius: 8px;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: .5em;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
}
select {
vertical-align: top;
background: var(--dark-bg-color);
color: var(--text-color);
border-color: #0e1010;
border-radius: 8px;
outline: none;
}
.mw-recentchanges-table .mw-input select#namespace {
background-color: var(--light-bg-color);
}
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
background-color: var(--text-color);
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
color: var(--text-color);
font-weight: bold;
border: 1px solid #0e1010;
border-radius: 8px;
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
outline:none;
padding: 3px 6px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover {
border: 1px solid #0e1010;
border-radius: 8px;
color: var(--text-color);
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
color: var(--text-color);
outline: none;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
background-color: var(--dark-bg-color);
border:1px solid var(--dark-2-bg-color);
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):hover, input[type="color"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="text"]:hover {
background-color: var(--dark-bg-color);
border: 1px solid var(--light-border-color);
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):focus, input[type="color"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="text"]:focus {
border: 1px solid var(--light-border-color);
outline: none;
}
.mw-ui-button {
color: var(--text-color);
border: 1px solid #0e1010;
border-radius: 8px;
}
.mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on {
color: var(--text-color);
border-color: var(--light-border-color);
box-shadow: none;
}
.mw-ui-button:not(:disabled):hover {
color: var(--text-color);
border-color: var(--light-border-color);
}
.mw-ui-button:not(:disabled):focus {
color: var(--text-link-header-color);
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color), inset 0 0 0 2px var(--dark-border-color);
outline-width: 0;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
border-radius: 8px;
}
/* Emulate Center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* Small for tables and similar */
.small {
font-size: 94%;
}
table.small {
font-size: 100%;
}
/**
* MediaWiki style sheet for general styles on complex content
*
* Styles for complex things which are a standard part of page content
* (ie: the CSS classing built into the system), like the TOC.
*/
/* Table of contents */
#toc,
.toc,
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/**
* We want to display the ToC element with intrinsic width in block mode. The fit-content
* value for width is however not supported by large groups of browsers.
*
* We use display:table. Even though it should only contain other table-* display
* elements, there are no known problems with using this.
*
* Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
* using inline-block mode, which features at least intrinsic width, but won't clear preceding
* inline elements. In practice inline elements surrounding the TOC are uncommon enough that
* this is an acceptable sacrifice.
*/
#toc,
.toc {
display: -moz-inline-block;
display: inline-block;
display: table;
/* IE7 and earlier */
zoom: 1;
*display: inline;
padding: 7px;
}
/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
table#toc,
table.toc {
border-collapse: collapse;
}
/* Remove additional paddings inside table-cells that are not present in <div>s */
table#toc td,
table.toc td {
padding: 0;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
.tocnumber {
color: inherit;
}
.toctogglelabel {
color: var(--text-color);
}
/* Warning */
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
/* Images */
/* @noflip */
div.floatright,
table.floatright {
margin: 0 0 .5em .5em;
border: 0;
}
div.floatright p {
font-style: italic;
}
/* @noflip */
div.floatleft,
table.floatleft {
margin: 0 .5em .5em 0;
border: 0;
}
div.floatleft p {
font-style: italic;
}
/* Gallery */
li.gallerybox div.thumb {
text-align: center;
border: 1px solid var(--gallerybox-div-thumb);
background-color: var(--dark-bg-color);
margin: 2px;
border-radius: 8px;
}
/* Thumbnails */
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] {
border: 1px solid var(--dark-border-color);
border-bottom: 0;
background-color: var(--dark-bg-color);
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
border: 1px solid var(--dark-border-color);
}
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
border: 1px solid var(--dark-border-color);
border-top: 0;
background-color: var(--dark-bg-color);
}
figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after {
background-image: linear-gradient(transparent,transparent), var(--image-magnify-thumb-icon) !important;
}
/* @noflip */
div.tright {
margin: .5em 0 1.3em 1.4em;
}
/* @noflip */
div.tleft {
margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
/**
* Edit forms
*/
#editform textarea {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
* Basic styles for the user login and create account forms
*/
#userlogin,
#userloginForm {
border: solid 1px #cccccc;
padding: 1.2em;
margin: 0.5em;
}
#loginend {
margin: 0.5em;
}
#loginend table {
width: 100%;
}
/* Panel */
div#mw-panel div.portal div.body ul li a {
color: var(--text-color);
}
div#mw-panel div.portal div.body ul li a:visited {
color: var(--text-color);
}
div#mw-panel div.portal div.body ul li a:hover {
color: var(--text-color);
}
.oo-ui-panelLayout-framed {
background-color: var(--light-3-bg-color)
}
/* Block User Page UI */
.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-padded {
padding: 1em;
}
.mw-special-Block .mw-htmlform > .oo-ui-panelLayout-framed {
border: 1px solid #000;
border-radius: 8px;
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--text-color);
}
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: var(--text-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--light-bg-color);
color: var(--text-disabled-color);
text-shadow: 0 1px 1px #000;
border-color: var(--dark-bg-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
background-color: var(--dark-bg-color);
color: var(--text-disabled-color);
border-color: var(--dark-border-color);
text-shadow: 0 1px 1px #000;
}
.oo-ui-widget.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.oo-ui-widget-disabled .oo-ui-tagItemWidget.oo-ui-labelElement:not(.oo-ui-tagItemWidget-fixed) .oo-ui-labelElement-label {
color: var(--text-disabled-color);
}
.oo-ui-widget.oo-ui-labelElement.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-tagItemWidget.oo-ui-labelElement:not(.oo-ui-tagItemWidget-fixed) .oo-ui-labelElement-label {
color: var(--text-color);
}
.oo-ui-icon-edit, .mw-ui-icon-edit:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2216%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.0%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M362.7%2019.3L314.3%2067.7%20444.3%20197.7l48.4-48.4c25-25%2025-65.5%200-90.5L453.3%2019.3c-25-25-65.5-25-90.5%200zm-71%2071L58.6%20323.5c-10.4%2010.4-18%2023.3-22.2%2037.4L1%20481.2C-1.5%20489.7%20.8%20498.8%207%20505s15.3%208.5%2023.7%206.1l120.3-35.4c14.1-4.2%2027-11.8%2037.4-22.2L421.7%20220.3%20291.7%2090.3z%22%2F%3E%3C%2Fsvg%3E) !important;
}
/* Sidebar headings */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
color: var(--text-color);
background-image: linear-gradient(to right,rgba(200,204,209,0) 0,var(--light-border-color) 33%,var(--light-border-color) 66%,rgba(200,204,209,0) 100%);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 1px;
}
/* Sidebar links */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--text-link-header-color);
}
/* Content */
div#content {
line-height: 1.5em;
margin-left: 10em;
padding: 1.5em 1.5em 1.5em 1.75em;
border: 1px solid var(--light-bg-color);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-right-width: 0;
margin-top: -1px;
background-color: var(--light-bg-color);
color: var(--text-color);
direction: ltr;
}
/* User Contributions Page */
#mw-content-subtitle, #contentSub2 {
color: var(--text-color);
}
/* Search */
div#simpleSearch #searchInput {
top: 0;
left: 0;
width: 100%;
padding: 0.2em 0em 5px 0.2em;
font-size: 13px;
direction: ltr;
-webkit-appearance: textfield;
}
#p-search input {}
#p-search div#simpleSearch {
border-radius: 6px;
border: none;
box-shadow: 0 0 0 1px #1b1618;
background: var(--light-bg-color);
color: var(--text-color);
padding: 0 0;
}
div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
}
div#simpleSearch #searchButton:hover,
div#simpleSearch #mw-searchButton:hover {
background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light));
}
#searchInput {
border-radius: 6px;
border: none;
box-shadow: 0 0 0 1px #1b1618;
background: var(--light-bg-color);
color: var(--text-color);
padding: 0 0;
}
div#simpleSearch input {
color: var(--text-color);
background-image: none;
background-color: var(--dark-bg-color);
}
div#simpleSearch input#searchInput::placeholder {
color: var(--text-disabled-color);
opacity: 1; /* Firefox opacity fix */
}
div.suggestions,
html>body div.suggestions {
border-radius: 6px;
border: 2px ridge black;
box-shadow: 0 0 0 1px var(--light-border-color);
background: var(--dark-bg-color);
color: var(--text-inactive-tab-color);
}
.suggestions-results {
border: none;
background: var(--dark-bg-color);
color: var(--text-inactive-tab-color);
}
.suggestions-special {
border: none;
border-top: 1px solid #1e2b2e;
background: var(--dark-bg-color);
color: var(--text-inactive-tab-color);
}
.suggestions-result,
.suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
color: var(--text-inactive-tab-color);
}
.suggestions-special .special-label {
color: var(--text-color);
}
.suggestions-result-current .special-label {
color: var(--text-color);
}
.suggestions-result-current {
background: var(--light-bg-color) !important;
color: var(--text-link-header-color);
}
.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: var(--text-link-header-color);;
}
/* Search Results Page */
.mw-search-profile-tabs {
background-color: var(--light-bg-color);
margin-top: 1em;
border: none;
border-radius: 8px;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: var(--text-inactive-tab-color);
cursor: default;
}
.results-info {
color: var(--text-inactive-tab-color);
}
/* other elements */
/* Possible color choices: var(--dark-bg-color) and #2C3022 */
#toc,
.toc,
.mw-warning {
border: none;
background-color: var(--dark-bg-color);
padding: 5px;
font-size: 95%;
border-radius: 10px;
}
.catlinks {
border: none;
border-radius: 8px;
background-color: var(--dark-bg-color);
padding: 5px;
margin-top: 1em;
clear: both;
}
.mw-footer li {
color: var(--text-inactive-tab-color);
}
ul#filetoc {
text-align: center;
border: 1px solid var(--dark-border-color);
background-color: var(--dark-bg-color);
border-radius: 10px;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
/* Wikitable */
table.wikitable {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 4px;
padding: 2px;
}
table.wikitable.mw-page-info {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.mw-listgrouprights-table {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.sortable.mw-tags-table.jquery-tablesorter {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable.mw-statistics-table {
margin: 1em 0;
background-color: var(--dark-bg-color);
border: none;
border-collapse: separate;
color: var(--text-inactive-tab-color);
border-radius: 5px;
padding: 2px;
}
table.wikitable>tr>th,
table.wikitable>tr>td,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td {
border: none;
padding: 0.2em;
background: var(--light-3-bg-color);
}
table.wikitable>tr>th,
table.wikitable>*>tr>th {
background-color: var(--light-2-bg-color);
text-align: center;
color: var(--text-color);
}
table.wikitable.filehistory tr:first-child td:first-child {
border-top-left-radius: 4px;
}
table.wikitable.filehistory tr:first-child td:last-child {
border-top-left-radius: 4px;
}
table.wikitable.filehistory tr:first-child th:last-child {
border-top-right-radius: 4px;
}
table.wikitable.filehistory tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table.wikitable.filehistory tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
table.wikitable.filehistory th {
color: var(--text-color);
}
/* 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: var(--light-bg-color);
color: var(--text-color);
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: var(--light-bg-color);
}
.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: var(--text-color);
}
table#mw_metadata tr:first-child th:first-child {
border-top-left-radius: 4px;
}
table#mw_metadata tr:first-child td:last-child {
border-top-right-radius: 4px;
}
table#mw_metadata tr:last-child td {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
table#mw_metadata.mw_metadata.collapsed td {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
/* File List Data Table */
.mw-datatable,
.mw-datatable td,
.mw-datatable th {
border: 2px solid var(--dark-2-bg-color);
padding: 0 0.15em 0 0.15em;
}
.mw-datatable th {
background-color: var(--light-bg-color);
}
.mw-datatable td {
background-color: var(--dark-bg-color);
}
.mw-datatable tbody tr:hover td {
background: var(--light-bg-color);
}
.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;
}
.mw-datatable-is-descending a {
background-image: var(--image-sort-descending-icon);
}
.mw-datatable-is-ascending a {
background-image: var(--image-sort-ascending-icon);
}
#mw-allmessagestable tbody:hover td {
background-color: var(--light-3-bg-color);
}
/* Input */
textarea {
background-color: var(--dark-bg-color);
border-color: var(--dark-border-color);
color: var(--text-color);
border-radius: 6px;
}
textarea:hover {
border: 1px solid var(--light-border-color);
}
textarea:focus {
border: 1px solid var(--light-border-color);
}
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: var(--dark-bg-color);
border: 1px solid var(--dark-2-bg-color);
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="text"]:hover {
background-color: var(--dark-bg-color);
border: 1px solid var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
color: var(--text-color);
border-radius: 6px;
outline: none;
}
input:not([type]):focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus {
border: 1px solid var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
outline: none;
}
input:not([type]):active,
input[type="color"]:active,
input[type="email"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="tel"]:active,
input[type="url"]:active,
input[type="text"]:active {
border-color: var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--light-border-color) !important;
outline: none;
}
/* Editor */
.editOptions {
background-color: var(--light-3-bg-color);
color: inherit;
border: none;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
border-radius: 10px;
margin-top: 5px;
}
/* WikiEditor */
.wikiEditor-ui {
background-color: var(--light-bg-color);
border: none;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: none;
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 {
margin: 0;
border: 1px solid var(--dark-2-bg-color);
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover {
margin: 0;
border: 1px solid var(--light-border-color);
}
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus {
margin: 0;
border: 1px solid var(--light-border-color);
}
.wikiEditor-ui-controls {
background: none;
margin-top: -1px;
border: none;
}
.wikiEditor-ui-buttons {
margin-right: -1px;
background: none;
padding-left: 1em;
border: none;
}
.wikiEditor-ui-buttons button {
margin-left: 0.5em;
margin-top: -5px;
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
padding-left: 18px;
padding-right: 12px;
color: var(--text-link-header-color);
background-position: left center;
background-repeat: no-repeat;
}
.wikiEditor-ui-toolbar {
background: var(--light-3-bg-color);
background-position: left top;
background-repeat: repeat-x;
border-radius: 8px;
}
.wikiEditor-ui .wikiEditor-ui-top {
border: none;
margin-bottom: 4px;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a:hover {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .sections {
border-bottom: 1px solid var(--dark-2-bg-color);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--dark-2-bg-color);
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .group .label {
border: 0;
margin: 2px;
margin-left: 5px;
margin-right: 8px;
color: var(--text-color);
}
.wikiEditor-ui-toolbar .group {
border-right: 1px solid black;
}
.wikiEditor-ui-toolbar .booklet .index .current {
background-color: var(--light-3-bg-color);
color: var(--text-link-header-color);
border-bottom: 1px solid var(--light-bg-color);
}
.wikiEditor-ui-toolbar .booklet .index div {
padding: 4px;
padding-left: 6px;
color: var(--text-color);
background: var(--dark-bg-color);
border-bottom: 1px solid var(--light-bg-color);
}
.wikiEditor-ui-toolbar .booklet .index div:hover {
background: var(--light-3-bg-color);
color: var(--text-link-hover-color);
}
.wikiEditor-ui-toolbar .booklet .index .current:hover {
background: var(--light-3-bg-color);
}
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget {
color: var(--text-color);
}
.oo-ui-icon-articleNotFound, .mw-ui-icon-articleNotFound:before {
filter: var(--icon-color-red-filter);
}
.oo-ui-icon-linkExternal, .mw-ui-icon-linkExternal:before {
filter: var(--icon-color-filter);
}
div.wikiEditor-ui-view.wikiEditor-ui-view-preview {
background-color: var(--light-bg-color);
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: var(--light-bg-color);
border-radius: 8px;
}
.wikiEditor-preview-loading span {
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .booklet .pages {
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--dark-border-color);
border-radius: 5px;
padding: 8px;
padding-left: 8px;
padding-right: 8px;
margin-left: 5px;
margin-top: 5px;
background: var(--dark-bg-color);
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
color: var(--text-link-header-color);
background: var(--light-bg-color);
border: 1px solid var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .page-characters div span:active {
color: var(--text-color);
background-color: var(--dark-2-bg-color);
border: 1px solid var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .group .tool-select {
background: var(--dark-bg-color);
border-color: var(--dark-border-color);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--text-inactive-tab-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
margin-left: -1px;
margin-top: 22px;
border: 1px solid #0e1010;
background-color: var(--light-3-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: var(--light-2-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--light-2-bg-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
padding: 0.5em;
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-table td {
color: var(--text-inactive-tab-color);
border-top: 1px solid black;
background: var(--dark-2-bg-color);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}
div.wikiEditor-ui-view.wikiEditor-ui-view-changes {
background: var(--light-bg-color);
padding: 4px;
border-radius: 8px;
margin-top: 1px;
}
.wikiEditor-toolbar-dialog {
border: none;
background: var(--dark-bg-color);
border-radius: 8px;
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder {
color: var(--text-disabled-color);
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border: 1px solid #000;
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: var(--text-disabled-color);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
background-color: var(--text-color);
border: 1px solid var(--dark-border-color);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
background-color: var(--text-link-header-color);
border: 1px solid var(--dark-border-color);
}
.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--light-border-color);
}
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: var(--text-link-header-color);
}
span.oo-ui-iconElement-icon.oo-ui-icon-reload {
filter: var(--icon-color-filter);
}
body .ui-dialog .ui-widget-header {
background: var(--light-bg-color) !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,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2212%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M342.6%20150.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L192%20210.7%2086.6%20105.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L146.7%20256%2041.4%20361.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L192%20301.3%20297.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L237.3%20256%20342.6%20150.6z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
filter: var(--icon-color-red-filter);
}
.ui-widget-header {
color: var(--text-color);
font-weight: bold;
}
.ui-widget-content {
color: var(--text-color);
background: var(--dark-bg-color);
}
.ui-widget-overlay {
background: rgba(41,34,48,0.5);
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--text-disabled-color);
opacity: 1;
}
body .ui-button {
margin: 0.5em 0 0.5em 0.4em;
color: var(--text-inactive-tab-color) !important;
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark)) !important;
padding: 3px 6px;
}
body .ui-button:hover {
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
color: var(--text-link-hover-color) !important;
background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important;
}
body .ui-button:active {
border: 1px solid #0e1010 !important;
border-radius: 8px !important;
color: var(--text-color) !important;
background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important;
}
body .ui-button:active,
body .ui-button:focus {
border-color: #0e1010 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: none !important;
background: none !important;
color: #0070a3;
}
.wikiEditor-ui-toolbar .group-search {
padding: 0 0 0 6px;
border-right: none;
border-left: 1px solid black;
}
ul.mw-allpages-chunk li {
border-top: none;
}
#wikieditor-toolbar-link-int-target-status-exists {
background-image: url(resources/assets/skins/insert-link-exists.svg);
}
#wikieditor-toolbar-link-int-target-status-notexists {
background-image: url(resources/assets/skins/insert-link-notexists.svg);
}
#wikieditor-toolbar-link-int-target-status-invalid {
background-image: url(resources/assets/skins/insert-link-invalid.svg);
}
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.oo-ui-icon-info,
.oo-ui-indicator-required,
.oo-ui-icon-search,
.oo-ui-indicator-clear {
filter: var(--icon-color-filter);
}
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover {
filter: var(--icon-color-hover-filter);
}
/* Preferences */
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: var(--dark-2-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
color: var(--text-link-header-color);
background: linear-gradient(var(--light-2-bg-color),var(--light-3-bg-color));
border: 1px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--light-border-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
color: var(--text-link-header-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
border: 1px px solid var(--dark-2-bg-color);
border-bottom-width: 0;
border-radius: 8px 8px 0 0;
color: var(--text-color);
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
}
.oo-ui-tabOptionWidget {
margin: 6px 0 0 4px;
}
.mw-prefs-buttons {
background-color: var(--dark-bg-color);
border: 1px solid var(--dark-2-bg-color);
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--dark-bg-color);
border-top: 1px solid var(--dark-border-color);
}
/* User Message */
.usermessage {
background-color: var(--dark-2-bg-color);
border: 1px solid var(--dark-border-color);
border-radius: 10px;
color: var(--text-inactive-tab-color);
font-weight: bold;
margin: 2em 0 1em;
padding: .5em 1em;
vertical-align: middle;
}
/* Watchlist */
#contentSub,
#contentSub2 {
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: var(--text-inactive-tab-color);
width: auto;
}
.skin-vector .mw-notification {
background-color: var(--dark-bg-color);
background-color: rgba(23, 19, 27, 0.93);
padding: 0.75em 1.5em;
border: solid 1px var(--light-border-color);
border-radius: 0.75em;
-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125);
color: var(--text-color);
}
/* Page History */
#pagehistory {
background: var(--dark-bg-color);
padding: 5px;
border-radius: 10px;
}
#pagehistory li.selected {
background-color: var(--light-3-bg-color);
color: inherit;
border: 1px dashed var(--light-border-color);
outline: 1px dashed var(--dark-border-color);
border-radius: 5px;
margin-bottom: 3px;
}
#pagehistory li {
border: none;
background: var(--dark-2-bg-color);
border-radius: 5px;
margin-bottom: 2px;
}
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
color: var(--text-color);
border-color: var(--dark-border-color);
}
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
color: var(--text-color);
}
.autocomment, .autocomment a, .autocomment a:visited {
color: var(--text-disabled-color);
}
/* Difference Page */
table.diff {
background-color: var(--dark-bg-color);
border: none;
border-spacing: 4px;
margin: 0;
width: 100%;
table-layout: fixed;
border-radius: 10px;
}
table.diff td {
padding: 0.33em 0.5em;
border-radius: 8px;
}
td.diff-context {
background: var(--light-bg-color);
border: none;
color: var(--text-color);
}
td.diff-deletedline {
border-color: var(--text-link-new-color);
}
td.diff-addedline {
border-color: var(--text-border-green-color);
}
td.diff-addedline .diffchange {
background: var(--light-2-bg-color);
}
td.diff-deletedline .diffchange {
background: var(--light-3-bg-color);
}
/* Legend Box */
.mw-changeslist-legend {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
clear: right;
font-size: 85%;
line-height: 1.2em;
padding: 0.5em;
background-color: var(--dark-bg-color);
border-radius: 8px;
border: none;
}
/* CSS3 code to style radio buttons and checkboxes */
/* common styles */
label {
cursor: pointer;
}
label,
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
vertical-align: middle;
}
/* hide the checkboxes and radios */
input[type="checkbox"],
input[type="radio"] {
position: absolute;
opacity: 0;
}
/* we use generated content to create a placeholder for the checkbox and the radio */
input[type="checkbox"]+label::before, input[type="radio"]+label::before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
margin: -2px 3px 0 3px;
background-color: transparent;
border: 2px solid var(--text-inactive-tab-color);
border-radius: 4px;
}
input[type="checkbox"]:checked:not(:indeterminate)+label::before, input[type="radio"]:checked:not(:indeterminate)+label::before {
background: linear-gradient(transparent,transparent),var(--image-checkmark-icon) no-repeat center;
background-size: 0.75em;
}
/* Override for 'More' Tab Fix */
nav#p-cactions input[type="checkbox"]+label::before {
width: 0;
border: none;
}
/* disabled checkbox or radio */
input[type="checkbox"]:disabled+label,
input[type="radio"]:disabled+label {
opacity: .5;
cursor: default;
/* or cursor: no-drop */
}
/* 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 and Log 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;
}
ul.mw-logevent-loglines input[type="checkbox"],
ul.mw-logevent-loglines 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: var(--light-bg-color);
border: none;
border-width: 0 !important;
margin-top: 5px;
}
fieldset#mw-searchoptions div.divider {
clear: both;
border-bottom: 1px solid var(--text-inactive-tab-color);
padding-top: 0.5em;
margin-bottom: 0.5em;
}
#bodyContent a.external {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23f3ceb5%22%20stroke%3D%22%23934a17%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%23b85c1d%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23f3ceb5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".ogg"],
#bodyContent a.external[href$=".OGG"],
#bodyContent a.external[href$=".mid"],
#bodyContent a.external[href$=".MID"],
#bodyContent a.external[href$=".midi"],
#bodyContent a.external[href$=".MIDI"],
#bodyContent a.external[href$=".mp3"],
#bodyContent a.external[href$=".MP3"],
#bodyContent a.external[href$=".wav"],
#bodyContent a.external[href$=".WAV"],
#bodyContent a.external[href$=".wma"],
#bodyContent a.external[href$=".WMA"],
.link-audio {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.467808%2C-258.39005%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.47%2C259.4-3%2C3-3%2C0%2C0%2C4%2C3%2C0%2C3%2C3zm-1%2C2.5%2C0%2C5-1.5-1.5-2.5%2C0%2C0-2%2C2.5%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m43.9%2C262.5c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C0.6213%2C0.6213%2C0.6213%2C2.485s-0.6213%2C2.485-0.6213%2C2.485c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C0.6213-0.6213%2C0.6213-1.864s-0.6213-1.864-0.6213-1.864z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m45.76%2C261.2c0-0.6213%2C0.6213-1.243%2C1.243-0.6213%2C0%2C0%2C1.243%2C1.243%2C1.243%2C3.728s-1.243%2C3.728-1.243%2C3.728c-0.6213%2C0.6213-1.243%2C0-1.243-0.6213%2C0%2C0%2C1.243-1.243%2C1.243-3.107s-1.243-3.107-1.243-3.107z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".pdf"],
#bodyContent a.external[href$=".PDF"],
#bodyContent a.external[href*=".pdf#"],
#bodyContent a.external[href*=".PDF#"],
#bodyContent a.external[href*=".pdf?"],
#bodyContent a.external[href*=".PDF?"],
.link-document {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m7.5%2C2%2C0%2C3%2C2.5%2C0%2C1-1-2.5%2C0%2C0-3z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e58249%3B%22%20d%3D%22m3%2C1%2C0%2C10%2C8%2C0%2C0-7-2.5-3zm1%2C1%2C4%2C0%2C2%2C2.5%2C0%2C5.5-6%2C0z%22%2F%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href$=".ogm"],
#bodyContent a.external[href$=".OGM"],
#bodyContent a.external[href$=".avi"],
#bodyContent a.external[href$=".AVI"],
#bodyContent a.external[href$=".mpeg"],
#bodyContent a.external[href$=".MPEG"],
#bodyContent a.external[href$=".mpg"],
#bodyContent a.external[href$=".MPG"],
.link-video {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.4678%2C-258.39%29%22%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C260.4%2C0%2C0.6213%2C8.098%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C268.4%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C262.3%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C266%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213zm6.229%2C0%2C0%2C0.6213%2C1.869%2C0%2C0-0.6213z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill-opacity%3A1%3Bfill%3A%23ff8e51%3B%22%20d%3D%22m38.96%2C264.8%2C8.098%2C0%2C0-0.6213-8.098%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.83%2C263.9%2C0%2C1.243%2C4.36%2C0%2C0-1.243z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m40.47%2C260.4%2C0%2C8%2C5%2C0%2C0-8zm1%2C1%2C3%2C0%2C0%2C6-3%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m38.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3Cpath%20style%3D%22opacity%3A1%3Bfill%3A%23e27e48%3B%22%20d%3D%22m46.47%2C259.4%2C1%2C0%2C0%2C10-1%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
#bodyContent a.external[href^="mailto:"],
.link-mailto {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2213%22%20width%3D%2213%22%20version%3D%221.1%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%3E%3Cg%20transform%3D%22translate%28-36.47%2C-257.4%29%22%3E%3Cpath%20style%3D%22fill%3A%23ff8e51%3B%22%20d%3D%22m38.31%2C261.4%2C4.66%2C4.349%2C4.66-4.349-0.6213-0.6213-1.243%2C0.6216-2.796%2C2.485-2.796-2.485-1.243-0.6216z%22%2F%3E%3Cpath%20style%3D%22fill%3A%23e27e48%3B%22%20d%3D%22m37.47%2C260.4%2C0%2C8%2C11%2C0%2C0-8zm1%2C1%2C9%2C0%2C0%2C6-9%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
/* Updated user icons */
#pt-userpage a,
#pt-anonuserpage,
#pt-login,
#pt-logout {
background: none !important;
padding-left: 0 !important;
}
li#pt-userpage::before, li#pt-logout::before {
content: '';
display: inline-block;
background: url(resources/assets/skins/icon_profile.svg) 100% 50% no-repeat;
background-size: 1.3em;
width: 1.3em;
height: 1.3em;
margin-top: -0.5em;
margin-right: 0.1em;
filter: var(--icon-color-filter);
}
/* WikiForum */
table.mw-wikiforum-frame {
clear: both;
width: 100%;
background: var(--dark-bg-color);
border: none;
margin-bottom: 1.2em;
border-radius: 8px;
}
p.mw-wikiforum-descr {
color: var(--text-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
tr.mw-wikiforum-title {
background: var(--light-bg-color);
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: var(--light-bg-color);
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: var(--light-bg-color);
border-radius: 8px;
}
td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--dark-bg-color);
background: var(--light-bg-color);
border-radius: 6px;
}
table.mw-wikiforum-posted {
color: var(--text-inactive-tab-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-top: 1px solid black;
width: 100%;
background: transparent;
margin-top: 16px;
margin-bottom: 6px;
}
blockquote p.posted {
color: var(--text-color);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-bottom: 1px dotted var(--text-color);
background: transparent;
margin-bottom: 6px;
}
blockquote {
padding: 10px;
background: var(--dark-2-bg-color);
border-radius: 6px;
overflow: hidden;
}
.vector-body blockquote {
border-color: var(--light-2-bg-color);
}
tr.mw-wikiforum-marked {
background: var(--light-bg-color);
}
/* Main Page CSS */
/* This will tie all the Main Pages for every language together for their CSS needs. */
/* Welcome to RayWiki Section */
.mpwelcome {
width: 100%;
background-color: var(--light-bg-color);
border-radius: 10px;
}
td.mpheading {
width: 100%;
text-align: center;
}
div.mpheading2 {
font-size: 28px;
border: none;
margin: 0;
padding: .5em;
}
div.mpheading3 {
font-size: 14px;
border: none;
margin: 0;
padding: .5em;
}
/* Discovery RayWiki Section */
table.mpdiscover {
width: 100%;
background-color: var(--dark-bg-color);
border: none;
padding: 2px;
border-radius: 8px;
margin-top: 10px;
}
/* Common Content */
table.mpcommonbg {
background: var(--dark-bg-color);
padding: 2px;
border-radius: 10px;
margin-bottom: 4px;
}
h2#mpcommonheader {
text-align: left;
background: var(--light-bg-color);
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: var(--light-bg-color);
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: var(--light-bg-color);
border: none;
font-weight: bold;
padding: 0.2em 0.4em;
border-radius: 8px;
color: #ddd600;
}
span.mpcommonheaderlang {
font-size: 80%;
}
@media screen {
/* Lists */
ul {
list-style-image: var(--list-item-marker);
}
ul#pagehistory {
list-style: none;
}
/* Watch icon */
.vector-menu-tabs #ca-watch.icon a::before {
background-image: linear-gradient(transparent, transparent), 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%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
filter: var(--icon-color-filter);
}
.vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus: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%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
filter: var(--icon-color-hover-2-filter);
}
.vector-menu-tabs #ca-unwatch.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%23000000%22%20stroke%3D%22%23808080%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
filter: var(--icon-color-filter);
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.icon a:focus: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%23000000%22%20stroke%3D%22%23808080%22%20stroke-width%3D%220.9999199999999999%22%2F%3E%3C%2Fsvg%3E);
filter: var(--icon-color-hover-2-filter);
}
/* 'More' menu */
div.vectorMenu {
height: 27px;
}
div#mw-head div.vectorMenu h3 {
background-image: none;
}
div.vectorMenu h3 span {
font-weight: bold;
color: var(--text-color);
padding-top: 5px;
margin-right: 0.7em;
}
div.vectorMenu div.menu {
top: 27px;
border: none;
}
}
/* Redirect */
.mw-content-ltr .redirectText li:first-child {
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2220%22%20viewBox%3D%220%200%2047%2020%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_1%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffe74a%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M14.98%202.5V11c0%201.04%201.02%201.98%202.02%201.98h6l3%20.02%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20id%3D%22Layer_3%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.48%209.5l.02%207L30%2013z%22%20fill%3D%22%23ffe74a%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}
/* OO forms */
.oo-ui-panelLayout-framed {
border-color: var(--dark-2-bg-color);
}
.oo-ui-menuSelectWidget {
background-color: var(--dark-bg-color);
border-color: var(--dark-2-bg-color);
border-radius: 8px;
}
.oo-ui-indicator-down {
background-image: linear-gradient(transparent, transparent), var(--image-indicator-down-icon);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-3-bg-color);
color: var(--text-color);
}
.oo-ui-checkboxInputWidget input[type="checkbox"]+span {
background-color: transparent;
background-image: linear-gradient(transparent, transparent), var(--image-checkmark-icon);
border: 2px solid var(--text-inactive-tab-color);
border-radius: 4px;
}
/* Secondary buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: #0e1010;
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: #0e1010;
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: inherit;
border-color: #0e1010;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
color: inherit;
}
/* Primary buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: #0e1010;
color: var(--text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light));
border-color: #0e1010;
color: var(--text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark));
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
color: var(--text-color);
}
/* Destructive elements */
.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--text-link-new-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px var(--dark-bg-color);
}
/* 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: var(--dark-bg-color);
color: inherit;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--light-2-bg-color);
color: inherit;
border-color: var(--light-border-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: inherit;
border-color: var(--light-border-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: inherit;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
background-color: var(--light-bg-color);
}
.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: var(--text-disabled-color);
text-shadow: none;
border-color: var(--light-border-color);
background-color: var(--dark-bg-color) opacity: .5;
cursor: default;
}
.mw-rcfilters-ui-rclToOrFromWidget.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
border: 1px solid var(--dark-bg-color);
}
/* Text inputs */
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background-color: var(--dark-bg-color);
color: var(--text-color);
border: 1px solid #1b1618;
}
.mw-recentchanges-table .mw-input input.mw-ui-input {
background-color: var(--light-bg-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
border-color: var(--light-border-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus {
border-color: var(--light-border-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--light-border-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
@media screen and (min-width:0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
outline: 1px solid var(--light-border-color);
}
}
@media screen and (min-width: 0)
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid var(--light-border-color);
}
/* Checkboxes */
.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
background-color: inherit;
border-color: var(--text-disabled-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span {
border-color: var(--text-color);
box-shadow: inset 0 0 0 1px green;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span {
border-color: var(--text-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
background-color: var(--text-inactive-tab-color);
border-color: var(--text-inactive-tab-color);
box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
background-color: inherit;
border-color: var(--text-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span {
background-color: inherit;
border-color: var(--text-color);
box-shadow: none;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span {
background-color: inherit;
border-color: var(--text-inactive-tab-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span {
background-color: var(--text-inactive-tab-color);
border-color: var(--text-inactive-tab-color);
box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color);
}
/* Pop-ups */
.oo-ui-popupWidget-popup {
background-color: var(--dark-2-bg-color);
border: 1px solid var(--dark-border-color);
border-radius: 8px;
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--dark-2-bg-color);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--light-bg-color);
}
span.oo-ui-labelElement-label.mw-rcfilters-ui-datePopupWidget-title, span.oo-ui-labelElement-label.mw-rcfilters-ui-valuePickerWidget-title, label.oo-ui-labelElement-label {
color: var(--text-color);
}
span.oo-ui-labelElement-label bdi {
color: var(--text-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
/* Infobox */
table.infobox {
float: right;
clear: right;
width: 250px;
padding: 2px;
margin: 0px 0px 5px 5px;
border-radius: 10px;
background-color: var(--dark-bg-color);
font-size: 90%;
}
table.infobox tr th.header {
border-radius: 8px;
background-color: var(--light-bg-color);
color: var(--text-link-header-color);
font-size: 1.2em;
}
/* Navbox */
table.navbox {
padding: 2px;
border-radius: 10px;
background-color: var(--dark-bg-color);
font-size: 90%;
}
table.navbox tr th.header {
border-radius: 8px;
background-color: var(--light-bg-color);
}
/* Notebox */
table.notebox {
width: 100%;
background-color: var(--dark-bg-color);
border-radius: 10px;
border-spacing: 10px;
text-align: center;
}
table.notebox tr th.header {
border-radius: 8px;
background-color: var(--light-3-bg-color);
color: var(--text-link-header-color);
font-size: 1.2em;
}
/* Sprite images */
.sprite {
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
}
/* Color inversion */
.invert {
filter: invert(1);
}
/* References */
ol.references li:target, sup.reference:target {
border-radius: 8px;
background-color: var(--light-bg-color);
}
/* 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.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--light-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
.mw-widget-calendarWidget-item-selected {
background-color: var(--light-2-bg-color);
}
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: var(--text-color);
outline: 0;
}
/* Popup Calendar UI */
.mw-widget-dateInputWidget-calendar {
background-color: var(--dark-2-bg-color);
border-color: var(--text-inactive-tab-color);
border-radius: 10px;
}
.mw-widget-calendarWidget-day-heading {
color: #ffc000;
}
.mw-widget-calendarWidget-day {
color: var(--text-color);
}
.mw-widget-calendarWidget-day-additional {
color: var(--text-disabled-color);
}
.mw-widget-calendarWidget-item:hover {
background-color: var(--light-3-bg-color);
color: var(--text-link-header-color);
font-weight: bold;
}
.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
/* Calendar UI for Special Page 'Block' */
.mw-widgets-datetime-dateTimeInputWidget-empty .mw-widgets-datetime-dateTimeInputWidget-handle {
color: var(--text-inactive-tab-color);
}
span.oo-ui-iconElement-icon.oo-ui-icon-clear {
filter: var(--icon-color-red-filter);
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
background-color: var(--dark-bg-color);
color: var(--text-color);
border: 1px solid var(--light-border-color);
box-shadow: inset 0 0 0 0 var(--light-border-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
border-color: var(--light-border-color);
}
.mw-widgets-datetime-calendarWidget {
background-color: var(--dark-bg-color);
border: 1px solid var(--dark-border-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input, .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {
border-color: var(--light-border-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background-color: var(--light-2-bg-color);
}
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: var(--text-disabled-color);
}
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label {
color: var(--text-disabled-color);
}
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: var(--text-link-header-color);
}
.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
color: var(--text-link-header-color);
border-color: var(--light-border-color);
}
input.mw-widgets-datetime-dateTimeInputWidget-editField.mw-widgets-datetime-dateTimeInputWidget-field::placeholder {
color: var(--light-border-color);
opacity: 1; /* Firefox */
}
/* Scrollbars */
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--light-2-bg-color);
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
background: var(--light-3-bg-color);
}
::-webkit-scrollbar-thumb:vertical {
border-top: solid 2px rgba(35, 52, 55, 0.5);
border-bottom: solid 2px rgba(35, 52, 55, 0.5);
}
::-webkit-scrollbar-thumb:horizontal {
border-right: solid 2px rgba(35, 52, 55, 0.5);
border-left: solid 2px rgba(35, 52, 55, 0.5);
}
::-webkit-scrollbar-corner {
background: var(--light-2-bg-color);
}
::-webkit-scrollbar-track {
background: var(--dark-bg-color);
}
::-webkit-resizer {
background: var(--dark-border-color);
border: 1px dashed var(--light-border-color);
}
.ext-WikiEditor-ResizingDragBar {
background-color: var(--light-3-bg-color);
}
.ext-WikiEditor-ResizingDragBar-ns {
border-top: 1px solid var(--dark-border-color);
}
.ext-WikiEditor-ResizingDragBar span {
background-color: var(--text-color);
}
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
border-color: var(--dark-border-color);
}
/* OOUI & VisualEditor */
.ve-activated .vectorTabs .selected {
box-shadow: inset 0 -1px 0 var(--dark-2-bg-color);
}
.oo-ui-toolbar-bar,
.oo-ui-listToolGroup.oo-ui-widget-disabled,
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.ve-ui-specialCharacterPage h3,
.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date,
.oo-ui-toolbar-bar,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ve-ui-mwTemplatePage-description,
.oo-ui-messageDialog-title,
.oo-ui-messageDialog-message,
.mw-foreignStructuredUpload-bookletLayout-license {
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
border-color: var(--dark-2-bg-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: inherit;
border-color: var(--dark-2-bg-color);
}
.ve-ui-toolbar .oo-ui-iconElement-icon,
.ve-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-windowManager .oo-ui-iconElement-icon:not(.oo-ui-icon-check):not(.oo-ui-image-progressive):not(.oo-ui-image-invert):not(.oo-ui-image-destructive):not(.oo-ui-icon-expand):not(.oo-ui-icon-next),
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon {
filter: var(--icon-color-filter);
}
.ve-ui-toolbar .oo-ui-iconElement-icon:active,
.ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon:active,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert,
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-icon-notice,
.oo-ui-toolbar .oo-ui-toggleWidget-on .oo-ui-iconElement-icon,
.oo-ui-buttonGroupWidget .oo-ui-iconElement-icon.oo-ui-image-invert {
filter: brightness(0%) invert(50%) sepia(70%) saturate(500%) hue-rotate(10deg);
}
.ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-destructive {
-webkit-filter: none;
filter: none;
}
.ve-ui-toolbar .oo-ui-widget-disabled .oo-ui-iconElement-icon.oo-ui-image-invert {
-webkit-filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
filter: invert(55%) sepia(3%) saturate(5784%) hue-rotate(22deg) brightness(94%) contrast(105%);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
background-color: transparent;
outline: none;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--dark-2-bg-color);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--light-bg-color);
}
.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: var(--light-bg-color);
}
.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: var(--light-border-color);
}
.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: var(--light-bg-color);
color: var(--text-color);
}
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color: var(--light-bg-color);
border-color: var(--dark-2-bg-color);
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: var(--text-link-header-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
color: var(--text-link-header-color);
border-color: var(--light-border-color);
}
.oo-ui-tabSelectWidget,
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:hover,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
background-color: var(--light-bg-color);
}
div#ooui-php-154 {
background: var(--dark-bg-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed .oo-ui-labelElement-label {
color: var(--text-link-header-color);
font-weight: bold;
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: var(--light-bg-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark));
color: inherit;
border-color: var(--dark-2-bg-color);
opacity: 0.5;
}
.oo-ui-window-content {
background-color: var(--light-bg-color);
}
.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: var(--dark-border-color);
}
.ve-ui-mwSaveDialog-options {
background-color: var(--light-bg-color);
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: var(--light-bg-color);
}
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--light-bg-color);
border-color: var(--text-inactive-tab-color);
}
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--text-color);
}
.oo-ui-selectFileWidget-dropTarget {
border-color: var(--text-inactive-tab-color);
}
/* Recent changes filters */
.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
border-color: var(--text-inactive-tab-color);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
color: var(--text-link-header-color);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder-description {
color: var(--text-color);
}
.mw-rcfilters-ui-savedLinksListItemWidget-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
color: var(--text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--light-3-bg-color);
}
.mw-rcfilters-ui-savedLinksListItemWidget:hover,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--light-bg-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: var(--light-bg-color);
}
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child),
.mw-rcfilters-ui-datePopupWidget {
background-color: var(--dark-bg-color);
border-color: #000;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-inactive-tab-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input {
color: var(--text-color);
background-color: var(--dark-bg-color);
border-color: #000;
}
.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input::placeholder {
color: var(--text-disabled-color);
opacity: 1; /* Firefox opacity fix */
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget {
background: var(--dark-2-bg-color);
border-color: var(--dark-border-color);
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget:hover {
background: var(--light-bg-color);
border-color: var(--light-border-color);
color: var(-text-link-header-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--text-color);
background-color: var(--light-bg-color);
border-color: var(--light-border-color);
}
.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: var(--light-bg-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
border-color: var(--text-link-new-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input::placeholder,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover::placeholder,
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus::placeholder {
color: var(--text-disabled-color);
opacity: 1; /* Firefox opacity fix */
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--light-border-color) !important;
box-shadow: inset 0 0 0 1px var(--dark-border-color) !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--light-border-color);
}
.oo-ui-pendingElement-pending {
background-color: var(--dark-bg-color);
background-image: linear-gradient(135deg,var(--light-border-color) 25%,transparent 25%,transparent 50%,var(--light-border-color) 50%,var(--light-border-color) 75%,transparent 75%,transparent);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--dark-2-bg-color);
border-color: var(--dark-border-color);
color: var(--text-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed):hover {
background-color: var(--light-bg-color);
border-color: var(--light-border-color);
color: var(--text-link-header-color);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
color: var(--text-disabled-color);
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input::placeholder {
color: var(--text-disabled-color);
}
/* WIP flagged element */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
border-color: #d33;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget,
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title,
.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--text-color);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--text-disabled-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--text-link-header-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title.oo-ui-labelElement-label {
color: var(--text-color);
font-weight: bold;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--light-3-bg-color);
border-color: #000;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
border-color: #000;
background-color: var(--dark-bg-color);
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: var(--dark-bg-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-color: #000;
}
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive),
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive) {
filter: var(--icon-color-filter);
}
.rcfilters-head .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover,
.mw-rcfilters-ui-overlay .oo-ui-iconElement-icon:not(.oo-ui-image-invert):not(.oo-ui-image-progressive):hover {
filter: var(--icon-color-hover-filter);
}
@supports (-webkit-mask-image:none) or (mask-image:none) {
#mw-indicator-mw-helplink a .mw-helplink-icon {
background-color: var(--text-color);
}
}
.oo-ui-popupToolGroup-tools {
background-color: var(--light-bg-color);
border-color: #000;
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
color: var(--text-inactive-tab-color);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--text-color);
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
border-color: #000;
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
background-color: rgba(41,98,204,0.1);
}
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active,
.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
color: var(--text-color);
}
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: transparent;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--text-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--light-bg-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--dark-bg-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
border-color: var(--light-border-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle:hover {
border-color: var(--light-border-color);
}
/* Column layouts */
.portal-column-left-wide {
float: left;
width: 59.66%;
margin-right: 0.33%;
}
.portal-column-right-narrow {
float: right;
width: 39.66%;
margin-left: 0.33%;
}
/* Additional SVG Icons */
.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3C%21--%21%20Font%20Awesome%20Free%206.4.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%20%28Commercial%20License%29%20Copyright%202023%20Fonticons%2C%20Inc.%20--%3E%3Cstyle%3Esvg%7Bfill%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M0%20128C0%2092.7%2028.7%2064%2064%2064H320c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22%2F%3E%3C%2Fsvg%3E);
}
span.oo-ui-iconElement-icon.oo-ui-icon-settings, span.oo-ui-iconElement-icon.oo-ui-icon-bookmark, span.oo-ui-iconElement-icon.oo-ui-icon-menu, span.oo-ui-iconElement-icon.oo-ui-icon-search, .oo-ui-icon-expand, .mw-ui-icon-expand:before, .oo-ui-icon-collapse, .mw-ui-icon-collapse:before, .wikiEditor-ui-toolbar .group .tool-select .label:after, .wikiEditor-ui-toolbar .tabs span.tab a:before, span.oo-ui-iconElement-icon.oo-ui-icon-edit.oo-ui-image-invert, span.oo-ui-iconElement-icon.oo-ui-icon-calendar, span.oo-ui-iconElement-icon.oo-ui-icon-edit, span.oo-ui-iconElement-icon.oo-ui-icon-previous, span.oo-ui-iconElement-icon.oo-ui-icon-next, span.oo-ui-iconElement-icon.oo-ui-icon-history, span.oo-ui-iconElement-icon.oo-ui-icon-edit, span.oo-ui-iconElement-icon.oo-ui-icon-checkAll.oo-ui-image {
filter: var(--icon-color-filter);
}
span.oo-ui-iconElement-icon.oo-ui-icon-trash, span.oo-ui-iconElement-icon.oo-ui-icon-close, span.oo-ui-iconElement-icon.oo-ui-icon-stop.oo-ui-image-invert, span.oo-ui-iconElement-icon.oo-ui-icon-subtract {
filter: var(--icon-color-red-filter);
}
span.oo-ui-iconElement-icon.oo-ui-icon-play, span.oo-ui-iconElement-icon.oo-ui-icon-add {
filter: var(--icon-color-green-filter);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--light-bg-color);
}
.mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed {
background-image: var(--image-arrow-collapsed-ltr-icon);
}
.mw-icon-arrow-expanded, .mw-collapsible-arrow.mw-collapsible-toggle-expanded {
background-image: var(--image-arrow-expand-icon);
}
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--text-link-header-color);
}
.mw-collapsible-toggle-default .mw-collapsible-text:hover, .mw-collapsible-toggle-default .mw-collapsible-text:active {
color: var(--text-link-hover-color);
}
.ui-icon-grip-diagonal-se {
background: url(data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.228%2016.227a1%201%200%200%201%20-.707-1.707l1-1a1%201%200%200%201%201.416%201.414l-1%201a1%201%200%200%201%20-.707.293zm-5.638%200a1%201%200%200%201%20-.707-1.707l6.638-6.638a1%201%200%200%201%201.416%201.414l-6.638%206.638a1%201%200%200%201%20-.707.293zm-5.84%200a1%201%200%200%201%20-.707-1.707l12.477-12.477a1%201%200%201%201%201.415%201.414l-12.478%2012.477a1%201%200%200%201%20-.707.293z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E) 50% !important;
filter: var(--icon-color-filter);
}
.oo-ui-icon-calendar, .mw-ui-icon-calendar:before, .oo-ui-image-invert.oo-ui-icon-calendar, .mw-ui-icon-calendar-invert:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2216%22%20width%3D%2214%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202023%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M128%200c17.7%200%2032%2014.3%2032%2032V64H288V32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032V64h48c26.5%200%2048%2021.5%2048%2048v48H0V112C0%2085.5%2021.5%2064%2048%2064H96V32c0-17.7%2014.3-32%2032-32zM0%20192H448V464c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48V192zm64%2080v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm128%200v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H208c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V272c0-8.8-7.2-16-16-16H336zM64%20400v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H80c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H208zm112%2016v32c0%208.8%207.2%2016%2016%2016h32c8.8%200%2016-7.2%2016-16V400c0-8.8-7.2-16-16-16H336c-8.8%200-16%207.2-16%2016z%22%2F%3E%3C%2Fsvg%3E);
filter: var(--icon-color-filter);
}
.oo-ui-image-invert.oo-ui-icon-checkAll, .mw-ui-icon-checkAll-invert:before {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3E%20check%20all%20%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22m.29%2012.71%201.42-1.42%202.22%202.22%208.3-10.14%201.54%201.26-9.7%2011.86zM12%2010h5v2h-5zm-3%204h5v2H9zm6-8h5v2h-5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
filter: var(--icon-color-filter);
}
/* Radio buttons */
.oo-ui-radioInputWidget [type='radio'] + span {
background-color: var(--dark-2-bg-color);
border-color: var(--dark-border-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
border-color: var(--light-border-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
border-color: var(--text-link-hover-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
background-color: var(--light-border-color);
border-color: var(--light-border-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
border-color: var(--text-link-header-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
/* Sysop Specifics */
.mw-message-box-warning {
background-color: var(--dark-2-bg-color);
border-color: var(--text-link-new-color);
}
.mw-message-box {
color: var(--text-color);
}
.cdx-message--warning {
background-color: var(--light-2-bg-color);
border-color: var(--light-border-color);
}
.cdx-message--error {
background-color: var(--light-2-bg-color);
border-color: var(--border-color-error);
}
.cdx-message {
color: var(--text-color);
}
.mw-datatable a.external {
background-size: 0.9em;
}
/* Loading Animation on Related Changes Page */
.client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce, .client-js .mw-rcfilters-spinner:before, .client-js .mw-rcfilters-spinner:after {
background-color: var(--text-inactive-tab-color);
}
/* List Files Special Page */
.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--text-disabled-color);
}
/* Related-Recent Changes Page Text Color Fixes */
#mw-content-subtitle, #contentSub2 {
color: var(--text-color);
}
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-color);
}
/* API Sandbox Special Page */
.mw-apisandbox-toolbar {
background: var(--dark-2-bg-color);
padding: 0.5em;
border-radius: 8px;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: var(--dark-2-bg-color);
-webkit-text-fill-color: var(--text-disabled-color);
color: var(--text-disabled-color);
text-shadow: 0 1px 1px var(--dark-border-color);
border-color: var(--dark-border-color);
}
.oo-ui-toggleSwitchWidget {
background-color: var(--dark-bg-color);
border: 1px solid var(--dark-2-bg-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: var(--text-inactive-tab-color);
border: 1px solid var(--dark-border-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
background-color: var(--light-2-bg-color);
border-color: var(--light-border-color);
box-shadow: inset 0 0 0 1px var(--light-border-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
background-color: var(--text-color);
border-color: var(--light-border-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--dark-border-color);
border-color: var(--light-border-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--text-link-header-color);
border-color: var(--dark-2-bg-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
background-color: var(--light-border-color);
border-color: var(--text-inactive-tab-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--light-border-color);
border-color: var(--text-inactive-tab-color);
}
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
background-color: var(--light-border-color);
}
.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--dark-bg-color);
}
.oo-ui-progressBarWidget {
border: 1px solid var(--dark-border-color);
}