MediaWiki:Vector.css: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| (13 versioni intermedie di 2 utenti non mostrate) | |||
| Riga 1: | Riga 1: | ||
/* 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 { | body { | ||
font-size: 1em; | font-size: 1em; | ||
background: | background: var(--dark-2-bg-color) url(resources/assets/skins/banner.png) 0 0 no-repeat; | ||
} | } | ||
| Riga 10: | Riga 65: | ||
padding: 0; | padding: 0; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 25: | Riga 80: | ||
.postedit { | .postedit { | ||
color: | color: var(--text-inactive-tab-color); | ||
background-color: | background-color: var(--light-bg-color); | ||
background-color: rgba(26, 38, 41, 0.80); | background-color: rgba(26, 38, 41, 0.80); | ||
border: none; | border: none; | ||
| Riga 66: | Riga 121: | ||
} | } | ||
/* 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; | |||
background: | |||
} | } | ||
.vector-menu-tabs li { | |||
background: none; | |||
background: | |||
} | } | ||
.vector-menu-tabs .selected { | |||
background: none; | |||
background: | |||
} | } | ||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background: none; | |||
background | |||
} | } | ||
/* Vector tabs - standard */ | |||
color: | .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 { | |||
text- | 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( | |||
color | 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: | color: var(--text-color); | ||
} | } | ||
.vector-menu-dropdown .vector-menu-heading:after { | |||
color | 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 | 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; | |||
border-top | |||
} | } | ||
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 | table.wikitable tbody tr:first-child td:first-child { | ||
border-top-left-radius: | border-top-left-radius: 0px; | ||
} | } | ||
table.wikitable | table.wikitable tbody tr:first-child td:last-child { | ||
border-top-right-radius: | border-top-right-radius: 0px; | ||
} | } | ||
table.wikitable | table.wikitable tbody tr:last-child td:first-child { | ||
border-bottom-left-radius: | border-bottom-left-radius: 0px; | ||
} | } | ||
table.wikitable | table.wikitable tbody tr:last-child td:last-child { | ||
border-bottom-right-radius: | border-bottom-right-radius: 0px; | ||
} | } | ||
/* | /* Tags Page Table */ | ||
table.wikitable.mw- | table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:first-child { | ||
border-top-left-radius: 4px; | border-top-left-radius: 4px; | ||
} | } | ||
table.wikitable.mw- | table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:first-child th:last-child { | ||
border-top-right-radius: 4px; | border-top-right-radius: 4px; | ||
} | } | ||
table.wikitable.mw- | table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:first-child { | ||
border-bottom-left-radius: 4px; | border-bottom-left-radius: 4px; | ||
} | } | ||
table.wikitable.mw- | table.wikitable.sortable.mw-tags-table.jquery-tablesorter tr:last-child th:last-child { | ||
border-bottom-right-radius: 4px; | 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; | |||
table.wikitable | |||
border- | |||
} | } | ||
/* Plusminus and Hidden Revisions on History Page */ | |||
.mw-plusminus-pos { | |||
border- | 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; | |||
. | |||
} | } | ||
.mw- | #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); | |||
a { | |||
text- | |||
} | } | ||
a: | .mw-body a.extiw:active { | ||
color: | color: var(--text-link-header-color); | ||
} | } | ||
.mw-search-result-data { | |||
color: | color: var(--text-disabled-color); | ||
} | } | ||
/* External links */ | |||
a. | .mw-body a.external { | ||
color: | color: var(--text-link-header-color); | ||
} | } | ||
.mw-body a.external:visited { | |||
color: var(--text-link-header-color); | |||
color: | /* bug 3112 */ | ||
} | } | ||
.mw-body a.external:active { | |||
color: var(--text-link-hover-color); | |||
color: | |||
} | } | ||
/* External links need to be fixed in a lot of secondary locations (1.31) */ | |||
a.external { | |||
a.external { | |||
background-position: center right; | background-position: center right; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Riga 647: | Riga 486: | ||
hr { | hr { | ||
height: 1px; | height: 1px; | ||
color: | color: var(--dark-bg-color); | ||
background-color: | background-color: var(--text-inactive-tab-color); | ||
border: 0; | border: 0; | ||
margin: .2em 0; | margin: .2em 0; | ||
| Riga 662: | Riga 501: | ||
h5, | h5, | ||
h6 { | h6 { | ||
color: | color: var(--text-link-header-color); | ||
background: none; | background: none; | ||
font-weight: normal; | font-weight: normal; | ||
| Riga 669: | Riga 508: | ||
padding-top: .5em; | padding-top: .5em; | ||
padding-bottom: .17em; | padding-bottom: .17em; | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--light-border-color); | ||
} | } | ||
| Riga 766: | Riga 605: | ||
} | } | ||
pre, | pre, | ||
| Riga 787: | Riga 620: | ||
code { | code { | ||
background-color: | background-color: var(--light-bg-color); | ||
color: | color: var(--text-color); | ||
border-color: | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 796: | Riga 629: | ||
padding: 1em; | padding: 1em; | ||
border: none; | border: none; | ||
color: | color: var(--text-color); | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
.not-patrolled { | .not-patrolled { | ||
background-color: | background-color: var(--dark-border-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
padding-left: 2px; | padding-left: 2px; | ||
border: 1px solid var(--text-disabled-color); | |||
} | } | ||
| Riga 812: | Riga 646: | ||
table { | table { | ||
font-size: 100%; | font-size: 100%; | ||
color: | color: var(--text-color); | ||
border-color: | border-color: var(--dark-border-color); | ||
} | } | ||
tbody { | tbody { | ||
border-color: # | border-color: #261439; | ||
} | } | ||
| Riga 824: | Riga 658: | ||
fieldset { | fieldset { | ||
border: 1px solid | border: 1px solid var(--text-inactive-tab-color); | ||
margin: 1em 0 1em 0; | margin: 1em 0 1em 0; | ||
padding: 0 1em 1em; | padding: 0 1em 1em; | ||
| Riga 853: | Riga 687: | ||
select { | select { | ||
vertical-align: top; | vertical-align: top; | ||
background: | background: var(--dark-bg-color); | ||
color: | color: var(--text-color); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Riga 861: | Riga 695: | ||
.mw-recentchanges-table .mw-input select#namespace { | .mw-recentchanges-table .mw-input select#namespace { | ||
background-color: | 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 { | input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { | ||
color: | color: var(--text-color); | ||
font-weight: bold; | font-weight: bold; | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | |||
background: linear-gradient( | |||
outline:none; | outline:none; | ||
padding: 3px 6px; | padding: 3px 6px; | ||
| Riga 878: | Riga 715: | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
border-radius: 8px; | border-radius: 8px; | ||
color: | color: var(--text-color); | ||
background: linear-gradient( | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
} | } | ||
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { | input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { | ||
color: | color: var(--text-color); | ||
outline: none; | outline: none; | ||
} | } | ||
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] { | 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: | background-color: var(--dark-bg-color); | ||
border:1px solid | border:1px solid var(--dark-2-bg-color); | ||
color: | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Riga 895: | Riga 732: | ||
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 { | 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: | background-color: var(--dark-bg-color); | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
color: | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Riga 903: | Riga 740: | ||
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 { | 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 | border: 1px solid var(--light-border-color); | ||
outline: none; | 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 */ | /* Emulate Center */ | ||
| Riga 1 039: | Riga 903: | ||
.toctogglelabel { | .toctogglelabel { | ||
color: var(--text-color); | |||
} | } | ||
| Riga 1 084: | Riga 948: | ||
li.gallerybox div.thumb { | li.gallerybox div.thumb { | ||
text-align: center; | text-align: center; | ||
border: 1px solid | border: 1px solid var(--gallerybox-div-thumb); | ||
background-color: | background-color: var(--dark-bg-color); | ||
margin: 2px; | margin: 2px; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Riga 1 093: | Riga 957: | ||
/* Thumbnails */ | /* 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); | |||
border: 1px solid | |||
border- | |||
background-color: | |||
} | } | ||
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { | |||
border: 1px solid | border: 1px solid var(--dark-border-color); | ||
} | } | ||
figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption { | |||
border: | border: 1px solid var(--dark-border-color); | ||
border-top: 0; | |||
background-color: var(--dark-bg-color); | |||
} | } | ||
.mw- | 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; | |||
background-image: linear-gradient(transparent, transparent), | |||
} | } | ||
/* @noflip */ | /* @noflip */ | ||
| Riga 1 188: | Riga 1 030: | ||
div#mw-panel div.portal div.body ul li a { | div#mw-panel div.portal div.body ul li a { | ||
color: | color: var(--text-color); | ||
} | } | ||
div#mw-panel div.portal div.body ul li a:visited { | div#mw-panel div.portal div.body ul li a:visited { | ||
color: | color: var(--text-color); | ||
} | } | ||
div#mw-panel div.portal div.body ul li a:hover { | div#mw-panel div.portal div.body ul li a:hover { | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-panelLayout-framed { | .oo-ui-panelLayout-framed { | ||
background-color: | 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); | |||
} | } | ||
#mw- | .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { | ||
background: | 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); | |||
} | } | ||
| Riga 1 225: | Riga 1 114: | ||
margin-left: 10em; | margin-left: 10em; | ||
padding: 1.5em 1.5em 1.5em 1.75em; | padding: 1.5em 1.5em 1.5em 1.75em; | ||
border: 1px solid | border: 1px solid var(--light-bg-color); | ||
border-top-left-radius: 10px; | border-top-left-radius: 10px; | ||
border-bottom-left-radius: 10px; | border-bottom-left-radius: 10px; | ||
border-right-width: 0; | border-right-width: 0; | ||
margin-top: -1px; | margin-top: -1px; | ||
background-color: | background-color: var(--light-bg-color); | ||
color: | color: var(--text-color); | ||
direction: ltr; | direction: ltr; | ||
} | } | ||
/* User Contributions Page */ | |||
#mw-content-subtitle, #contentSub2 { | |||
color: var(--text-color); | |||
} | |||
/* Search */ | /* Search */ | ||
| Riga 1 254: | Riga 1 147: | ||
border: none; | border: none; | ||
box-shadow: 0 0 0 1px #1b1618; | box-shadow: 0 0 0 1px #1b1618; | ||
background: | background: var(--light-bg-color); | ||
color: | color: var(--text-color); | ||
padding: 0 0; | padding: 0 0; | ||
} | } | ||
| Riga 1 261: | Riga 1 154: | ||
div#simpleSearch #searchButton, | div#simpleSearch #searchButton, | ||
div#simpleSearch #mw-searchButton { | div#simpleSearch #mw-searchButton { | ||
background | |||
background: var(--image-search-icon) no-repeat center, linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark)); | |||
background-image | } | ||
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)); | |||
} | } | ||
| Riga 1 272: | Riga 1 168: | ||
border: none; | border: none; | ||
box-shadow: 0 0 0 1px #1b1618; | box-shadow: 0 0 0 1px #1b1618; | ||
background: | background: var(--light-bg-color); | ||
color: | color: var(--text-color); | ||
padding: 0 0; | padding: 0 0; | ||
} | } | ||
div#simpleSearch input { | div#simpleSearch input { | ||
color: | color: var(--text-color); | ||
background-image: none; | background-image: none; | ||
background-color: # | background-color: var(--dark-bg-color); | ||
} | |||
div#simpleSearch input#searchInput::placeholder { | |||
color: var(--text-disabled-color); | |||
opacity: 1; /* Firefox opacity fix */ | |||
} | } | ||
| Riga 1 287: | Riga 1 188: | ||
border-radius: 6px; | border-radius: 6px; | ||
border: 2px ridge black; | border: 2px ridge black; | ||
box-shadow: 0 0 0 1px | box-shadow: 0 0 0 1px var(--light-border-color); | ||
background: | background: var(--dark-bg-color); | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
.suggestions-results { | .suggestions-results { | ||
border: none; | border: none; | ||
background: | background: var(--dark-bg-color); | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 1 301: | Riga 1 202: | ||
border: none; | border: none; | ||
border-top: 1px solid #1e2b2e; | border-top: 1px solid #1e2b2e; | ||
background: | background: var(--dark-bg-color); | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 1 311: | Riga 1 212: | ||
.suggestions a.mw-searchSuggest-link:active, | .suggestions a.mw-searchSuggest-link:active, | ||
.suggestions a.mw-searchSuggest-link:focus { | .suggestions a.mw-searchSuggest-link:focus { | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
.suggestions-special .special-label { | .suggestions-special .special-label { | ||
color: | color: var(--text-color); | ||
} | } | ||
.suggestions-result-current .special-label { | .suggestions-result-current .special-label { | ||
color: | color: var(--text-color); | ||
} | } | ||
.suggestions-result-current { | .suggestions-result-current { | ||
background: | background: var(--light-bg-color) !important; | ||
color: | color: var(--text-link-header-color); | ||
} | } | ||
| Riga 1 332: | Riga 1 233: | ||
.suggestions-result-current a.mw-searchSuggest-link:active, | .suggestions-result-current a.mw-searchSuggest-link:active, | ||
.suggestions-result-current a.mw-searchSuggest-link:focus { | .suggestions-result-current a.mw-searchSuggest-link:focus { | ||
color: | color: var(--text-link-header-color);; | ||
} | } | ||
| Riga 1 339: | Riga 1 240: | ||
.mw-search-profile-tabs { | .mw-search-profile-tabs { | ||
background-color: | background-color: var(--light-bg-color); | ||
margin-top: 1em; | margin-top: 1em; | ||
border: none; | border: none; | ||
| Riga 1 346: | Riga 1 247: | ||
.mw-search-profile-tabs div.search-types ul li.current a { | .mw-search-profile-tabs div.search-types ul li.current a { | ||
color: | color: var(--text-inactive-tab-color); | ||
cursor: default; | cursor: default; | ||
} | } | ||
.results-info { | .results-info { | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 1 358: | Riga 1 259: | ||
/* Possible color choices: | /* Possible color choices: var(--dark-bg-color) and #2C3022 */ | ||
#toc, | #toc, | ||
| Riga 1 364: | Riga 1 265: | ||
.mw-warning { | .mw-warning { | ||
border: none; | border: none; | ||
background-color: | background-color: var(--dark-bg-color); | ||
padding: 5px; | padding: 5px; | ||
font-size: 95%; | font-size: 95%; | ||
| Riga 1 373: | Riga 1 274: | ||
border: none; | border: none; | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--dark-bg-color); | ||
padding: 5px; | padding: 5px; | ||
margin-top: 1em; | margin-top: 1em; | ||
| Riga 1 379: | Riga 1 280: | ||
} | } | ||
.mw-footer li { | |||
color: var(--text-inactive-tab-color); | |||
} | } | ||
ul#filetoc { | ul#filetoc { | ||
text-align: center; | text-align: center; | ||
border: 1px solid | border: 1px solid var(--dark-border-color); | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 5px; | padding: 5px; | ||
| Riga 1 410: | Riga 1 301: | ||
table.wikitable { | table.wikitable { | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: | color: var(--text-inactive-tab-color); | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 2px; | padding: 2px; | ||
| Riga 1 420: | Riga 1 311: | ||
table.wikitable.mw-page-info { | table.wikitable.mw-page-info { | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Riga 1 430: | Riga 1 321: | ||
table.wikitable.mw-listgrouprights-table { | table.wikitable.mw-listgrouprights-table { | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Riga 1 440: | Riga 1 331: | ||
table.wikitable.sortable.mw-tags-table.jquery-tablesorter { | table.wikitable.sortable.mw-tags-table.jquery-tablesorter { | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Riga 1 450: | Riga 1 341: | ||
table.wikitable.mw-statistics-table { | table.wikitable.mw-statistics-table { | ||
margin: 1em 0; | margin: 1em 0; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
color: | color: var(--text-inactive-tab-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 2px; | padding: 2px; | ||
| Riga 1 459: | Riga 1 350: | ||
table.wikitable>tr>th, | table.wikitable>tr>th, | ||
table.wikitable>tr>td, | |||
table.wikitable>tr>td, | |||
table.wikitable>*>tr>th, | table.wikitable>*>tr>th, | ||
table.wikitable>*>tr>td { | table.wikitable>*>tr>td { | ||
border: none; | border: none; | ||
padding: 0.2em; | padding: 0.2em; | ||
background: | 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 { | table.wikitable.filehistory tr:first-child td:first-child { | ||
| Riga 1 495: | Riga 1 387: | ||
table.wikitable.filehistory th { | table.wikitable.filehistory th { | ||
color: | color: var(--text-color); | ||
} | } | ||
| Riga 1 504: | Riga 1 396: | ||
border: none; | border: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
background: | background: var(--dark-bg-color); | ||
padding: 2px; | padding: 2px; | ||
border-radius: 5px; | border-radius: 5px; | ||
| Riga 1 510: | Riga 1 402: | ||
table.mw_metadata th { | table.mw_metadata th { | ||
background-color: | background-color: var(--light-bg-color); | ||
color: | color: var(--text-color); | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Riga 1 524: | Riga 1 416: | ||
table.mw_metadata td { | table.mw_metadata td { | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
| Riga 1 530: | Riga 1 422: | ||
font-size: x-small; | font-size: x-small; | ||
padding: .2em 2em; | padding: .2em 2em; | ||
color: | color: var(--text-color); | ||
} | } | ||
| Riga 1 557: | Riga 1 449: | ||
.mw-datatable td, | .mw-datatable td, | ||
.mw-datatable th { | .mw-datatable th { | ||
border: 2px solid | border: 2px solid var(--dark-2-bg-color); | ||
padding: 0 0.15em 0 0.15em; | padding: 0 0.15em 0 0.15em; | ||
} | } | ||
.mw-datatable th { | .mw-datatable th { | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
.mw-datatable td { | .mw-datatable td { | ||
background-color: | background-color: var(--dark-bg-color); | ||
} | } | ||
.mw-datatable tbody tr:hover td { | .mw-datatable tbody tr:hover td { | ||
background: | background: var(--light-bg-color); | ||
} | } | ||
| Riga 1 589: | Riga 1 481: | ||
} | } | ||
.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 */ | /* Input */ | ||
textarea { | textarea { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-color: | border-color: var(--dark-border-color); | ||
color: | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
textarea:hover { | textarea:hover { | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
textarea:focus { | textarea:focus { | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
| Riga 1 615: | Riga 1 518: | ||
input[type="url"], | input[type="url"], | ||
input[type="text"] { | input[type="text"] { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: 1px solid | border: 1px solid var(--dark-2-bg-color); | ||
color: | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Riga 1 630: | Riga 1 533: | ||
input[type="url"]:hover, | input[type="url"]:hover, | ||
input[type="text"]:hover { | input[type="text"]:hover { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: 1px solid | border: 1px solid var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
color: | color: var(--text-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
outline: none; | outline: none; | ||
| Riga 1 646: | Riga 1 549: | ||
input[type="url"]:focus, | input[type="url"]:focus, | ||
input[type="text"]:focus { | input[type="text"]:focus { | ||
border: 1px solid | border: 1px solid var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
outline: none; | outline: none; | ||
} | } | ||
| Riga 1 659: | Riga 1 562: | ||
input[type="url"]:active, | input[type="url"]:active, | ||
input[type="text"]:active { | input[type="text"]:active { | ||
border-color: | border-color: var(--light-border-color) !important; | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color) !important; | ||
outline: none; | outline: none; | ||
} | } | ||
| Riga 1 668: | Riga 1 571: | ||
.editOptions { | .editOptions { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: inherit; | color: inherit; | ||
border: none; | border: none; | ||
| Riga 1 682: | Riga 1 585: | ||
.wikiEditor-ui { | .wikiEditor-ui { | ||
background-color: | background-color: var(--light-bg-color); | ||
border: none; | border: none; | ||
} | } | ||
| Riga 1 692: | Riga 1 595: | ||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 { | .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1 { | ||
margin: 0; | margin: 0; | ||
border: 1px solid | border: 1px solid var(--dark-2-bg-color); | ||
} | } | ||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover { | .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:hover { | ||
margin: 0; | margin: 0; | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
.wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus { | .wikiEditor-ui .wikiEditor-ui-text>textarea#wpTextbox1:focus { | ||
margin: 0; | margin: 0; | ||
border: 1px solid | border: 1px solid var(--light-border-color); | ||
} | } | ||
| Riga 1 727: | Riga 1 630: | ||
padding-left: 18px; | padding-left: 18px; | ||
padding-right: 12px; | padding-right: 12px; | ||
color: | color: var(--text-link-header-color); | ||
background-position: left center; | background-position: left center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Riga 1 733: | Riga 1 636: | ||
.wikiEditor-ui-toolbar { | .wikiEditor-ui-toolbar { | ||
background: | background: var(--light-3-bg-color); | ||
background-position: left top; | background-position: left top; | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
| Riga 1 746: | Riga 1 649: | ||
.wikiEditor-ui-toolbar .tabs span.tab a.current, | .wikiEditor-ui-toolbar .tabs span.tab a.current, | ||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | ||
color: | color: var(--text-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .tabs span.tab a:hover { | .wikiEditor-ui-toolbar .tabs span.tab a:hover { | ||
color: | color: var(--text-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .sections { | .wikiEditor-ui-toolbar .sections { | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--dark-2-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .sections .section { | .wikiEditor-ui-toolbar .sections .section { | ||
border-top: 1px solid | border-top: 1px solid var(--dark-2-bg-color); | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
| Riga 1 767: | Riga 1 670: | ||
margin-left: 5px; | margin-left: 5px; | ||
margin-right: 8px; | margin-right: 8px; | ||
color: | color: var(--text-color); | ||
} | } | ||
| Riga 1 775: | Riga 1 678: | ||
.wikiEditor-ui-toolbar .booklet .index .current { | .wikiEditor-ui-toolbar .booklet .index .current { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--light-bg-color); | ||
} | } | ||
| Riga 1 783: | Riga 1 686: | ||
padding: 4px; | padding: 4px; | ||
padding-left: 6px; | padding-left: 6px; | ||
color: | color: var(--text-color); | ||
background: | background: var(--dark-bg-color); | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--light-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .booklet .index div:hover { | .wikiEditor-ui-toolbar .booklet .index div:hover { | ||
background: | background: var(--light-3-bg-color); | ||
color: | color: var(--text-link-hover-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .booklet .index .current:hover { | .wikiEditor-ui-toolbar .booklet .index .current:hover { | ||
background: | background: var(--light-3-bg-color); | ||
} | } | ||
.wikiEditor-ui- | .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); | |||
} | } | ||
.wikiEditor-ui- | div.wikiEditor-ui-view.wikiEditor-ui-view-preview { | ||
background-color: var(--light-bg-color); | |||
border-radius: 8px; | |||
padding: 8px; | |||
margin-top: 1px; | |||
background | |||
border- | |||
} | } | ||
.wikiEditor- | .wikiEditor-preview-contents { | ||
background | background-color: var(--light-bg-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
margin: 8px; | margin: 8px; | ||
| Riga 1 905: | Riga 1 727: | ||
.wikiEditor-preview-loading { | .wikiEditor-preview-loading { | ||
padding: 1em; | padding: 1em; | ||
background-color: | background-color: var(--light-bg-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
.wikiEditor-preview-loading span { | .wikiEditor-preview-loading span { | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .booklet .pages { | .wikiEditor-ui-toolbar .booklet .pages { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-characters div span { | .wikiEditor-ui-toolbar .page-characters div span { | ||
border: 1px solid | border: 1px solid var(--dark-border-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 8px; | padding: 8px; | ||
| Riga 1 925: | Riga 1 747: | ||
margin-left: 5px; | margin-left: 5px; | ||
margin-top: 5px; | margin-top: 5px; | ||
background: | background: var(--dark-bg-color); | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-characters div span:hover { | .wikiEditor-ui-toolbar .page-characters div span:hover { | ||
color: | color: var(--text-link-header-color); | ||
background: | background: var(--light-bg-color); | ||
border: 1px solid | border: 1px solid var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-characters div span:active { | .wikiEditor-ui-toolbar .page-characters div span:active { | ||
color: | color: var(--text-color); | ||
background-color: | background-color: var(--dark-2-bg-color); | ||
border: 1px solid | border: 1px solid var(--text-inactive-tab-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select { | .wikiEditor-ui-toolbar .group .tool-select { | ||
background: | background: var(--dark-bg-color); | ||
border-color: | border-color: var(--dark-border-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .label { | .wikiEditor-ui-toolbar .group .tool-select .label { | ||
color: | color: var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 1 955: | Riga 1 776: | ||
margin-top: 22px; | margin-top: 22px; | ||
border: 1px solid #0e1010; | border: 1px solid #0e1010; | ||
background-color: | background-color: var(--light-3-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | .wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | ||
background-color: | background-color: var(--light-2-bg-color); | ||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { | |||
background-color: var(--light-2-bg-color); | |||
} | } | ||
.wikiEditor-ui-toolbar .group .tool-select .options .option { | .wikiEditor-ui-toolbar .group .tool-select .options .option { | ||
padding: 0.5em; | padding: 0.5em; | ||
color: | color: var(--text-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-table td { | .wikiEditor-ui-toolbar .page-table td { | ||
color: | color: var(--text-inactive-tab-color); | ||
border-top: 1px solid black; | border-top: 1px solid black; | ||
background: | background: var(--dark-2-bg-color); | ||
} | } | ||
.wikiEditor-ui-toolbar .page-table th { | .wikiEditor-ui-toolbar .page-table th { | ||
color: | color: var(--text-color); | ||
} | } | ||
div.wikiEditor-ui-view.wikiEditor-ui-view-changes { | div.wikiEditor-ui-view.wikiEditor-ui-view-changes { | ||
background: | background: var(--light-bg-color); | ||
padding: 4px; | padding: 4px; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Riga 1 986: | Riga 1 811: | ||
.wikiEditor-toolbar-dialog { | .wikiEditor-toolbar-dialog { | ||
border: none; | border: none; | ||
background: | background: var(--dark-bg-color); | ||
border-radius: 8px; | 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 { | body .ui-dialog .ui-widget-header { | ||
background: | background: var(--light-bg-color) !important; | ||
border-top-left-radius: 8px; | border-top-left-radius: 8px; | ||
border-top-right-radius: 8px; | border-top-right-radius: 8px; | ||
| Riga 2 003: | Riga 1 862: | ||
body .ui-dialog .ui-icon-closethick { | body .ui-dialog .ui-icon-closethick { | ||
background: url('data:image/svg+xml, | 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 { | .ui-widget-header { | ||
color: | color: var(--text-color); | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.ui-widget-content { | .ui-widget-content { | ||
color: | color: var(--text-color); | ||
background: | background: var(--dark-bg-color); | ||
} | |||
.ui-widget-overlay { | |||
background: rgba(41,34,48,0.5); | |||
} | } | ||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | ||
border-top: none !important; | 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 { | body .ui-button { | ||
margin: 0.5em 0 0.5em 0.4em; | margin: 0.5em 0 0.5em 0.4em; | ||
color: | color: var(--text-inactive-tab-color) !important; | ||
border: 1px solid #0e1010 !important; | border: 1px solid #0e1010 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light),var(--tab-button-bg-color-dark)) !important; | ||
padding: 3px 6px; | padding: 3px 6px; | ||
} | } | ||
| Riga 2 038: | Riga 1 901: | ||
border: 1px solid #0e1010 !important; | border: 1px solid #0e1010 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
color: | color: var(--text-link-hover-color) !important; | ||
background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important; | |||
background: | |||
} | } | ||
| Riga 2 050: | Riga 1 908: | ||
border: 1px solid #0e1010 !important; | border: 1px solid #0e1010 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
color: | color: var(--text-color) !important; | ||
background: linear-gradient(var(--tab-button-bg-color-dark),var(--tab-button-bg-color-light)) !important; | |||
background: | |||
} | } | ||
| Riga 2 105: | Riga 1 958: | ||
.oo-ui-icon-search, | .oo-ui-icon-search, | ||
.oo-ui-indicator-clear { | .oo-ui-indicator-clear { | ||
filter: var(--icon-color-filter); | |||
} | } | ||
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover { | #wikiEditor-ui-toolbar .oo-ui-iconElement-icon:hover { | ||
filter: var(--icon-color-hover-filter); | |||
} | } | ||
/* Preferences */ | /* 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); | |||
border: | |||
} | } | ||
. | .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 { | ||
background: | 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); | |||
border- | |||
} | } | ||
. | .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 { | ||
color: | border: 1px px solid var(--dark-2-bg-color); | ||
text- | 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); | |||
background: - | |||
} | } | ||
/* User Message */ | /* User Message */ | ||
.usermessage { | .usermessage { | ||
background-color: | background-color: var(--dark-2-bg-color); | ||
border: 1px solid | border: 1px solid var(--dark-border-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
color: | color: var(--text-inactive-tab-color); | ||
font-weight: bold; | font-weight: bold; | ||
margin: 2em 0 1em; | margin: 2em 0 1em; | ||
| Riga 2 267: | Riga 2 030: | ||
line-height: 1.2em; | line-height: 1.2em; | ||
margin: 0 0 1.4em 1em; | margin: 0 0 1.4em 1em; | ||
color: | color: var(--text-inactive-tab-color); | ||
width: auto; | width: auto; | ||
} | } | ||
.skin-vector .mw-notification { | .skin-vector .mw-notification { | ||
background-color: | background-color: var(--dark-bg-color); | ||
background-color: rgba( | background-color: rgba(23, 19, 27, 0.93); | ||
padding: 0.75em 1.5em; | padding: 0.75em 1.5em; | ||
border: solid 1px | border: solid 1px var(--light-border-color); | ||
border-radius: 0.75em; | border-radius: 0.75em; | ||
-webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | -webkit-box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | ||
box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | box-shadow: 0 2px 10px 0 rgba(7, 10, 10, 0.125); | ||
color: var(--text-color); | |||
} | } | ||
/* Page History */ | /* Page History */ | ||
#pagehistory { | #pagehistory { | ||
background: | background: var(--dark-bg-color); | ||
padding: 5px; | padding: 5px; | ||
border-radius: 10px; | border-radius: 10px; | ||
| Riga 2 291: | Riga 2 054: | ||
#pagehistory li.selected { | #pagehistory li.selected { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: inherit; | color: inherit; | ||
border: 1px dashed | border: 1px dashed var(--light-border-color); | ||
outline: 1px dashed var(--dark-border-color); | |||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 3px; | margin-bottom: 3px; | ||
| Riga 2 300: | Riga 2 064: | ||
#pagehistory li { | #pagehistory li { | ||
border: none; | border: none; | ||
background: | background: var(--dark-2-bg-color); | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-bottom: 2px; | margin-bottom: 2px; | ||
} | } | ||
.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 */ | /* Difference Page */ | ||
table.diff { | table.diff { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
border-spacing: 4px; | border-spacing: 4px; | ||
| Riga 2 324: | Riga 2 100: | ||
td.diff-context { | td.diff-context { | ||
background: | background: var(--light-bg-color); | ||
border: none; | border: none; | ||
color: | color: var(--text-color); | ||
} | } | ||
td.diff-deletedline { | td.diff-deletedline { | ||
border-color: | border-color: var(--text-link-new-color); | ||
} | } | ||
td.diff-addedline { | td.diff-addedline { | ||
border-color: | border-color: var(--text-border-green-color); | ||
} | } | ||
td.diff-addedline .diffchange { | td.diff-addedline .diffchange { | ||
background: | background: var(--light-2-bg-color); | ||
} | } | ||
td.diff-deletedline .diffchange { | td.diff-deletedline .diffchange { | ||
background: | background: var(--light-3-bg-color); | ||
} | } | ||
| Riga 2 356: | Riga 2 132: | ||
line-height: 1.2em; | line-height: 1.2em; | ||
padding: 0.5em; | padding: 0.5em; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
border: none; | border: none; | ||
| Riga 2 389: | Riga 2 165: | ||
/* we use generated content to create a placeholder for the checkbox and the radio */ | /* we use generated content to create a placeholder for the checkbox and the radio */ | ||
input[type="checkbox"]+label::before, | input[type="checkbox"]+label::before, input[type="radio"]+label::before { | ||
input[type="radio"]+label::before { | |||
content: ""; | content: ""; | ||
display: inline-block; | display: inline-block; | ||
width: 13px; | width: 13px; | ||
height: 13px; | height: 13px; | ||
margin: -2px 3px 0 3px; | |||
margin: -2px | background-color: transparent; | ||
background: | 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 */ | /* disabled checkbox or radio */ | ||
| Riga 2 410: | Riga 2 196: | ||
/* or cursor: no-drop */ | /* or cursor: no-drop */ | ||
} | } | ||
/* normal state radio */ | /* normal state radio */ | ||
| Riga 2 469: | Riga 2 240: | ||
/* Radio Button fix for History Page -- Needed due to the code above requiring HTML Label tags with the radio buttons to function properly. */ | /* 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="checkbox"], | ||
| Riga 2 477: | Riga 2 248: | ||
} | } | ||
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. */ | /* Checkbox Fix for checkbox on login page. */ | ||
| Riga 2 505: | Riga 2 281: | ||
padding: 0.5em 0.75em 0.75em 0.75em !important; | padding: 0.5em 0.75em 0.75em 0.75em !important; | ||
border: none; | border: none; | ||
background-color: | background-color: var(--light-bg-color); | ||
border: none; | border: none; | ||
border-width: 0 !important; | border-width: 0 !important; | ||
| Riga 2 513: | Riga 2 289: | ||
fieldset#mw-searchoptions div.divider { | fieldset#mw-searchoptions div.divider { | ||
clear: both; | clear: both; | ||
border-bottom: 1px solid | border-bottom: 1px solid var(--text-inactive-tab-color); | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
| Riga 2 565: | Riga 2 341: | ||
} | } | ||
/* Updated user icons */ | |||
#pt-userpage a, | #pt-userpage a, | ||
#pt-anonuserpage, | #pt-anonuserpage, | ||
#pt-login, | #pt-login, | ||
#pt-logout { | #pt-logout { | ||
background | background: none !important; | ||
padding-left: 0 !important; | |||
padding-left: | |||
} | } | ||
li#pt-userpage::before, li#pt-logout::before { | |||
content: ''; | |||
display: inline-block; | |||
background: url(resources/assets/skins/icon_profile.svg) 100% 50% no-repeat; | |||
background-size: 1.3em; | |||
width: 1.3em; | |||
height: 1.3em; | |||
margin-top: -0.5em; | |||
margin-right: 0.1em; | |||
filter: var(--icon-color-filter); | |||
} | |||
/* WikiForum */ | /* WikiForum */ | ||
| Riga 2 583: | Riga 2 367: | ||
clear: both; | clear: both; | ||
width: 100%; | width: 100%; | ||
background: | background: var(--dark-bg-color); | ||
border: none; | border: none; | ||
margin-bottom: 1.2em; | margin-bottom: 1.2em; | ||
| Riga 2 590: | Riga 2 374: | ||
p.mw-wikiforum-descr { | p.mw-wikiforum-descr { | ||
color: | color: var(--text-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
| Riga 2 596: | Riga 2 380: | ||
tr.mw-wikiforum-title { | tr.mw-wikiforum-title { | ||
background: | background: var(--light-bg-color); | ||
height: 3em; | height: 3em; | ||
} | } | ||
| Riga 2 612: | Riga 2 396: | ||
border-bottom: none; | border-bottom: none; | ||
border-top: none; | border-top: none; | ||
background: | background: var(--light-bg-color); | ||
border-top-left-radius: 4px; | border-top-left-radius: 4px; | ||
} | } | ||
| Riga 2 669: | Riga 2 453: | ||
width: 200px; | width: 200px; | ||
text-align: left; | text-align: left; | ||
background: | background: var(--dark-bg-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
tr.mw-wikiforum-normal { | tr.mw-wikiforum-normal { | ||
background: | background: var(--light-bg-color); | ||
} | } | ||
| Riga 2 681: | Riga 2 465: | ||
padding: 5px 10px; | padding: 5px 10px; | ||
border: none; | border: none; | ||
background: | background: var(--light-bg-color); | ||
text-align: left; | text-align: left; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Riga 2 688: | Riga 2 472: | ||
td.mw-wikiforum-thread-main { | td.mw-wikiforum-thread-main { | ||
padding: 10px; | padding: 10px; | ||
border: 1px solid | border: 1px solid var(--dark-bg-color); | ||
background: | background: var(--light-bg-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
| Riga 2 695: | Riga 2 479: | ||
td.mw-wikiforum-thread-sub { | td.mw-wikiforum-thread-sub { | ||
padding: 0px 10px; | padding: 0px 10px; | ||
border: 1px solid | border: 1px solid var(--dark-bg-color); | ||
background: | background: var(--light-bg-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } | ||
table.mw-wikiforum-posted { | table.mw-wikiforum-posted { | ||
color: | color: var(--text-inactive-tab-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
| Riga 2 712: | Riga 2 496: | ||
blockquote p.posted { | blockquote p.posted { | ||
color: | color: var(--text-color); | ||
font-family: Verdana, Arial, sans-serif; | font-family: Verdana, Arial, sans-serif; | ||
font-size: 10px; | font-size: 10px; | ||
border-bottom: 1px dotted | border-bottom: 1px dotted var(--text-color); | ||
background: transparent; | background: transparent; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
} | } | ||
blockquote { | blockquote { | ||
padding: 10px; | padding: 10px; | ||
background: | background: var(--dark-2-bg-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
overflow: hidden; | overflow: hidden; | ||
} | |||
.vector-body blockquote { | |||
border-color: var(--light-2-bg-color); | |||
} | } | ||
tr.mw-wikiforum-marked { | tr.mw-wikiforum-marked { | ||
background: | background: var(--light-bg-color); | ||
} | } | ||
| Riga 2 750: | Riga 2 530: | ||
.mpwelcome { | .mpwelcome { | ||
width: 100%; | width: 100%; | ||
background-color: | background-color: var(--light-bg-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
| Riga 2 778: | Riga 2 558: | ||
table.mpdiscover { | table.mpdiscover { | ||
width: 100%; | width: 100%; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border: none; | border: none; | ||
padding: 2px; | padding: 2px; | ||
| Riga 2 789: | Riga 2 569: | ||
table.mpcommonbg { | table.mpcommonbg { | ||
background: | background: var(--dark-bg-color); | ||
padding: 2px; | padding: 2px; | ||
border-radius: 10px; | border-radius: 10px; | ||
| Riga 2 797: | Riga 2 577: | ||
h2#mpcommonheader { | h2#mpcommonheader { | ||
text-align: left; | text-align: left; | ||
background: | background: var(--light-bg-color); | ||
border: none; | border: none; | ||
font-size: 120%; | font-size: 120%; | ||
| Riga 2 816: | Riga 2 596: | ||
margin-top: 10px; | margin-top: 10px; | ||
border: none; | border: none; | ||
background: | background: var(--dark-bg-color); | ||
padding: 2px; | padding: 2px; | ||
border-radius: 10px; | border-radius: 10px; | ||
| Riga 2 823: | Riga 2 603: | ||
h2#mpcommonheaderquote { | h2#mpcommonheaderquote { | ||
text-align: center; | text-align: center; | ||
background: | background: var(--light-bg-color); | ||
border: none; | border: none; | ||
font-weight: bold; | font-weight: bold; | ||
| Riga 2 837: | Riga 2 617: | ||
h2#mpcommonheaderlang { | h2#mpcommonheaderlang { | ||
text-align: center; | text-align: center; | ||
background: | background: var(--light-bg-color); | ||
border: none; | border: none; | ||
font-weight: bold; | font-weight: bold; | ||
| Riga 2 849: | Riga 2 629: | ||
} | } | ||
@media screen { | |||
@media screen { | |||
/* Lists */ | /* Lists */ | ||
ul { | ul { | ||
list-style-image: | list-style-image: var(--list-item-marker); | ||
} | } | ||
ul#pagehistory { | ul#pagehistory { | ||
list-style: none; | list-style: none; | ||
} | } | ||
/* Watch icon */ | /* 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% | 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); | |||
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% | filter: var(--icon-color-hover-2-filter); | ||
} | } | ||
/* 'More' menu */ | /* 'More' menu */ | ||
div.vectorMenu { | div.vectorMenu { | ||
| Riga 2 881: | Riga 2 665: | ||
div.vectorMenu h3 span { | div.vectorMenu h3 span { | ||
font-weight: bold; | font-weight: bold; | ||
color: | color: var(--text-color); | ||
padding-top: 5px; | padding-top: 5px; | ||
margin-right: 0.7em; | margin-right: 0.7em; | ||
| Riga 2 902: | Riga 2 686: | ||
.oo-ui-panelLayout-framed { | .oo-ui-panelLayout-framed { | ||
border-color: | border-color: var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui-menuSelectWidget { | .oo-ui-menuSelectWidget { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-color: | border-color: var(--dark-2-bg-color); | ||
border-radius: 8px; | |||
} | } | ||
.oo-ui-indicator-down { | .oo-ui-indicator-down { | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-indicator-down-icon); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget input[type="checkbox"]+span { | .oo-ui-checkboxInputWidget input[type="checkbox"]+span { | ||
background-color: transparent; | background-color: transparent; | ||
background-image: linear-gradient(transparent, transparent), | background-image: linear-gradient(transparent, transparent), var(--image-checkmark-icon); | ||
border: | border: 2px solid var(--text-inactive-tab-color); | ||
border-radius: 4px; | |||
} | } | ||
| Riga 2 939: | Riga 2 725: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: inherit; | color: inherit; | ||
| Riga 2 945: | Riga 2 731: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: inherit; | color: inherit; | ||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | |||
color: inherit; | |||
border-color: #0e1010; | |||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus, | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement>.oo-ui-buttonElement-button:focus, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement>.oo-ui-buttonElement-button:focus { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
color: inherit; | color: inherit; | ||
} | } | ||
| Riga 2 962: | Riga 2 753: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-dark), var(--tab-button-bg-color-light)); | ||
border-color: #0e1010; | border-color: #0e1010; | ||
color: | color: var(--text-color); | ||
} | } | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus, | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-iconElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus, | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus { | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus { | ||
background: | background: linear-gradient(var(--tab-button-bg-color-light), var(--tab-button-bg-color-dark)); | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
color: | color: var(--text-color); | ||
} | } | ||
| Riga 2 985: | Riga 2 776: | ||
.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { | .oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button { | ||
color: | 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 { | .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 | box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px var(--dark-bg-color); | ||
} | } | ||
| Riga 2 996: | Riga 2 787: | ||
.oo-ui-dropdownWidget-handle { | .oo-ui-dropdownWidget-handle { | ||
border: 1px solid | border: 1px solid var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | ||
background-color: | background-color: var(--dark-bg-color); | ||
color: inherit; | color: inherit; | ||
} | } | ||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | ||
background-color: | background-color: var(--light-2-bg-color); | ||
color: inherit; | color: inherit; | ||
border-color: | border-color: var(--light-border-color); | ||
} | } | ||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { | ||
color: inherit; | color: inherit; | ||
border-color: | border-color: var(--light-border-color); | ||
} | } | ||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { | .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
} | |||
.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 { | .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | ||
background-color: | background-color: var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { | .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { | ||
color: | color: var(--text-disabled-color); | ||
text-shadow: none; | text-shadow: none; | ||
border-color: | border-color: var(--light-border-color); | ||
background-color: | background-color: var(--dark-bg-color) opacity: .5; | ||
cursor: default; | cursor: default; | ||
} | |||
.mw-rcfilters-ui-rclToOrFromWidget.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | |||
border: 1px solid var(--dark-bg-color); | |||
} | } | ||
| Riga 3 036: | Riga 2 839: | ||
.oo-ui-textInputWidget input, | .oo-ui-textInputWidget input, | ||
.oo-ui-textInputWidget textarea { | .oo-ui-textInputWidget textarea { | ||
background-color: | background-color: var(--dark-bg-color); | ||
color: | color: var(--text-color); | ||
border: 1px solid #1b1618; | border: 1px solid #1b1618; | ||
} | } | ||
.mw-recentchanges-table .mw-input input.mw-ui-input { | .mw-recentchanges-table .mw-input input.mw-ui-input { | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, | .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { | .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { | ||
border-color: | border-color: var(--light-border-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--light-border-color); | ||
} | } | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea { | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea { | ||
border-color: | border-color: var(--light-border-color); | ||
} | } | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input:focus, | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus { | .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea:focus { | ||
border-color: | 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) { | @media screen and (min-width:0) { | ||
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { | .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus { | ||
outline: 1px solid | 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); | |||
} | } | ||
| Riga 3 071: | Riga 2 888: | ||
.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span { | .oo-ui-checkboxInputWidget [type='checkbox']:disabled+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: | border-color: var(--text-disabled-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus+span { | ||
border-color: | border-color: var(--text-color); | ||
box-shadow: inset 0 0 0 1px green; | box-shadow: inset 0 0 0 1px green; | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover+span { | ||
border-color: | border-color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span { | ||
background-color: | background-color: var(--text-inactive-tab-color); | ||
border-color: | border-color: var(--text-inactive-tab-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: | border-color: var(--text-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: | border-color: var(--text-color); | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| Riga 3 102: | Riga 2 919: | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover+span { | ||
background-color: inherit; | background-color: inherit; | ||
border-color: | border-color: var(--text-inactive-tab-color); | ||
} | } | ||
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span { | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active+span { | ||
background-color: | background-color: var(--text-inactive-tab-color); | ||
border-color: | border-color: var(--text-inactive-tab-color); | ||
box-shadow: inset 0 0 0 1px | box-shadow: inset 0 0 0 1px var(--text-inactive-tab-color); | ||
} | } | ||
| Riga 3 114: | Riga 2 931: | ||
.oo-ui-popupWidget-popup { | .oo-ui-popupWidget-popup { | ||
background-color: | background-color: var(--dark-2-bg-color); | ||
border: 1px solid | border: 1px solid var(--dark-border-color); | ||
border-radius: 8px; | |||
} | } | ||
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { | .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { | ||
border-top-color: | border-top-color: var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { | .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { | ||
border-top-color: | 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 */ | /* Infobox */ | ||
| Riga 3 136: | Riga 2 967: | ||
margin: 0px 0px 5px 5px; | margin: 0px 0px 5px 5px; | ||
border-radius: 10px; | border-radius: 10px; | ||
background-color: | background-color: var(--dark-bg-color); | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
| Riga 3 142: | Riga 2 973: | ||
table.infobox tr th.header { | table.infobox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
font-size: 1.2em; | font-size: 1.2em; | ||
} | } | ||
| Riga 3 153: | Riga 2 984: | ||
padding: 2px; | padding: 2px; | ||
border-radius: 10px; | border-radius: 10px; | ||
background-color: | background-color: var(--dark-bg-color); | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
| Riga 3 159: | Riga 2 990: | ||
table.navbox tr th.header { | table.navbox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
| Riga 3 167: | Riga 2 998: | ||
table.notebox { | table.notebox { | ||
width: 100%; | width: 100%; | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-radius: 10px; | border-radius: 10px; | ||
border-spacing: 10px; | border-spacing: 10px; | ||
| Riga 3 175: | Riga 3 006: | ||
table.notebox tr th.header { | table.notebox tr th.header { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-3-bg-color); | ||
color: | color: var(--text-link-header-color); | ||
font-size: 1.2em; | font-size: 1.2em; | ||
} | } | ||
| Riga 3 187: | Riga 3 018: | ||
image-rendering: -webkit-crisp-edges; | image-rendering: -webkit-crisp-edges; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | |||
/* Color inversion */ | |||
.invert { | |||
filter: invert(1); | |||
} | } | ||
| Riga 3 193: | Riga 3 030: | ||
ol.references li:target, sup.reference:target { | ol.references li:target, sup.reference:target { | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: var(--light-bg-color); | ||
} | } | ||
| Riga 3 199: | Riga 3 036: | ||
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { | .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle { | ||
background-color: var(--dark-bg-color); | |||
border: 1px solid #0e1010; | |||
border-radius: 6px; | |||
} | |||
.mw-widget-dateInputWidget.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 { | .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle { | ||
color: var(--text-color); | |||
outline: 0; | |||
} | } | ||
| Riga 3 212: | Riga 3 062: | ||
.mw-widget-dateInputWidget-calendar { | .mw-widget-dateInputWidget-calendar { | ||
background-color: var(--dark-2-bg-color); | |||
border-color: var(--text-inactive-tab-color); | |||
border-radius: 10px; | |||
} | } | ||
.mw-widget-calendarWidget-day-heading { | .mw-widget-calendarWidget-day-heading { | ||
color: #ffc000; | |||
} | } | ||
.mw-widget-calendarWidget-day { | .mw-widget-calendarWidget-day { | ||
color: var(--text-color); | |||
} | } | ||
.mw-widget-calendarWidget-day-additional { | .mw-widget-calendarWidget-day-additional { | ||
color: var(--text-disabled-color); | |||
} | } | ||
.mw-widget-calendarWidget-item:hover { | .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 { | .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- | border-color: var(--light-border-color); | ||
} | } | ||
.mw-widgets-datetime-calendarWidget { | |||
background-color: var(--dark-bg-color); | |||
border | 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: | 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-color | background: var(--dark-bg-color); | ||
} | } | ||
::-webkit-resizer { | |||
border- | 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); | |||
} | } | ||
.ve-ui-specialCharacterPage- | .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- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | ||
.oo-ui- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active { | ||
.oo-ui- | color: inherit; | ||
color: | |||
} | } | ||
.oo-ui- | .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- | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { | ||
color: inherit; | |||
.oo-ui-buttonElement- | border-color: var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui- | .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); | |||
} | } | ||
.oo-ui- | .ve-ui-toolbar .oo-ui-iconElement-icon:active, | ||
.ve-ui- | .ve-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive, | ||
.oo-ui- | .ve-ui-overlay .oo-ui-iconElement-icon:active, | ||
.oo-ui- | .ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-progressive, | ||
.oo-ui- | .ve-ui-overlay .oo-ui-iconElement-icon.oo-ui-image-invert, | ||
.oo-ui- | .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 { | ||
.oo-ui- | -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%); | |||
} | } | ||
.oo-ui-buttonElement- | .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { | ||
background | background-color: transparent; | ||
outline: none; | |||
} | } | ||
.oo-ui- | .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { | ||
border-bottom-color: var(--dark-2-bg-color); | |||
} | } | ||
.oo-ui- | .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); | |||
background-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); | |||
} | } | ||
.ve-ui- | .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- | .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-mwLanguagesPage-languages-table | .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- | .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- | .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: | 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-color | background: var(--dark-bg-color); | ||
} | } | ||
. | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | ||
.oo-ui- | .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- | .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- | .oo-ui-window-content { | ||
background-color: var(--light-bg-color); | |||
} | } | ||
.oo-ui- | .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { | ||
.oo-ui- | 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); | |||
} | } | ||
.mw-rcfilters-ui- | /* Recent changes filters */ | ||
.mw-rcfilters-ui-watchlistTopSectionWidget-separator { | |||
border-color: var(--text-inactive-tab-color); | |||
} | } | ||
.mw-rcfilters-ui- | .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { | ||
color: var(--text-link-header-color); | |||
} | } | ||
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { | .mw-rcfilters-ui-savedLinksListWidget-placeholder-description { | ||
border-color: | 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) { | .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- | -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- | .oo-ui-toggleSwitchWidget { | ||
background-color: | background-color: var(--dark-bg-color); | ||
border-color | border: 1px solid var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui- | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { | ||
color: | background-color: var(--text-inactive-tab-color); | ||
border: 1px solid var(--dark-border-color); | |||
} | } | ||
.oo-ui- | .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 { | ||
color: | 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- | .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 { | ||
.oo-ui- | background-color: var(--text-color); | ||
border-color: | border-color: var(--light-border-color); | ||
} | } | ||
.oo-ui- | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { | ||
background-color: var(--dark-border-color); | |||
.oo-ui- | border-color: var(--light-border-color); | ||
} | } | ||
.oo-ui- | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { | ||
.oo-ui- | background-color: var(--text-link-header-color); | ||
color: | border-color: var(--dark-2-bg-color); | ||
} | } | ||
.oo-ui- | .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 { | ||
border- | background-color: var(--light-border-color); | ||
border-color: var(--text-inactive-tab-color); | |||
} | } | ||
.oo-ui- | .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { | ||
color: | background-color: var(--light-border-color); | ||
border-color: var(--text-inactive-tab-color); | |||
} | } | ||
.oo-ui- | .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { | ||
background-color: | 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); | |||
} | } | ||
Versione attuale delle 15:48, 28 set 2025
/* 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);
}