MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
/*
This is the wiki.gg default loadout,
please do not modify it inline. To add your own skin customizations,
scroll down to the end of the default loadout (or search for "[END]" to jump there).
If you modify the sheet above that point, your changes may be overwritten in updates without warning!!!
If you want to maintain your own CSS for annual MediaWiki updates & be responsible for ALL bugfixes YOURSELF, change UPDATE in the following line to say NOUPDATE:
DLW: UPDATE
DLW VERSION: 2.2.3.5
IMPORTANT: if you are updating your wiki from a version before May 22, 2025,
you need to copy [[MediaWiki:Gadgets/vectorScripts]] and [[MediaWiki:Gadgets/vectorScripts/main.js]] as well or your navigation tabs will break.
*/
/*********************************************************
* Backwards compatibility with deprecated variable names *
**********************************************************/
:root {
--wiki-heading-color: var(--wiki-content-heading-color);
--wiki-heading-font-family: var(--wiki-content-heading-font-family);
--wiki-firstheading-font-family: var(--wiki-content-firstheading-font-family);
}
/****************************************
* End backwards compatibility variables *
*****************************************/
/************************************
* Body, head, and general framework *
*************************************/
:root{
--wiki-logo-box-width: calc(var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + min( var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px), 100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-right-spacing, 0px) - 18px, var(--wiki-page-content-max-width, 9999px) ) * var(--wiki-is-top-logo, 0)); /* 18px: the scrollbar */
--wiki-logo-box-height: calc(var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-logo-box-width));
}
html, body {
height: auto;
min-height: 100%;
}
/* site background */
html {
background-color: var(--wiki-body-background-color);
background-image: var(--wiki-body-background-image);
/* the following have fallbacks for backwards compatibility with older versions of the loadout */
background-position: var(--wiki-body-background-position, top center);
background-size: var(--wiki-body-background-size, cover);
background-repeat: var(--wiki-body-background-repeat, no-repeat);
background-attachment: var(--wiki-body-background-attachment, fixed);
}
body {
background: none;
font-family: var(--wiki-body-font-family);
accent-color: var(--wiki-accent-color);
padding-top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, 0px));
padding-bottom: var(--wiki-bottom-spacing, 0px);
padding-left: var(--wiki-left-spacing, 0px);
padding-right: var(--wiki-right-spacing, 0px);
box-sizing: border-box;
}
.skinpref-limited-width body, body.skinpref-limited-width {
--wiki-page-content-max-width: var(--wiki-content-reduced-max-width, 1300px);
}
/* clear fix */
body::after {
content: "";
display: table;
clear: both;
}
#mw-page-base,
#mw-head-base {
background: none;
--height: calc(var(--wiki-navigation-height, 3em) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-is-top-logo, 0) * (var(--wiki-logo-box-height, 160px) + var(--wiki-logo-margin, 15px))); /* if not is-top-logo, height of navigation, else height of navigation + logo-height + logo-margin */
height: var(--height);
}
#mw-page-base {
max-width: var(--wiki-page-content-max-width, 9999px);
margin: auto;
}
#mw-head-base {
width: calc(min(100%, var(--wiki-page-content-max-width, 9999px)) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em));
margin-top: calc(-1 * var(--height));
margin-left: calc(max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2 + var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
}
/* let ul default to text that respects color */
ul {
list-style-image: none;
}
/************************
* End general framework *
*************************/
/**************
* Vector tabs *
***************/
/* prevent margin collapse */
.content-wrapper::before {
content: " ";
display: table;
}
.content-wrapper{
--navigation-border-bottom-width: calc(var(--wiki-navigation-border-bottom-width, calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px))));
}
/****** navbar (#mw-head) ******/
.vector-menu-tabs .mw-list-item,
#p-cactions, #p-variants {
float: unset;
line-height: 1.5; /* fallback */
line-height: round(nearest, calc(var(--wiki-navigation-font-size,0.8125em)*1.5), 1px);
box-sizing: border-box;
white-space: nowrap;
}
#mw-head {
--icon-star-filled: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E");
--icon-star-empty: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A");
/* icon below is from https://tabler-icons.io/ */
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
width: auto;
height: var(--wiki-navigation-height);
margin-top: calc(-1 * (var(--wiki-navigation-height) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)));
position: relative;
display: flex;
align-items: stretch;
z-index: 4; /* above #mw-panel and .mw-indicators */
background: var(--wiki-navigation-box-background, none);
border: calc(var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
border-bottom-width: 0;
border-radius: var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) 0 0;
border-image: var(--wiki-navigation-box-border-image, none);
backdrop-filter: var(--wiki-navigation-box-backdrop-filter, none);
}
/* top border of the content */
#mw-head::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
top: calc(100% - min(var(--wiki-navigation-left-spacing, 0px) * 999, var(--navigation-border-bottom-width)) + var(--navigation-border-bottom-width));
left: 0;
width: calc(max(var(--wiki-navigation-left-spacing, 0px), var(--navigation-border-bottom-width)));
height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
border: 0 var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
border-left-width: var(--navigation-border-bottom-width);
border-top-width: var(--navigation-border-bottom-width);
border-top-left-radius: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)));
}
#left-navigation,
#right-navigation {
float: none;
margin: 0;
display: flex;
align-items: flex-end;
margin-bottom: calc(-1 * var(--navigation-border-bottom-width));
}
#left-navigation {
flex: 0 0 auto;
justify-content: flex-start;
}
#right-navigation {
flex: 1 1 auto;
justify-content: flex-end;
}
#left-navigation::before,
#left-navigation::after,
#right-navigation::before,
#right-navigation::after {
content: "";
display: block;
height: 0;
border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
flex: 0 0 auto;
}
#left-navigation::before {
box-sizing: border-box;
width: var(--wiki-navigation-left-spacing, 0px);
border-bottom-width: 0;
}
#left-navigation::after {
width: var(--wiki-navigation-gap-between-left-and-right);
}
#right-navigation::before {
flex: 1 1 auto;
width: auto;
}
#right-navigation::after {
width: var(--wiki-navigation-right-spacing);
display: none; /* only for desktop */
}
/*** tabs ***/
/* reset */
.vector-menu,
.vector-menu *,
.vector-menu-tabs-legacy li {
background: none;
}
.vector-menu input {
border: 0;
}
/* tabs list */
.vector-menu-tabs {
height: unset;
padding: unset;
}
.vector-menu-tabs .vector-menu-content {
height: 100%;
}
.vector-menu-tabs-legacy ul{
float: none;
}
.vector-menu-tabs .vector-menu-content-list {
display: flex;
align-items: flex-end;
}
/* tab */
.vector-menu-tabs .mw-list-item,
.vector-menu-dropdown {
/* outer box of normal tabs: border-bottom */
border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
position: relative;
margin-right: max(0px, var(--wiki-navigation-tab-spacing)); /* make space for gap */
height: auto;
padding-bottom: var(--wiki-navigation-bottom-spacing, 0px);
cursor: auto;
}
.vector-menu-dropdown .vector-menu-checkbox{
height: calc(100% - var(--wiki-navigation-bottom-spacing, 0px));
}
.vector-menu-tabs .mw-list-item:hover,
.vector-menu-dropdown:hover{
border-bottom-color: var(--wiki-navigation-border-bottom-color--hover, var(--wiki-navigation-border-bottom-color--hover, var(--wiki-navigation-border-color, var(--wiki-content-border-color))));
}
.vector-menu-tabs .mw-list-item::after,
.vector-menu-dropdown::after {
/* gap */
content: "";
display: block;
width: max(0px, var(--wiki-navigation-tab-spacing));
height: 0;
border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
position: absolute;
left: 100%;
bottom: calc(0px - var(--navigation-border-bottom-width));
}
.vector-menu-tabs .mw-list-item + .mw-list-item,
.vector-menu-tabs .placeholder + .mw-list-item,
.vector-menu-dropdown {
margin-left: calc(min(0px, var(--wiki-navigation-tab-spacing)));
}
.vector-menu-tabs .mw-list-item a,
.vector-menu-tabs .mw-list-item a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading { /* "#mw-head " is needed here to correctly overwriting mw default css */
/* inner box of normal tabs: tab style */
float: none;
height: auto;
margin: 0;
padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x, 0.75em) var(--wiki-navigation-tab-padding-bottom, 4px);
border: var(--wiki-navigation-border-width, 1px) var(--wiki-navigation-border-style, solid) var(--wiki-navigation-border-color);
border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-border-width, 1px)));
border-radius: var(--wiki-navigation-border-radius) var(--wiki-navigation-border-radius) 0 0;
border-image: var(--wiki-navigation-border-image);
color: var(--wiki-navigation-text-color);
background-image: var(--wiki-navigation-background-image, none);
background-color: color-mix(in srgb, var(--wiki-navigation-background-color) var(--wiki-navigation-background-opacity), transparent);
background-size: var(--wiki-navigation-background-size, auto);
background-repeat: var(--wiki-navigation-background-repeat, repeat);
background-position: var(--wiki-navigation-background-position, center);
font-size: var(--wiki-navigation-font-size, 0.8125em);
font-weight: var(--wiki-navigation-font-weight, normal);
text-transform: var(--wiki-navigation-text-transform, none);
backdrop-filter: var(--wiki-navigation-backdrop-filter, var(--wiki-navigation-selected-backdrop-filter, none));
}
.vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown:hover .vector-menu-heading {
border-color: var(--wiki-navigation-border-color--hover, var(--wiki-navigation-border-color));
color: var(--wiki-navigation-text-color--hover);
border-image: var(--wiki-navigation-border-image--hover);
background-image: var(--wiki-navigation-background-image--hover, var(--wiki-navigation-background-image, none));
background-color: color-mix(in srgb, var(--wiki-navigation-background-color--hover, var(--wiki-navigation-background-color)) var(--wiki-navigation-background-opacity--hover, var(--wiki-navigation-background-opacity)), transparent);
background-size: var(--wiki-navigation-background-size--hover, var(--wiki-navigation-background-size, auto));
background-repeat: var(--wiki-navigation-background-repeat--hover, var(--wiki-navigation-background-repeat, repeat));
background-position: var(--wiki-navigation-background-position--hover, var(--wiki-navigation-background-position, center));
transform: var(--wiki-navigation-transform--hover, none);
}
.vector-menu-tabs .mw-list-item.selected {
background: none;
border-bottom-color: transparent;
}
.vector-menu-tabs .mw-list-item.selected a {
/* inner box of selected tab: tab style */
background-image: var(--wiki-navigation-selected-background-image, none);
background-color: color-mix(in srgb, var(--wiki-navigation-selected-background-color) var(--wiki-navigation-selected-background-opacity), transparent);
background-size: var(--wiki-navigation-selected-background-size, auto);
background-repeat: var(--wiki-navigation-selected-background-repeat, repeat);
background-position: var(--wiki-navigation-selected-background-position, center);
border: var(--wiki-navigation-selected-border-width, 1px) var(--wiki-navigation-selected-border-style, solid) var(--wiki-navigation-selected-border-color);
border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-selected-border-width, 1px)));
border-image: var(--wiki-navigation-selected-border-image);
color: var(--wiki-navigation-selected-text-color);
font-weight: var(--wiki-navigation-selected-font-weight, var(--wiki-navigation-font-weight, normal));
backdrop-filter: var(--wiki-navigation-selected-backdrop-filter, none);
}
.vector-menu-tabs .mw-list-item.selected::before {
content: '';
display: block;
width: 100%;
box-sizing: border-box;
height: var(--navigation-border-bottom-width);
border: var(--wiki-navigation-selected-border-width, var(--wiki-content-border-width, 1px)) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
border-top-width: 0;
border-bottom-width: 0;
position: absolute;
bottom: calc(0px - var(--navigation-border-bottom-width));
background: var(--wiki-navigation-selected-border-bottom-background, transparent);
background-clip: padding-box;
}
/* watch/unwatch star */
.vector-menu-tabs #ca-watch.icon a,
.vector-menu-tabs #ca-unwatch.icon a {
width: var(--wiki-navigation-icon-size, 1em);
height: 100%;
box-sizing: content-box;
padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)) var(--wiki-navigation-tab-padding-bottom, 4px) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em));
color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */
display: flex;
align-items: center;
text-indent: 999px;
}
.vector-menu-tabs #ca-watch.icon a::before,
.vector-menu-tabs #ca-unwatch.icon a::before {
content: "";
display: block;
position: unset;
background-image: none !important;
width: var(--wiki-navigation-icon-size, 1em);
height: var(--wiki-navigation-icon-size, 1em);
flex: 0 0 auto;
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--wiki-navigation-text-color);
}
.vector-menu-tabs #ca-watch.icon a:hover::before,
.vector-menu-tabs #ca-unwatch.icon a:hover::before {
background-color: var(--wiki-navigation-text-color--hover);
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before{
transform-origin: 50% 56.25%;
}
.vector-menu-tabs #ca-watch.icon {
/* line star */
--icon: var(--icon-star-empty);
}
.vector-menu-tabs #ca-unwatch.icon {
/* solid star */
--icon: var(--icon-star-filled);
}
/*** dropdown menu ***/
.vector-menu-dropdown .vector-menu-heading { /* "More" */
/* tab label */
position: relative;
display: flex;
align-items: center;
gap: 0.25em;
}
.vector-menu-dropdown .vector-menu-heading::after {
/* arrow icon */
content: "";
display: block;
width: 1em;
height: 1em;
margin-top: 1px; /* tweak offset */
--mask: var(--icon-chevron-down) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background: unset;
background-color: var(--wiki-navigation-text-color);
filter: none;
}
.vector-menu-dropdown:hover .vector-menu-heading::after {
/* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
background-color: var(--wiki-navigation-text-color--hover);
}
.vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
font-size: var(--wiki-navigation-dropdown-font-size, 0.8125em);
}
.vector-menu-dropdown .vector-menu-content {
/* dropdown list body */
border: none;
background: none;
left: 0; /* reset */
margin: 0; /* reset */
top: calc(100% - var(--wiki-navigation-bottom-spacing, 0px));
overflow: unset;
}
.vector-menu-dropdown .vector-menu-content ul {
border: var(--wiki-navigation-dropdown-border-width) solid var(--wiki-navigation-dropdown-border-color);
border-radius: 0 0 var(--wiki-navigation-dropdown-border-radius) var(--wiki-navigation-dropdown-border-radius);
border-image: var(--wiki-navigation-dropdown-border-image);
background: color-mix(in srgb, var(--wiki-navigation-dropdown-background-color, var(--wiki-content-background-color)) var(--wiki-navigation-dropdown-background-opacity, var(--wiki-content-background-opacity, 100%)), transparent);
box-shadow: var(--wiki-navigation-dropdown-box-shadow, var(--wiki-navigation-dropdown-shadow, none)); /* --wiki-navigation-dropdown-shadow is deprecated name */
backdrop-filter: var(--wiki-navigation-dropdown-backdrop-filter);
padding: var(--wiki-navigation-dropdown-padding, 0);
margin-top: var(--wiki-navigation-dropdown-offset, 0);
}
.vector-menu-dropdown .vector-menu-content li:hover {
background: var(--wiki-navigation-dropdown-item-background--hover, none);
}
.vector-menu-dropdown .vector-menu-content li a {
display: block;
padding: var(--wiki-navigation-dropdown-item-padding, 0);
}
.vector-menu-dropdown .vector-menu-content li a,
.vector-menu-dropdown .vector-menu-content li a:visited {
color: var(--wiki-navigation-dropdown-text-color, var(--wiki-navigation-text-color));
}
.vector-menu-dropdown .vector-menu-content li a:hover {
color: var(--wiki-navigation-dropdown-text-color--hover, var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover))); /* fallback for backwards compatibility */
}
/*** search form ***/
#p-search {
margin: 0;
padding: 0 calc(max(0px, var(--wiki-navigation-right-spacing, 0px))) calc(var(--wiki-navigation-search-bottom-spacing, 3px) + var(--navigation-border-bottom-width)) calc(max(0px, 3px - max(0px, var(--wiki-navigation-tab-spacing, -1px))));
z-index: 2;
position: relative;
font-size: var(--wiki-navigation-search-font-size, var(--wiki-navigation-font-size, 0.8125em));
}
.vector-search-box form {
margin: unset;
}
#p-search .searchButton {
background-color: transparent;
font-size: unset;
}
/*new search form */
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{
margin: 0;
}
.cdx-menu-item--enabled.cdx-menu-item--highlighted {
background-color: var(--wiki-navigation-search-highlight-background-color);
}
#p-search input{
line-height: 1.25; /* "normal" behaves inconsistently in different browsers */
}
#p-search input{
height: unset;
min-height: var(--wiki-navigation-search-height, 2em);
}
#p-search button{
height: unset;
min-height: var(--wiki-navigation-search-height, 2em);
min-width: var(--wiki-navigation-search-height, 2em);
top: 0;
bottom: 0;
right: 2px;
background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color, currentColor) var(--wiki-navigation-search-button-color-opacity, 80%), transparent);
opacity: 100%;
}
#p-search button:hover,
#p-search button:focus{
background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color--hover, var(--wiki-navigation-search-button-color, currentColor)) var(--wiki-navigation-search-button-color-opacity--hover, 95%), transparent);
opacity: 100%;
}
/* top border of the content box */
#p-search::before {
content: "";
display: block;
width: calc(100% - calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))));
height: 0;
border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
position: absolute;
bottom: 0;
left: 0;
}
/* top right border-radius of content area */
#p-search::after {
content: "";
display: block;
width: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)));
box-sizing: border-box;
border-width: var(--navigation-border-bottom-width) var(--navigation-border-bottom-width) 0 0;
border-style: var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid));
border-color: var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color));
border-radius: 0 calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))) 0 0;
position: absolute;
top: calc(100% - var(--navigation-border-bottom-width));
right: 0;
}
/******************
* End vector tabs *
*******************/
/********
* Links *
*********/
a,
.mw-parser-output a.external,
.mw-parser-output a.extiw {
color: var(--wiki-content-link-color);
}
a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
color: var(--wiki-content-link-color--visited);
}
a:not(.mw-selflink):hover,
a:visited:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover {
color: var(--wiki-content-link-color--hover);
}
a.new,
a.new:visited,
a.new:hover,
.mw-usertoollinks-contribs-no-edits {
color: var(--wiki-content-redlink-color);
}
a:not(.mw-selflink):active,
a:visited:active,
.mw-parser-output a.extiw:active,
.mw-parser-output a.extiw:visited:active,
.mw-parser-output a.external:active,
.mw-parser-output a.external:visited:active {
color: var(--wiki-warning-color);
}
/* link decorations */
/* move external marker to an after so we can filter it to link color */
.mw-parser-output a.external,
.sitenotice a.external {
background: none;
padding-right: 0;
}
.mw-parser-output a.external::after,
.sitenotice a.external::after,
a.extiw[title="wgg:globalprefs"]::after {
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0px;
content: '';
vertical-align: text-top;
--mask: var(--icon) no-repeat;
--mask-size: 0.857em;
--mask-position: center right;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: var(--mask-size);
mask-size: var(--mask-size);
-webkit-mask-position: var(--mask-position);
mask-position: var(--mask-position);
background-color: currentColor;
}
.mw-parser-output a.external::after,
.sitenotice a.external::after {
--icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E");
}
a.extiw[title="wgg:globalprefs"]::after {
--icon: 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%20aria-hidden%3D%22true%22%3E%3C!----%3E%3Cg%3E%3Cg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20transform%3D%22translate(10%2010)%22%3E%3Cpath%20id%3D%22cdx-icon-settings-a%22%20d%3D%22M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3%22%3E%3C%2Fpath%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(45)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(90)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(135)%22%3E%3C%2Fuse%3E%3C%2Fg%3E%3Cpath%20d%3D%22M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.plainlinks a.external::after,
.plainlinks a.extiw[title="wgg:globalprefs"]::after {
display: none;
}
/*
Using a background instead of an ::after prevents the icon from wrapping onto its own line,
but prevents it from being recolored. Use this only for icons that should not be recolored, otherwise
use the ::after method used for external links above
*/
a.extiw[title^="wikipedia:"],
a.extiw[title^="wp:"],
a.extiw[title^="mw:"],
a.extiw[title^="support:"] {
padding-right: 1em;
background-position: center right;
background-repeat: no-repeat;
background-size: 0.857em;
}
a.extiw[title^="wikipedia:"],
a.extiw[title^="wp:"] {
background-image: url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406)
}
a.extiw[title^="mw:"] {
background-image: url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406)
}
a.extiw[title^="support:"] {
background-image: url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg)
}
.plainlinks a.extiw {
background-image:none;
}
/************
* End links *
*************/
/***************
* Left Sidebar *
****************/
#mw-panel {
width: var(--wiki-sidebar-width, 10em);
box-sizing: border-box;
position: relative;
z-index: 1; /* above #footer */
top: calc(-1 * var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height) + var(--wiki-content-border-width,1px)) + var(--wiki-sidebar-offset, 0px));
margin-top: calc((1 - var(--wiki-is-top-logo, 0)) * (var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, logo-file ratio * sidebar-width + logo-margin, else 0 */
padding: var(--wiki-sidebar-box-padding, 0);
background: var(--wiki-sidebar-box-background, none);
border: var(--wiki-sidebar-box-border, 0);
border-radius: var(--wiki-sidebar-box-border-radius, 0);
border-image: var(--wiki-sidebar-box-border-image, none);
}
#mw-panel .vector-menu-portal {
background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent);
background-image: var(--wiki-sidebar-background-image, none);
background-size: var(--wiki-sidebar-background-size, auto);
background-repeat: var(--wiki-sidebar-background-repeat, repeat);
background-position: var(--wiki-sidebar-background-position, center);
border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color);
border-image: var(--wiki-sidebar-border-image, none);
margin: 0 var(--wiki-sidebar-margin, 0.5em);
padding: var(--wiki-sidebar-padding, 0);
box-shadow: var(--wiki-sidebar-box-shadow, none);
filter: var(--wiki-sidebar-filter, none);
backdrop-filter: var(--wiki-sidebar-backdrop-filter, none);
overflow: hidden; /* to prevent overflow when combining border-radius with heading background */
}
#mw-panel #p-ext-discordwidget{
backdrop-filter: none;
}
@supports not (color:color-mix(in srgb, #000, transparent)) {
#mw-panel .vector-menu-portal {
background-color: var(--wiki-sidebar-background-color);
}
}
#mw-panel .vector-menu-portal + .vector-menu-portal {
border-top-width: 0;
}
#mw-panel .vector-menu-portal:last-child {
margin-bottom: 0;
}
/* Sidebar spacing and border-radius section */
#mw-panel .vector-menu-portal:not(:last-child) {
margin-bottom: var(--wiki-sidebar-portal-spacing);
}
#mw-panel #p-logo + .vector-menu-portal,
#mw-panel #p-ext-discordwidget + .vector-menu-portal {
/*
The way this works is that if the sidebar does not have any spacing, only the top and bottom corners
of the top and bottom portals respectively should be rounded, instead of all corners of every portal.
min and calc are combined here to basically create an `if x > 0 then y else z` function.
The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number).
If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value.
This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario.
*/
border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
}
#mw-panel .vector-menu-portal:last-child {
/* see rule above for explanation */
border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius);
}
#mw-panel .vector-menu-portal {
/* see above rules for explanation */
border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
}
#mw-panel .vector-menu-portal + .vector-menu-portal {
/* This keeps the border from doubling up if there is no spacing between them,
The portals other than the first only have a top border if there is spacing */
border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */
}
#mw-panel #p-ext-discordwidget + .vector-menu-portal {
border-top-width: var(--wiki-sidebar-border-width, 1px);
}
/* end sidebar spacing and border-radius */
.vector-menu-portal .vector-menu-heading {
padding: var(--wiki-sidebar-heading-padding, 0.5rem 0.25rem 0.5rem 0.5rem);
margin: var(--wiki-sidebar-heading-margin, 0 0 var(--wiki-sidebar-heading-margin-bottom, -0.5rem) 0); /* --wiki-sidebar-heading-margin-bottom is deprecated */
background: var(--wiki-sidebar-heading-background, none);
border-image: var(--wiki-sidebar-heading-border-image, none);
color: var(--wiki-sidebar-heading-color);
font-family: var(--wiki-sidebar-heading-font-family);
font-size: var(--wiki-sidebar-heading-font-size, 0.75em);
font-weight: var(--wiki-sidebar-heading-font-weight, normal);
font-style: var(--wiki-sidebar-heading-font-style, normal);
text-transform: var(--wiki-sidebar-heading-text-transform, none);
line-height: var(--wiki-sidebar-heading-line-height, normal);
text-shadow: var(--wiki-sidebar-heading-text-shadow, none)
}
.vector-menu-portal .vector-menu-content {
margin: var(--wiki-sidebar-list-margin, 0);
padding: var(--wiki-sidebar-list-padding, 0.25rem);
background: var(--wiki-sidebar-list-background, none);
border-image: var(--wiki-sidebar-list-border-image, none);
}
.vector-menu-portal .vector-menu-content ul {
padding: 0;
display: flex;
flex-direction: column;
gap: var(--wiki-sidebar-list-item-spacing, 0);
}
.vector-menu-portal .vector-menu-content li {
font-size: var(--wiki-sidebar-font-size, 0.75em);
line-height: var(--wiki-sidebar-line-height, 1.125em);
padding: 0;
background: var(--wiki-sidebar-list-item-background, none);
border-image: var(--wiki-sidebar-list-item-border-image, none);
}
.vector-menu-portal .vector-menu-content li:hover {
background: var(--wiki-sidebar-list-item-background--hover, var(--wiki-sidebar-list-item-background, none));
border-image: var(--wiki-sidebar-list-item-border-image--hover, var(--wiki-sidebar-list-item-border-image, none));
}
.vector-menu-portal .vector-menu-content li a {
display: block;
padding: var(--wiki-sidebar-list-item-padding, 0.25em 0.25rem);
}
.vector-menu-portal .vector-menu-content li a.feedlink{ /* Atom */
background: none;
}
.vector-menu-portal .vector-menu-content .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
color: var(--wiki-sidebar-link-color);
}
.vector-menu-portal .vector-menu-content .mw-list-item a:hover,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover {
color: var(--wiki-sidebar-link-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */
}
#t-newpage {
--sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E');
order: -1;
}
#t-upload {
--sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
order: -1;
}
#t-print {
--sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
order: -1;
}
#t-whatlinkshere {
--sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
order: -1;
}
#t-specialpages {
--sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
order: -1;
}
#t-cargopagevalueslink {
--sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
order: -1;
}
#feedlinks{
--sidebar-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg baseProfile='tiny' height='24px' id='Layer_1' version='1.2' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.002,15.999C4.895,15.999,3.998,16.896,4,18c0,1.104,0.896,2.001,2.002,1.999C7.105,20.001,8.002,19.105,8,18 C8.002,16.893,7.105,15.997,6.002,15.999z'/%3E%3Cpath d='M6,4C4.896,4,4,4.896,4,6s0.896,2,2,2c5.514,0,10,4.486,10,10c0,1.104,0.896,2,2,2s2-0.896,2-2C20,10.28,13.72,4,6,4z'/%3E%3Cpath d='M6,10c-1.104,0-2,0.896-2,2s0.896,2,2,2c2.205,0,4,1.794,4,4c0,1.104,0.896,2,2,2s2-0.896,2-2C14,13.589,10.411,10,6,10z'/%3E%3C/svg%3E");
order: -1;
}
#t-specialpages > a::before,
#t-whatlinkshere > a::before,
#t-print > a::before,
#t-newpage > a::before,
#t-upload > a::before,
#t-cargopagevalueslink > a::before,
#feedlinks > a::before {
content: '';
background-image: var(--sidebar-icon);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 1.25em;
height: 1.25em;
}
#p-tb .mw-list-item > a::before {
filter: var(--wiki-sidebar-icon-to-link-filter, var(--wiki-icon-to-link-filter));
}
#p-tb .mw-list-item > a {
display: flex;
align-items: center;
gap: 3px;
}
/*******************
* End left sidebar *
********************/
/*******
* Logo *
********/
/* [[File:Site-logo.png]] */
#p-logo {
width: var(--wiki-logo-box-width);
height: var(--wiki-logo-box-height);
position: absolute;
top: calc(-1 * ( (var(--wiki-navigation-height, 3rem) + var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) - var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height)) + var(--wiki-sidebar-offset, 0px)) * var(--wiki-is-top-logo, 0)
+ (var(--wiki-logo-box-height) + var(--wiki-logo-margin,15px)) * (1 - var(--wiki-is-top-logo, 0)) ));
left: calc((min((100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-right-spacing, 0px) - 18px), var(--wiki-page-content-max-width, 9999px)) - var(--wiki-logo-box-width)) / 2 * var(--wiki-is-top-logo, 0));
margin: 0;
filter: var(--wiki-logo-filter, none);
}
#p-logo a {
background-size: contain;
position: absolute;
top: var(--wiki-logo-offset-y, 0);
left: var(--wiki-logo-offset-x, 0);
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-image: var(--wiki-logo-image, url(filepath://Site-logo.png)); /* The canonical logo must be Site-logo.png. This variable is mainly used to provide different logo for different themes. */
}
/***********
* End logo *
************/
/***************
* Content area *
****************/
.content-wrapper {
max-width: var(--wiki-page-content-max-width, none);
margin-left: auto;
margin-right: auto;
}
.mw-body,
.parsoid-body {
color: var(--wiki-content-text-color);
background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent);
margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em));
margin-top: unset;
border-top: 0;
border-left: var(--wiki-content-border-width, 1px) solid transparent;
border-right: var(--wiki-content-border-width, 1px) solid transparent;
border-bottom: var(--wiki-content-border-bottom-width, 1px) solid transparent;
border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px)));
position: relative;
border-image: var(--wiki-content-border-image, none);
}
@supports not (color:color-mix(in srgb, #000, transparent)) {
.mw-body,
.parsoid-body {
background-color: var(--wiki-content-background-color);
}
}
/* apply backdrop-filter on .mw-body results in the creation of a containing block for absolute and fixed positioned descendants, so we have to move it to here */
.mw-body::before,
.parsoid-body::before{
content: '';
display: block;
backdrop-filter: var(--wiki-content-backdrop-filter, none);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); /* as .mw-body */
}
.mw-body::after,
.parsoid-body::after {
content: '';
display: block;
box-sizing: border-box;
position: absolute;
left: calc(-1 * var(--wiki-content-border-width, 1px));
right: calc(-1 * var(--wiki-content-border-width, 1px));
top: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)));
bottom: calc(-1 * var(--wiki-content-border-bottom-width, 1px));
pointer-events: none;
border-left: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
border-right: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color));
border-radius: 0 0 calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px)));
}
#mw-data-after-content {
max-width: calc(var(--wiki-page-content-max-width) - var(--wiki-sidebar-width) - var(--wiki-gap-between-sidebar-and-content));
margin-left: calc(var(--wiki-sidebar-width) + var(--wiki-gap-between-sidebar-and-content) + max(0px, 100% - var(--wiki-page-content-max-width)) / 2);
box-sizing: border-box;
color: var(--wiki-content-text-color);
background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent);
}
#mw-data-after-content .read-more-container {
border: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color);
border-top-width: 0;
border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color));
padding: 1em;
margin: 0;
}
#mw-data-after-content .read-more-container:empty {
display: none;
}
@media screen and (min-width: 982px) {
#mw-data-after-content .read-more-container {
padding: 1.25em 1.5em 1.5em 1.5em;
}
}
.mw-footer {
max-width: calc(var(--wiki-page-content-max-width, 9999px) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em));
box-sizing: border-box;
background-color: color-mix(in srgb, var(--wiki-footer-background-color, var(--wiki-content-background-color)) var(--wiki-footer-background-opacity, var(--wiki-content-background-opacity)), transparent);
border: var(--wiki-footer-border-width, 1px) var(--wiki-footer-border-style, solid) var(--wiki-footer-border-color, var(--wiki-content-border-color));
border-top-width: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-width, 1px)));
margin-top: var(--wiki-spacing-before-footer, 0px);
border-radius: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px));
margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em) + max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2);
color: var(--wiki-footer-text-color);
border-image: var(--wiki-footer-border-image, none);
backdrop-filter: var(--wiki-footer-backdrop-filter, none);
}
@supports not (color:color-mix(in srgb, #000, transparent)) {
.mw-footer {
background-color: var(--wiki-footer-background-color, var(--wiki-content-background-color));
}
}
.mw-footer li {
color: var(--wiki-footer-text-color);
}
.mw-footer a,
.mw-footer a:visited {
color: var(--wiki-footer-link-color);
}
.mw-footer a:hover,
.mw-footer a:visited:hover {
color: var(--wiki-footer-link-color--hover);
}
/* fix */
@media screen and (max-width: 900px) {
#footer-icons, #footer-places {
clear: unset;
}
}
/*******************************
* End content area and footer *
*******************************/
/***********
* Headings *
************/
.mw-body h1 {
border-bottom: var(--wiki-content-firstheading-border-bottom-width, var(--wiki-content-heading-border-bottom-width, 1px)) var(--wiki-content-firstheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-firstheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color)));
font-size: var(--wiki-content-firstheading-font-size, 1.8em);
font-family: var(--wiki-content-firstheading-font-family, var(--wiki-content-heading-font-family));
font-weight: var(--wiki-content-firstheading-font-weight, var(--wiki-content-heading-font-weight));
font-style: var(--wiki-content-firstheading-font-style, var(--wiki-content-heading-font-style));
text-transform: var(--wiki-content-firstheading-text-transform, var(--wiki-content-heading-text-transform));
line-height: var(--wiki-content-firstheading-line-height, var(--wiki-content-heading-line-height));
color: var(--wiki-content-firstheading-color, var(--wiki-content-heading-color));
text-shadow: var(--wiki-content-firstheading-text-shadow, var(--wiki-content-heading-text-shadow, none));
}
.mw-body h2 {
border-bottom: var(--wiki-content-heading-border-bottom-width, 1px) var(--wiki-content-heading-border-style, solid) var(--wiki-content-heading-border-color, var(--wiki-content-border-color));
font-size: var(--wiki-content-heading-h2-font-size, 1.5em);
font-family: var(--wiki-content-heading-font-family);
font-weight: var(--wiki-content-heading-font-weight, normal);
font-style: var(--wiki-content-heading-font-style, normal);
text-transform: var(--wiki-content-heading-text-transform, none);
line-height: var(--wiki-content-heading-line-height, normal);
color: var(--wiki-content-heading-color);
text-shadow: var(--wiki-content-heading-text-shadow, none);
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6{
border-bottom: var(--wiki-content-subheading-border-bottom-width, 0) var(--wiki-content-subheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-subheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color)));
font-family: var(--wiki-content-subheading-font-family, var(--wiki-body-font-family));
font-weight: var(--wiki-content-subheading-font-weight, bold);
font-style: var(--wiki-content-subheading-font-style, normal);
text-transform: var(--wiki-content-subheading-text-transform, none);
line-height: var(--wiki-content-subheading-line-height, var(--wiki-content-heading-line-height));
color: var(--wiki-content-subheading-color, var(--wiki-content-heading-color));
text-shadow: var(--wiki-content-subheading-text-shadow, var(--wiki-content-heading-text-shadow, none));
}
.mw-body h3{
font-size: var(--wiki-content-heading-h3-font-size, 1.2em);
}
.mw-body h4{
font-size: var(--wiki-content-heading-h4-font-size, 114%);
}
.mw-body h5{
font-size: var(--wiki-content-heading-h5-font-size, 108%);
}
.mw-body h6{
font-size: var(--wiki-content-heading-h6-font-size, 100%);
}
.mw-editsection-bracket,
.mw-editsection-divider {
color: var(--wiki-content-heading-color);
}
/***************
* End headings *
****************/
/*************
* Wikitables *
**************/
.wikitable {
background: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
.wikitable > tr > td,
.wikitable > * > tr > td {
border: 1px solid var(--wiki-content-border-color);
}
/* Forward = yes bg on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent);
}
.zebra-table > * > tr:nth-of-type(2n),
.zebra-table > tr:nth-of-type(2n) {
background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent);
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
.jquery-tablesorter th.headerSort {
background-image: unset;
position: relative;
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
.jquery-tablesorter th.headerSort::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 21px;
height: 100%;
--mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: auto;
mask-size: auto;
-webkit-mask-position: center right;
mask-position: center right;
background-color: var(--wiki-content-link-color);
}
.jquery-tablesorter th.headerSortUp::after {
--mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
}
.jquery-tablesorter th.headerSortDown::after {
--mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat;
}
/*****************
* End wikitables *
******************/
/**************
* Preferences *
***************/
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border: none;
}
.oo-ui-tabSelectWidget-framed {
background-color: transparent;
border-bottom: 1px solid var(--wiki-accent-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent);
color: var(--wiki-accent-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
color: var(--wiki-accent-color--hover);
}
.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(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom: none;
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
}
.oo-ui-pendingElement-pending {
background-color: var(--wiki-content-background-color--secondary);
background-image: linear-gradient(135deg, var(--wiki-content-background-color) 25%, transparent 25%, transparent 50%, var(--wiki-content-background-color) 50%, var(--wiki-content-background-color) 75%, transparent 75%, transparent);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color)
}
.view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E");
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
color: var(--wiki-content-text-mix-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: var(--wiki-content-dynamic-color);
border-color: var(--wiki-accent-color)
}
.oo-ui-dropdownInputWidget select option,
.oo-ui-dropdownInputWidget select optgroup {
color: #000;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-accent-color);
box-shadow: none;
}
.oo-ui-radioInputWidget [type="radio"] + span {
background-color: var(--wiki-content-dynamic-color--inverted);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span {
border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span {
border-color: var(--wiki-accent-color);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span {
background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before {
border-color: var(--wiki-content-dynamic-color--inverted);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span {
border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
color: var(--wiki-content-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: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
color: var(--wiki-accent-color);
}
.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
background: var(--wiki-content-background-color--secondary);
}
.mw-prefs-search-highlight {
background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important;
outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important;
}
/****************
* End preferences *
*****************/
/***************
* Page history *
****************/
#pagehistory li {
background-color: transparent;
border: none;
}
#pagehistory li.selected {
background-color: var(--wiki-content-background-color--secondary);
border: 1px dashed var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.diff td.diff-addedline {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-success-color);
border-width: 1px 1px 1px 4px;
}
.diff td.diff-addedline .diffchange {
background-color: var(--wiki-success-color);
color: var(--wiki-success-label-color);
}
.diff td.diff-deletedline {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-alert-color);
border-width: 1px 1px 1px 4px;
}
.diff td.diff-deletedline .diffchange {
background-color: var(--wiki-alert-color);
color: var(--wiki-alert-label-color)
}
.diff td.diff-context {
background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color));
border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
color: var(--wiki-content-text-color);
}
.diff-marker a.mw-diff-movedpara-right {
color: transparent;
}
.diff-marker a.mw-diff-movedpara-right:hover:after {
opacity: .75;
}
.diff-marker a.mw-diff-movedpara-right:after {
color: var(--wiki-content-text-color);
content: "\21a9";
}
.diff-marker a.mw-diff-movedpara-left {
color: transparent;
}
.diff-marker a.mw-diff-movedpara-left:hover:after {
opacity: .75;
}
.diff-marker a.mw-diff-movedpara-left:after {
color: var(--wiki-content-text-color);
content: "\21aa";
}
.mw-plusminus-neg {
color: var(--wiki-alert-color);
}
.mw-plusminus-null {
color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
}
.mw-plusminus-pos {
color: var(--wiki-success-color);
}
.updatedmarker {
background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent);
color: var(--wiki-content-text-color);
}
li span.deleted,
span.history-deleted {
color: var(--wiki-content-text-mix-color);
}
span.mw-history-suppressed {
/* overrides above, since suppressed is also deleted */
color: var(--wiki-content-text-color);
}
/* inline diff (1.41) */
.mw-diff-inline-header {
border-bottom: 1px solid var(--wiki-content-border-color);
}
.mw-diff-inline-added ins,
.mw-diff-inline-changed ins,
.mw-diff-inline-moved ins,
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins,
.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
color: var(--wiki-success-label-color);
display: inline-block;
}
.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-diff-inline-deleted.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
padding: 0.4em 0;
}
.mw-diff-inline-deleted del,
.mw-diff-inline-changed del,
.mw-diff-inline-moved del,
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del,
.mw-diff-inline-deleted.mw-diff-empty-line::after {
background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
color: var(--wiki-alert-label-color);
display: inline-block;
}
.mw-diff-movedpara-left::after,
.mw-diff-movedpara-right::after {
color: var(--wiki-content-text-color);
}
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
border-right-color: var(--wiki-content-border-color);
}
.ve-ui-diffElement-attributeChange {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-diffElement-attributeChange ins {
background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
color: var(--wiki-success-label-color);
}
.ve-ui-diffElement-attributeChange del {
background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
color: var(--wiki-alert-label-color);
}
.ve-ui-diffElement-highlight {
outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted {
background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
}
/* Edit conflict */
.mw-twocolconflict-split-tour-image-dual-column-view-1 {
filter: var(--wiki-icon-general-filter);
}
.mw-twocolconflict-split-tour-image-blue-dot {
filter: brightness(0) var(--wiki-icon-to-link-filter);
}
.mw-pulsating-dot::before, .mw-pulsating-dot::after {
background-color: var(--wiki-content-link-color);
}
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label {
background-color: var(--wiki-alert-color);
color: var(--wiki-alert-label-color);
}
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label,
.mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label {
background-color: var(--wiki-success-color);
color: var(--wiki-success-label-color);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-copy,
.mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */
background-color: var(--wiki-content-text-mix-color-95);
}
.mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade,
.mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade {
background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95));
}
.mw-twocolconflict-single-column,
.mw-twocolconflict-split-column {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-text-color);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected {
color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete {
border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete,
.mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
border-color: var(--wiki-alert-color);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add {
border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-add,
.mw-twocolconflict-split-column.mw-twocolconflict-split-add {
border-color: var(--wiki-success-color);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange,
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
background-color: var(--wiki-alert-color);
color: var(--wiki-alert-label-color);
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange,
.mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
background-color: var(--wiki-success-color);
color: var(--wiki-success-label-color);
}
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent);
background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent);
}
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent);
background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent);
}
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span,
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span {
border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent);
background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent);
}
.mw-twocolconflict-split-editable .mw-twocolconflict-split-editor {
color: var(--wiki-content-text-color);
}
/**/
/*******************
* End page history *
********************/
/********************
* Table of contents *
*********************/
#toc,
.toc,
.toccolours,
.mw-warning {
background: var(--wiki-content-toc-background, var(--wiki-content-background-color--secondary));
border-width: var(--wiki-content-toc-border-width, 1px);
border-style: var(--wiki-content-toc-border-style, solid);
border-color: var(--wiki-content-toc-border-color, var(--wiki-content-border-color));
border-radius: var(--wiki-content-toc-border-radius, 0px);
border-image: var(--wiki-content-toc-border-image, none);
box-shadow: var(--wiki-content-toc-box-shadow, none);
}
#mw-toc-heading {
border: 0;
}
.toctogglelabel {
color: var(--wiki-content-link-color);
}
.tocnumber {
color: var(--wiki-content-text-color);
}
/************************
* End table of contents *
*************************/
/*************
* Thumbnails *
**************/
img.thumbborder {
border: 1px solid var(--wiki-content-border-color);
padding: 5px;
}
div.thumbinner {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
li.gallerybox div.thumb {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
html .thumbimage {
background-color: unset;
border: 1px solid var(--wiki-content-border-color);
}
.thumb,
.thumb .thumbinner,
.thumb .thumbimage {
max-width: 100%;
box-sizing: border-box;
}
.thumb .thumbimage:not(audio) {
height: auto;
}
body.skin--responsive .mw-parser-output .thumb .thumbinner > .thumbcaption {
width: revert;
}
/* packed-overlay and packed-hover modes for galleries */
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent);
}
/* for non-thumbnail left floaters, increased margin from 0.5em to account for <ul> */
div.floatleft,
table.floatleft {
margin-right: 1.4em;
}
/* Responsive floating thumbnails */
@media screen and (max-width: 720px) {
div.tright,
div.floatright,
div.tleft,
div.floatleft {
float: none;
margin: 0 auto;
width: fit-content;
}
}
/*****************
* End thumbnails *
******************/
/**************
* Wiki editor *
***************/
#wpTextbox0 {
/* need !important here to override inline styling */
background-color: var(--wiki-content-background-color) !important;
}
.wikiEditor-ui {
border: none;
}
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
border-color: var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar {
background: var(--wiki-content-background-color--secondary);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
color: var(--wiki-content-link-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--wiki-content-text-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--wiki-content-background-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
filter: var(--wiki-icon-general-filter);
}
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
color: var(--wiki-content-text-color);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: var(--wiki-content-background-color--secondary);
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .booklet .pages,
.wikiEditor-ui-toolbar .booklet .index .current,
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid var(--wiki-content-border-color);
}
.wikiEditor-ui-tabs div a {
background: #9A647F;
display: inline-block;
}
.wikiEditor-ui-tabs div.current {
border-bottom: 1px solid #3B3352;
}
.wikiEditor-ui-tabs div.current a {
font-weight: bold;
}
.wikiEditor-ui-tabs {
border-left: 1px solid #3B3352;
border-top: 1px solid #3B3352;
}
.wikiEditor-ui-text {
background-color: var(--wiki-content-dynamic-color--inverted);
}
.wikiEditor-preview-contents {
background: transparent;
background-color: rgba(255, 255, 255, 0.2);
border-color: #3B3352;
border-style: solid;
border-width: 0 1px 1px;
}
.wikiEditor-ui-controls {
background: transparent;
}
.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
background-color: transparent;
}
.mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget,
.mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
color: var(--wiki-content-text-mix-color);
}
.wikiEditor-toolbar-dialog {
max-width: 100%;
box-sizing: border-box;
}
.wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder {
color: var(--wiki-content-text-mix-color);
}
.ext-WikiEditor-ResizingDragBar {
background-color: var(--wiki-content-background-color--secondary);
}
.ext-WikiEditor-ResizingDragBar-ns {
border-color: var(--wiki-content-border-color);
}
.ext-WikiEditor-ResizingDragBar span {
background-color: var(--wiki-content-border-color);
}
.ext-WikiEditor-ResizingDragBar:hover span {
background-color: var(--wiki-content-text-mix-color);
}
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
border-color: var(--wiki-content-border-color);
}
/* creates a warning message about previewing sidebar edits */
.page-MediaWiki_Sidebar .wikiEditor-ui-bottom:has(.ext-WikiEditor-twopanes-TwoPaneLayout)::before {
content:"Warning: Sidebar previews are not accurate. Please save to see your changes!";
background:var(--wiki-alert-color);
display:block;
text-align:center;
color:var(--wiki-alert-label-color);
}
.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: var(--wiki-accent-color);
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--wiki-content-border-color);
}
.ext-WikiEditor-realtimepreview-button:hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 3px var(--wiki-accent-color);
}
.ext-WikiEditor-realtimepreview-ErrorLayout {
background-color: var(--wiki-content-background-color);
}
.ext-WikiEditor-image-realtimepreview-error {
filter: var(--wiki-icon-general-filter);
}
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
background-color: var(--wiki-content-background-color--secondary);
}
.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--wiki-content-background-color);
}
.editOptions {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
border-image: none;
border-radius: 0 0 5px 5px;
border-style: none solid solid;
border-width: medium 1px 1px;
}
input#wpSummary {
margin-bottom: 1em;
margin-top: 1em;
width: 80%;
}
.view-dark .ace_editor,
.ace_editor {
--ace-keywords: #CDA869;
--ace-regexp: #E9C062;
--ace-constants: #CF6A4C;
--ace-illegal: #F8F8F8;
--ace-deprecated: #D2A8A1;
--ace-support: #9B859D;
--ace-function: #DAD085;
--ace-list: #F9EE98;
--ace-variable: #7587A6;
--ace-string: #8F9D6A;
--ace-illegal-highlight: rgba(86, 45, 86, 0.75);
--ace-step-highlight: #665200;
--ace-multiselect-shadow: #141414;
}
.view-light .ace_editor {
--ace-keywords: #00f;
--ace-regexp: #036a07;
--ace-constants: #c5060b;
--ace-illegal: #f00;
--ace-deprecated: #f00;
--ace-support: #6d79de;
--ace-function: #3c4c72;
--ace-list: #b90690;
--ace-variable: #318495;
--ace-string: #036a07;
--ace-illegal-highlight: rgba(255, 0, 0, 0.1);
--ace-step-highlight: #fcff00;
--ace-multiselect-shadow: #fff;
}
.ace_editor .ace_gutter {
background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent);
}
.ace_gutter-cell {
color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent);
}
.ace_editor .ace_print-margin {
width: 1px;
background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent);
}
.ace_editor {
/* this image gradient hack effectively lets the element have 2 layers of background */
background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent);
color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent);
}
.ace_editor .ace_cursor,
.ace-monokai .ace_punctuation,
.ace-monokai .ace_punctuation.ace_tag {
color: var(--wiki-content-text-color);
}
.ace_editor .ace_marker-layer .ace_selection {
background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent)
}
.ace_editor.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}
.ace_editor .ace_marker-layer .ace_step {
background: var(--ace-step-highlight);
}
.ace_editor .ace_marker-layer .ace_active-line,
.ace_editor .ace_gutter-active-line {
background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent)
}
.ace-tm .ace_marker-layer .ace_selected-word {
background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
}
.ace_editor .ace_marker-layer .ace_selection {
background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
}
.ace_editor .ace_marker-layer .ace_selected-word {
border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
}
.ace_editor .ace_invisible {
color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent);
}
.ace_editor .ace_keyword,
.ace_editor .ace_meta {
color: var(--ace-keywords);
}
.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
color: var(--ace-constants);
}
.ace_editor .ace_invalid.ace_illegal {
color: var(--ace-illegal);
background-color: var(--ace-illegal-highlight);
}
.ace_editor .ace_invalid.ace_deprecated {
text-decoration: underline;
font-style: italic;
color: var(--ace-deprecated);
}
.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
color: var(--ace-support);
}
.ace_editor .ace_fold {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
}
.ace_editor .ace_support.ace_function {
color: var(--ace-function);
}
.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
color: var(--ace-list);
}
.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
color: var(--ace-variable);
}
.ace_editor .ace_string {
color: var(--ace-string);
}
.ace_editor .ace_string.ace_regexp {
color: var(--ace-regexp);
}
.ace_editor .ace_comment {
font-style: italic;
color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent);
}
.ace_editor .ace_xml-pe {
color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent);
}
.ace_editor .ace_indent-guide {
background: none;
box-shadow: 1px 0 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
}
.ace_search {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border: 1px solid var(--wiki-content-border-color);
}
.ace_search_field {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-mix-color);
}
.ace_button {
color: var(--wiki-content-text-color);
border: 1px solid var(--wiki-content-border-color);
}
.ace_button:hover {
background-color: var(--wiki-accent-color--hover);
color: var(--wiki-accent-label-color);
}
.ace_button.checked {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.ace_searchbtn {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
border: 1px solid var(--wiki-content-border-color);
}
.ace_searchbtn:hover {
background-color: var(--wiki-accent-color--hover);
color: var(--wiki-accent-label-color);
}
.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
border-color: var(--wiki-accent-label-color);
}
.ace_searchbtn_close {
filter: var(--wiki-icon-general-filter);
}
.wikiEditor-ui .codeEditor-status {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.mw-editform #wpTextbox1 {
background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent);
color: var(--wiki-content-text-color);
}
.view-dark .ext-codemirror-wrapper,
.ext-codemirror-wrapper {
--codemirror-yellow: #ffd700;
--codemirror-light-blue: #adf;
--codemirror-blue: #08f;
--codemirror-green: #290;
--codemirror-red: #f50;
--codemirror-dark-red: #dd1616;
--codemirror-purple: #CD4EF9;
--codemirror-pink: #e0e;
--codemirror-light-gray: #eee;
--codemirror-gray: #84a0a0;
}
.view-light .ext-codemirror-wrapper {
--codemirror-yellow: #9e8500;
--codemirror-light-blue: #008ae7;
--codemirror-blue: #0085f9;
--codemirror-green: #290;
--codemirror-red: #ef4f00;
--codemirror-dark-red: #a11;
--codemirror-purple: #80c;
--codemirror-pink: #ed00ed;
--codemirror-light-gray: #858585;
--codemirror-gray: #6b8a8a;
}
.ext-codemirror-wrapper {
background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent);
color: var(--wiki-content-text-color)
}
.cm-editor .cm-selectionBackground,
.cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent);
}
.cm-mw-keyword {
color: var(--codemirror-purple)
}
.cm-mw-def {
color: var(--codemirror-blue)
}
.cm-mw-variable-2 {
color: var(--codemirror-light-blue)
}
.cm-mw-string {
color: var(--codemirror-red)
}
.cm-mw-atom {
color: var(--codemirror-pink)
}
.cm-mw-number {
color: var(--codemirror-green)
}
.cm-mw-matching {
background-color: var(--codemirror-yellow)
}
.cm-mw-skipformatting {
background-color: var(--codemirror-light-blue)
}
.cm-mw-list {
color: var(--codemirror-blue)
}
.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
background-color: var(--wiki-content-background-color--secondary);
color: var(--codemirror-blue)
}
.cm-mw-indenting {
color: var(--codemirror-blue)
}
.cm-mw-mnemonic {
color: var(--codemirror-green)
}
.cm-mw-comment {
color: var(--codemirror-gray)
}
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
color: var(--codemirror-blue)
}
.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
color: var(--codemirror-purple);
}
.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
color: var(--codemirror-red)
}
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
color: var(--codemirror-dark-red)
}
.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
color: var(--codemirror-green)
}
.cm-mw-link,
.cm-mw-link-pagename {
color: var(--wiki-content-link-color)
}
.cm-mw-link-tosection {
color: var(--codemirror-blue)
}
.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
color: var(--wiki-content-link-color)
}
.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
color: var(--codemirror-pink)
}
.cm-mw-matchingbracket {
background-color: var(--wiki-content-background-color--secondary);
box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
font-weight: bold;
}
.cm-editor .cm-tooltip-autocomplete ul li[aria-selected] {
background: color-mix(in srgb, var(--wiki-content-link-color) 15%, var(--wiki-content-background-color));
color: var(--wiki-content-link-color);
}
/* VisualEditor: Fix broken toolbar layout */
.oo-ui-toolbar {
clear: none;
display: flex; /* fix overflow issue at narrow widths */
}
.ve-ui-toolbar > .oo-ui-toolbar-bar{
width: 100%; /* fix overflow issue at narrow widths */
}
.ve-ui-toolbar.ve-ui-toolbar-floating > .oo-ui-toolbar-bar{
width: auto; /* fix overflow issue at narrow widths */
}
.ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) {
display: none;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
top: var(--wikigg-header-scroll-height);
}
.oo-ui-toolbar-bar .oo-ui-toolbar-bar,
.ve-area-wrapper .oo-ui-toolbar-bar {
background-color: var(--wiki-content-background-color--secondary);
}
.ve-init-mw-desktopArticleTarget-originalContent .content-body {
clear: right;
}
/* fix a lot of empty space from TemplateData when using VE Source */
.tdg-editscreen-main.mw-body-content::after {
display: none;
}
/*************
* End editor *
**************/
/****************
* Tabber styles *
*****************/
.tabber__header {
box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color);
}
.tabber__tab,
.tabber__tab:visited {
color: var(--wiki-content-text-color);
}
.tabber__tab:hover,
.tabber__tab:hover:visited,
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited {
color: var(--wiki-content-link-color);
}
.tabber__tab[aria-selected="true"] {
box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset;
}
.tabber__header__prev::after,
.tabber__header__next::after {
filter: var(--wiki-icon-general-filter);
}
/********************
* End Tabber styles *
*********************/
/***************************************
* Various fixes for multi-theme Vector *
****************************************/
:focus,
:focus-visible {
outline-color: var(--wiki-accent-color)
}
:focus-visible {
outline-style: solid;
}
.oo-ui-iconElement-icon {
filter: var(--wiki-icon-to-link-filter);
}
.oo-ui-iconElement-icon.oo-ui-icon-reload {
filter: brightness(0) var(--wiki-icon-to-link-filter);
}
fieldset {
border-color: var(--wiki-content-border-color);
}
hr {
background-color: var(--wiki-content-border-color);
}
.CategoryTreeToggle {
color: var(--wiki-content-link-color);
}
input,
select {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
input:hover,
input:focus,
input:active {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-accent-color);
box-shadow: none;
}
input:focus-visible {
outline: 1px solid var(--wiki-accent-color);
}
input::file-selector-button,
input[type="button"],
input[type="submit"] {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.vector-body blockquote {
border-color: var(--wiki-content-border-color);
}
/* category bar and filetoc */
.catlinks{
background: var(--wiki-content-catlinks-background, var(--wiki-content-background-color--secondary));
border-width: var(--wiki-content-catlinks-border-width, 1px);
border-style: var(--wiki-content-catlinks-border-style, solid);
border-color: var(--wiki-content-catlinks-border-color, var(--wiki-content-border-color));
border-radius: var(--wiki-content-catlinks-border-radius, 0px);
border-image: var(--wiki-content-catlinks-border-image, none);
box-shadow: var(--wiki-content-catlinks-box-shadow, none);
}
ul#filetoc {
background: var(--wiki-content-filetoc-background, var(--wiki-content-background-color--secondary));
border-width: var(--wiki-content-filetoc-border-width, 1px);
border-style: var(--wiki-content-filetoc-border-style, solid);
border-color: var(--wiki-content-filetoc-border-color, var(--wiki-content-border-color));
border-radius: var(--wiki-content-filetoc-border-radius, 0px);
border-image: var(--wiki-content-filetoc-border-image, none);
box-shadow: var(--wiki-content-filetoc-box-shadow, none);
}
/**/
body .ui-dialog .ui-widget-header {
/* we need an important here because the built-in styles have one :( */
background: var(--wiki-content-background-color) !important;
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
filter: var(--wiki-icon-general-filter);
}
.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
.ui-widget-content {
background: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border: 1px solid var(--wiki-content-border-color);
}
body .ui-button {
/* we need an important here because the built-in styles have one. Vector is a mess */
background: var(--wiki-accent-color) !important;
border-color: var(--wiki-accent-color) !important;
color: var(--wiki-accent-label-color);
}
body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
/* we need an important here because we had to use some above */
background: var(--wiki-accent-color--hover) !important;
border-color: var(--wiki-accent-color--hover) !important;
color: var(--wiki-accent-label-color);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: var(--wiki-accent-label-color);
}
.ui-state-focus {
/* we need an important here because the built-in styles have one */
background: var(--wiki-accent-color) !important;
color: var(--wiki-accent-label-color) !important;
}
.ui-menu .ui-menu-item a {
color: var(--wiki-content-dynamic-color);
}
#contentSub,
#contentSub2 {
color: var(--wiki-content-text-mix-color);
}
#contentSub2:empty {
display: none;
}
/* notifications ("your edit was saved", etc.) */
.mw-notification {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
top: var(--wikigg-header-scroll-height);
}
.mw-notification .oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.mw-notification .oo-ui-iconElement-icon {
filter: unset;
}
/**/
.mime-type.has-warning {
color: var(--wiki-content-text-color);
}
.oo-ui-image-warning.oo-ui-icon-alert,
.mw-ui-icon-alert-warning::before {
filter: drop-shadow(0 0 3px #000);
}
.oo-ui-image-invert.oo-ui-icon-subtract,
.mw-ui-icon-subtract-invert::before,
.oo-ui-image-invert.oo-ui-icon-add,
.mw-ui-icon-add-invert::before {
filter: brightness(0) var(--wiki-icon-to-link-filter);
filter: var(--wiki-icon-general-filter);
}
.mw_metadata td,
.mw_metadata th {
border-color: var(--wiki-content-border-color);
}
.mw_metadata th {
background-color: var(--wiki-content-background-color--secondary);
}
.mw_metadata td {
background-color: var(--wiki-content-background-color);
}
.mw-datatable td,
.mw-datatable th {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover > td {
background-color: var(--wiki-content-background-color--secondary);
}
#mw-allmessagestable .am_default {
background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent);
color: var(--wiki-accent-label-color);
}
#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent);
}
#mw-allmessagestable .am_actual {
color: var(--wiki-accent-label-color);
}
#mw-allmessagestable tbody:hover .am_actual {
background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.mw-datatable,
.mw-json {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
color: inherit;
}
.mw-datatable > * > tr > th,
.mw-datatable > tr > th,
.mw-json > * > tr > th,
.mw-json > tr > th {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
padding-bottom: 9px;
padding-top: 9px;
}
.mw-datatable > * > tr > td,
.mw-datatable > tr > td,
.mw-json > * > tr > td,
.mw-json > tr > td {
border-color: var(--wiki-content-border-color);
}
.mw-json tr {
background-color: inherit;
}
.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent);
}
.mw-json .mw-json-empty {
background: var(--wiki-content-background-color--secondary);
}
.mw-message-box,
.mw-message-box-warning {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
}
.mw-message-box-warning {
border-color: var(--wiki-warning-color);
border-width: 1px 1px 1px 10px;
}
.mw-destfile-warning {
border-color: var(--wiki-warning-color);
color: var(--wiki-content-text-color);
background-color: color-mix(in srgb, var(--wiki-warning-color) 25%, transparent);
}
.wikitable *,
.wikitable :after,
.wikitable :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.cargo-pagevalues-tableinfo {
background-color: var(--wiki-content-background-color);
border-bottom: 1px solid var(--wiki-content-border-color);
top: 46px;
position: static;
/* override sticky in the built-in */
}
.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
fill: var(--wiki-content-background-color--secondary);
fill-opacity: 1;
}
.cargo-table-diagram .cargo-table-svg .node rect {
stroke: var(--wiki-content-border-color);
opacity: 1;
}
.cargo-table-diagram .cargo-table-svg .node text tspan {
fill: var(--wiki-content-text-color);
}
table.cargoTable {
color: var(--wiki-content-text-color);
}
table.cargoTable tbody td,
table.cargoTable thead th {
border: 1px solid var(--wiki-content-border-color);
}
table.cargoTable tr:hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent);
}
table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
background-color: var(--wiki-accent-color);
}
table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
background-color: var(--wiki-content-background-color);
}
table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
background-color: var(--wiki-content-background-color--secondary);
}
table.cargoTable th.headerSort {
color: var(--wiki-accent-label-color);
}
table.cargoTable th.headerSort:hover {
color: var(--wiki-accent-label-color);
text-decoration: underline;
}
table.cargoTable th.headerSort::after {
background-color: var(--wiki-accent-link-color);
}
#mw-content-text div.cargoReplacementTableInfo {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: var(--wiki-content-text-color);
}
table.dataTable tbody tr {
background-color: var(--wiki-content-background-color);
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent);
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent);
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
background-color: var(--wiki-content-background-color--secondary);
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
border-top: 1px solid var(--wiki-content-border-color);
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
/* we need this !important to override a built-in one */
color: var(--wiki-content-text-mix-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
/* we need this !important to override a built-in one */
color: var(--wiki-content-text-color) !important;
border: 1px solid var(--wiki-content-border-color);
background-color: var(--wiki-content-background-color);
background: linear-gradient(to bottom, var(--wiki-content-background-color) 0%, var(--wiki-content-background-color--secondary) 100%);
}
div.drilldown-filters-wrapper {
background-color: transparent;
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.action-pagevalues tr:nth-of-type(2n) {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
}
.action-pagevalues tr:hover {
background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent));
}
div.specialCargoQuery-extraPane {
background: var(--wiki-content-background-color);
}
.oo-ui-panelLayout-framed {
border-color: var(--wiki-content-border-color);
}
.oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
background-image: none;
}
.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
content: '';
pointer-events: none;
filter: var(--wiki-icon-general-filter);
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
filter: unset;
background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent);
}
.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
background-color: var(--wiki-content-text-mix-color);
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span {
border-color: var(--wiki-accent-color);
filter: unset;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: var(--wiki-accent-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
box-shadow: none;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
outline: 1px solid transparent;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
border-color: var(--wiki-accent-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent)
}
.oo-ui-image-invert.oo-ui-icon-check {
background: none;
position: relative;
}
.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k);
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
content: '';
pointer-events: none;
filter: var(--wiki-icon-general-filter);
}
.oo-ui-indicatorElement-indicator {
filter: var(--wiki-icon-to-link-filter);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-disabled {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-mix-color);
border-color: var(--wiki-content-text-mix-color);
}
.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
border-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
color: var(--wiki-content-text-color);
padding: 8px 6px;
-webkit-transition: color .3s, background-color .3s;
transition: color .3s, background-color .3s;
}
.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
color: var(--wiki-accent-color);
}
.mw-rcfilters-ui-savedLinksListItemWidget-label {
color: var(--wiki-accent-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: transparent;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--wiki-content-border-color);
padding: 0;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: var(--wiki-content-link-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label:hover {
color: var(--wiki-content-link-color--hover);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
content: "[";
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
content: "]";
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background-color: var(--wiki-content-dynamic-color--inverted);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--wiki-content-background-color);
}
.oo-ui-menuSelectWidget {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-text-mix-color);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background-color: var(--wiki-content-background-color);
border-bottom-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom-color: var(--wiki-content-text-mix-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
border-color: var(--wiki-accent-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent)
}
.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
border-color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: transparent;
color: var(--wiki-content-text-color);
border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected {
background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
border-color: var(--wiki-accent-color);
}
.mw-rcfilters-ui-datePopupWidget {
border-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
}
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
@keyframes fadeBlue {
60% {
border-top-color: var(--wiki-accent-color);
}
100% {
border-top-color: var(--wiki-content-border-color);
}
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-top-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--wiki-content-text-mix-color-95);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent);
}
.oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
filter: unset;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
border-color: var(--wiki-accent-color);
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent);
}
.mw-rcfilters-ui-tagItemWidget-popup-content {
color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent);
}
/* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */
.mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow {
outline: none;
}
.mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow {
outline: 1px solid var(--wiki-accent-color);
}
/**/
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--wiki-content-border-color);
}
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--wiki-content-background-color--secondary);
}
.unpatrolled {
color: var(--wiki-alert-color);
}
.autocomment, .autocomment a, .autocomment a:visited {
color: var(--wiki-content-text-mix-color);
}
/* Recent changes filter highlighting */
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #1c283f;
}
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #0f3128;
}
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #352c10;
}
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #411d0c;
}
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
background-color: #3f0f0f;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: transparent;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
-webkit-transition: border-color 300ms, box-shadow 300ms;
transition: border-color 300ms, box-shadow 300ms;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
outline: 0
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wiki-accent-color)
}
.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: var(--wiki-alert-color)
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: var(--wiki-content-background-color--secondary);
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
border-radius: 0;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--wiki-alert-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
color: var(--wiki-alert-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
opacity: 0.5;
}
.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input {
color: var(--wiki-content-text-color);
}
.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
color: inherit;
background: transparent;
font-family: inherit;
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background: var(--wiki-content-text-mix-color-95);
color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent);
text-shadow: none;
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-dropdownInputWidget select {
border-color: var(--wiki-content-border-color);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-toggleSwitchWidget {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
border-color: #0006;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color));
border-color: #0006;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--wiki-accent-label-color);
border-color: #0006;
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
border-color: var(--wiki-accent-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color--hover);
}
.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(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color--hover);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover);
}
.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(--wiki-accent-label-color);
border-color: var(--wiki-accent-label-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-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(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color--hover);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: var(--wiki-accent-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
border-color: var(--wiki-accent-label-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--wiki-content-text-mix-color-95);
border-color: var(--wiki-content-text-mix-color-95);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
border-color: var(--wiki-content-dynamic-color--inverted);
box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-link-color);
}
.oo-ui-labelWidget.oo-ui-inline-help {
color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
}
.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-accent-color);
box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent);
}
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
background-color: var(--wiki-accent-color);
}
.oo-ui-bookletLayout-outlinePanel {
padding: 7px 0;
}
.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-messageDialog-content > .oo-ui-window-head,
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline-color: var(--wiki-content-border-color);
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: var(--wiki-content-border-color);
}
.oo-ui-messageDialog-title {
color: var(--wiki-content-heading-color);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
background-color: var(--wiki-content-background-color);
border-right-color: var(--wiki-content-border-color);
}
.oo-ui-processDialog-errors {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 90%, transparent);
}
/* OAuth authorisation dialog */
#mw-mwoauth-authorize-form {
color: inherit;
}
.oo-ui-toolbar-bar,
.oo-ui-popupToolGroup-tools,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
}
.oo-ui-popupToolGroup-tools {
max-width: 100%;
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
border-right-color: var(--wiki-content-border-color);
}
.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-link-color);
}
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
/* we remove the transition here because it causes the hard-coded color to flash briefly */
transition: none;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
color: var(--wiki-accent-color);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--wiki-accent-color);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
box-shadow: inset 0 0 0 2px var(--wiki-accent-color);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus,
.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
outline: 1px solid var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-menuToolGroup,
.oo-ui-popupToolGroup-tools {
border-color: var(--wiki-content-border-color);
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--wiki-content-border-color);
box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent);
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background-color: var(--wiki-content-text-mix-color);
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--wiki-accent-color--hover);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--wiki-alert-color);
}
.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button {
border: 1px solid transparent;
}
.oo-ui-buttonElement-frameless > button.oo-ui-buttonElement-button {
color: inherit;
}
.oo-ui-buttonElement-framed.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-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color--hover);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
background-color: #bf0017;
border-color: #bf0017;
color: #fff;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: #59000b;
border-color: #59000b;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color--hover);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: var(--wiki-accent-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent);
border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: transparent;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: var(--wiki-content-dynamic-color--inverted);
}
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
border-color: var(--wiki-accent-color--hover);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color);
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-popupWidget-popup {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.mw-advancedSearch-namespace-selection {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
.oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-menuSectionOptionWidget {
color: var(--wiki-content-text-mix-color);
}
/* possibly deprecated */
.mw-ui-button:not(:disabled) {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
color: var(--wiki-accent-color);
border-color: var(--wiki-content-border-color);
}
.mw-ui-button:not(:disabled):visited {
color: var(--wiki-accent-color);
}
.mw-ui-button:not(:disabled):hover {
background-color: var(--wiki-content-text-mix-color-95);
border-color: var(--wiki-content-border-color);
color: var(--wiki-accent-color--hover);
}
.mw-ui-button:not(:disabled):focus {
border-color: var(--wiki-accent-color);
color: var(--wiki-content-text-color);
box-shadow: none;
}
.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-dynamic-color);
border-color: var(--wiki-content-link-color);
}
/* end possibly deprecated */
.mw-ui-icon-before::before {
filter: var(--wiki-icon-to-link-filter);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent);
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border-color: var(--wiki-content-border-color);
}
.oo-ui-messageDialog-message {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
color: var(--wiki-content-text-mix-color-95);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--wiki-accent-color);
border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: var(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 3px var(--wiki-accent-color);
}
.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 {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-link-color--hover);
border-color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
background-color: var(--wiki-content-text-mix-color);
border-color: var(--wiki-content-text-mix-color);
}
.tdg-templateDataParamWidget-param-description {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),
.mw-body-content .error {
color: var(--wiki-alert-color);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-alert-color);
border-left-width: 10px;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-success-color);
border-left-width: 10px;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-text-mix-color);
}
.tdg-templateDataParamWidget-param-alias {
color: var(--wiki-content-text-mix-color);
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-templatedata-doc-muted {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active {
background-color: var(--wiki-content-background-color--secondary);
border-right-color: var(--wiki-accent-color);
}
/* Date picker */
.mw-widget-dateInputWidget-handle {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--wiki-accent-color);
box-shadow: none;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.mw-widget-calendarWidget {
border-color: var(--wiki-content-border-color);
}
.mw-widget-calendarWidget:focus {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.mw-widget-dateInputWidget-calendar {
background-color: var(--wiki-content-background-color);
}
.mw-widget-dateInputWidget-calendar:focus {
box-shadow: inset 0 0 0 1px var(--wiki-accent-color), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.mw-widget-calendarWidget-header .oo-ui-labelElement-label,
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-month,
.mw-widget-calendarWidget-year {
color: var(--wiki-content-text-color);
}
.mw-widget-calendarWidget-day-heading,
.mw-widget-calendarWidget-day-additional {
color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent);
}
.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.mw-widget-calendarWidget-item-selected {
background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent);
color: var(--wiki-accent-label-color);
}
.mw-widget-calendarWidget-item:hover {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.mw-widgets-datetime-calendarWidget:focus {
border-color: var(--wiki-content-border-color);
box-shadow: none;
}
.mw-widgets-datetime-calendarWidget-grid {
overflow-x: initial;
}
.mw-widgets-datetime-dateTimeInputWidget-handle {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
border-color: var(--wiki-content-border-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background-color: var(--wiki-content-background-color);
}
.mw-widgets-datetime-calendarWidget {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-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: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent);
}
/* Unpatrolled page creations on Special:NewPages */
.not-patrolled {
background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent);
}
.mw-spinner-container > div::after {
background-color: var(--wiki-content-text-color);
}
code {
/* prevents long code blocks from overflowing on mobile */
white-space: pre-wrap;
word-break: break-word; /* fallback for older browsers */
overflow-wrap: anywhere;
}
pre,
code,
.mw-code {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.mw-templatedata-doc-param-alias {
color: var(--wiki-content-text-mix-color);
}
.mw-highlight{
overflow: unset !important;
}
.mw-highlight pre{
overflow: auto;
}
div.mw-highlight,
.skin-theme-clientpref-night div.mw-highlight {
background-color: var(--wiki-content-dynamic-color--inverted);
margin: 0.5em 0;
}
.mw-highlight pre {
background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
margin: 0;
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
padding-left: 3.5em;
box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
}
.mw-highlight .hll {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)
}
.mw-apisandbox-toolbar {
background: var(--wiki-content-background-color--secondary);
top: var(--wikigg-header-scroll-height);
}
/* special:replacetext */
.ext-replacetext-searchoptions {
background-color: transparent;
border: 1px solid var(--wiki-content-border-color);
}
.ext-replacetext-searchoptions .ext-replacetext-divider {
border-bottom: 1px solid var(--wiki-content-border-color);
}
/**/
.view-dark textarea {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.view-dark textarea:focus-visible {
outline-color: var(--wiki-accent-color);
outline-style: solid;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid var(--wiki-accent-color);
}
/* make math formulas legible on dark theme */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display,
.ve-ui-mwLatexPage-symbol {
filter: var(--wiki-icon-general-filter);
}
/* search bar */
#searchInput {
font-size: inherit; /* override UA style */
background-color: var(--wiki-navigation-search-background-color, var(--wiki-content-background-color--secondary));
background-image: var(--wiki-navigation-search-background-image, none);
background-position: var(--wiki-navigation-search-background-position, 0);
background-size: var(--wiki-navigation-search-background-size, auto);
background-repeat: var(--wiki-navigation-search-background-repeat, repeat);
border: var(--wiki-navigation-search-border-width, 1px) var(--wiki-navigation-search-border-style, solid) var(--wiki-navigation-search-border-color, var(--wiki-content-border-color));
border-radius: var(--wiki-navigation-search-border-radius, 2px);
color: var(--wiki-navigation-search-text-color, var(--wiki-content-text-color));
backdrop-filter: var(--wiki-navigation-search-backdrop-filter, none);
box-shadow: var(--wiki-navigation-search-box-shadow, none);
border-image: var(--wiki-navigation-search-border-image, none);
}
#searchInput:focus,
#searchform:hover #searchInput,
#searchform:hover #searchInput:focus {
border-color: var(--wiki-navigation-search-border-color--hover, var(--wiki-accent-color));
box-shadow: var(--wiki-navigation-search-box-shadow--hover, var(--wiki-navigation-search-box-shadow, none));
border-image: var(--wiki-navigation-search-border-image--hover, var(--wiki-navigation-search-border-image, none));
}
#searchButton {
filter: var(--wiki-icon-to-link-filter);
}
.vector-search-box-input::placeholder {
color: var(--wiki-content-text-mix-color);
}
/* Search suggestions */
.suggestions-results,
.suggestions-special {
background-color: var(--wiki-content-background-color--secondary);
}
.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(--wiki-content-text-color);
}
.suggestions-result {
color: var(--wiki-content-link-color);
}
.suggestions-result-current {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.suggestions-special .special-label {
color: var(--wiki-content-text-mix-color);
}
.suggestions-special .special-query {
color: var(--wiki-content-text-color);
}
.suggestions-special.suggestions-result-current .special-label,
.suggestions-special.suggestions-result-current .special-query {
color: var(--wiki-accent-label-color);
}
/* search page */
fieldset#mw-searchoptions {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
border-color: var(--wiki-content-border-color);
}
#mw-searchoptions .divider {
border-color: var(--wiki-content-border-color);
}
.mw-search-profile-tabs {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent);
border: 1px solid var(--wiki-content-border-color);
margin-top: 1em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: var(--wiki-content-text-color);
}
.results-info,
.mw-search-result-data {
color: var(--wiki-content-text-mix-color);
}
/**/
/* Login/register page */
.mw-number-text {
color: var(--wiki-content-text-mix-color);
}
.mw-body-content .mw-number-text h3 {
color: var(--wiki-content-heading-color);
}
.mw-number-text.icon-edits,
.mw-number-text.icon-pages,
.mw-number-text.icon-contributors {
position: relative;
background: none;
}
.mw-number-text.icon-edits::before,
.mw-number-text.icon-pages::before,
.mw-number-text.icon-contributors::before {
position: absolute;
width: 95px;
height: 100%;
left: 0;
top: 0;
content: '';
filter: brightness(0) var(--wiki-icon-general-filter);
}
.mw-number-text.icon-edits::before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
}
.mw-number-text.icon-pages::before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
}
.mw-number-text.icon-contributors::before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
}
/**/
/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.mw-mmv-ttf-container .mw-mmv-ttf-ellipsis {
box-shadow: -4px 6px 0 0 var(--wiki-content-background-color);
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {
background-color: var(--wiki-content-background-color);
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis::before {
background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%);
}
.mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover {
background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
}
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: var(--wiki-accent-color--hover);
}
.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
border: 2px solid var(--wiki-content-border-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.mw-ui-button.mw-ui-progressive {
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}
/* possibly deprecated */
.mw-ui-input:not(:disabled) {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.mw-ui-input:not(:disabled):hover,
.mw-ui-input:not(:disabled):focus {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-accent-color);
box-shadow: none;
}
.mw-ui-input::placeholder {
color: var(--wiki-content-text-mix-color);
}
/* end possibly deprecated */
.mw-mmv-dialog {
background-color: var(--wiki-content-background-color);
box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
background-color: var(--wiki-content-background-color);
}
.mw-mmv-options-dialog-header {
color: var(--wiki-content-text-color);
}
.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
color: var(--wiki-content-text-mix-color);
}
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu {
background-image: none;
}
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span {
display: none;
}
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after {
display: inline-block;
width: 8px;
height: 100%;
content: '';
--mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat;
--mask-size: 12px;
--mask-position: center;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: var(--mask-size);
mask-size: var(--mask-size);
-webkit-mask-position: var(--mask-position);
mask-position: var(--mask-position);
background-color: currentColor;
}
.mw-mmv-embed-dimensions {
color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent);
}
.oo-ui-optionWidget-selected .mw-mmv-embed-dimensions {
color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent);
}
.mw-mmv-download-pane .mw-mmv-download-attribution {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-mix-color);
}
.mw-mmv-download-pane .mw-mmv-download-attribution:hover {
background-color: var(--wiki-content-dynamic-color--inverted);
color: var(--wiki-content-text-color);
}
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link,
.mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite {
color: var(--wiki-content-text-mix-color);
}
.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
color: var(--wiki-accent-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color);
}
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
color: var(--wiki-content-text-color);
}
/**/
/* Echo */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover {
color: var(--wiki-accent-label-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: var(--wiki-content-text-color);
}
@-webkit-keyframes unseen-fadeout-to-unread {
from {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
}
to {
background-color: var(--wiki-content-background-color--secondary);
}
}
@keyframes unseen-fadeout-to-unread {
from {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
}
to {
background-color: var(--wiki-content-background-color--secondary);
}
}
@-webkit-keyframes unseen-fadeout-to-read {
from {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
}
to {
background-color: var(--wiki-content-background-color);
}
}
@keyframes unseen-fadeout-to-read {
from {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
}
to {
background-color: var(--wiki-content-background-color);
}
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--wiki-content-border-color);
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--wiki-content-background-color--secondary);
}
.client-js .mw-echo-special-nojs {
filter: var(--wiki-icon-general-filter)
}
/**/
/* codex fixes */
.cdx-checkbox__icon {
background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--wiki-accent-color--hover);
}
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: transparent;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: var(--wiki-content-text-mix-color-95);
}
/**/
/* make the upload form and file pages responsive */
#wpDestFile,
#wpUploadDescription,
#wpLicense,
#wpUploadFile,
#multiFileCategory {
/* max-width does not work here, but setting width has negligible side effects */
width:100%;
box-sizing:border-box;
}
#mw_metadata {
max-width:100%;
}
/*************************
* End Vector theme fixes *
**************************/
/************************
* Theme-based Scribunto *
*************************/
.mw-scribunto-console-fieldset,
.mw-scribunto-message,
.mw-scribunto-input,
.mw-scribunto-print,
.mw-scribunto-normalOutput {
color: var(--wiki-content-text-color);
}
/****************
* End Scribunto *
*****************/
/***************************
* Theme-based VisualEditor *
****************************/
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}
.ve-init-mw-progressBarWidget {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-accent-color);
box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent);
}
.ve-init-mw-progressBarWidget-bar {
background-color: var(--wiki-accent-color);
}
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
border-bottom-color: var(--wiki-content-border-color);
}
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
top: var(--wikigg-header-scroll-height, 0);
background: var(--wiki-content-background-color);
}
div.ve-ce-branchNode {
border-color: var(--wiki-content-border-color);
}
.ve-ce-focusableNode-highlight {
background: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
opacity: 0.25;
}
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) {
outline-color: var(--wiki-accent-color);
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent);
}
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
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'] {
border-color: var(--wiki-content-border-color);
background-color: var(--wiki-content-background-color--secondary);
}
figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media),
figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
border-color: var(--wiki-content-border-color);
background: var(--wiki-content-background-color--secondary);
}
figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption,
figure[typeof~='mw:Image/Thumb'] > figcaption,
figure[typeof~='mw:Video/Thumb'] > figcaption,
figure[typeof~='mw:Audio/Thumb'] > figcaption,
figure[typeof~='mw:Image/Frame'] > figcaption,
figure[typeof~='mw:Video/Frame'] > figcaption,
figure[typeof~='mw:Audio/Frame'] > figcaption {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.ve-ui-specialCharacterPage-character,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.oo-ui-bookletLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu,
.ve-ui-specialCharacterPage-character:hover {
border-color: var(--wiki-content-border-color);
}
.ve-ui-specialCharacterPage-character:hover {
box-shadow: inset 0 0 1px 1px var(--wiki-accent-color);
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title,
.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent);
}
.ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent);
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--wiki-accent-color);
box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color);
}
.oo-ui-tabOptionWidget {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover {
color: var(--wiki-accent-color--hover);
box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover);
}
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active {
color: var(--wiki-content-text-color);
box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover);
}
.oo-ui-tabSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--wiki-alert-color);
}
.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent);
background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent);
}
.ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon {
background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
filter: unset;
}
.mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage {
filter: unset;
}
.mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) {
background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color));
filter: unset;
}
.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-toolbarDialog {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
}
.ve-ce-languageAnnotation {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent);
border-color: var(--wiki-content-link-color);
}
.mw-widget-mediaResultWidget-overlay {
box-shadow: inset 0 0 0 1px var(--wiki-content-border-color);
}
.mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel {
color: #fff;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
background-color: transparent;
border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wiki-content-background-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--wiki-content-text-mix-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
color: var(--wiki-accent-color);
}
.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--wiki-content-text-mix-color-95);
border-color: var(--wiki-content-dynamic-color--secondary);
}
.mw-upload-bookletLayout-filePreview {
background-color: var(--wiki-content-background-color--secondary);
}
.ve-ui-mwMediaDialog-panel-imageinfo-details {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
-webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent);
}
.oo-ui-optionWidget.oo-ui-widget-disabled {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwLanguagesPage-languages-table th,
.ve-ui-mwLanguagesPage-languages-table td {
border-bottom-color: var(--wiki-content-border-color);
}
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td {
background: var(--wiki-content-background-color);
}
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent);
}
.ve-ui-targetWidget {
border-color: var(--wiki-content-border-color);
}
.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background: var(--wiki-content-background-color);
}
.ve-ui-targetWidget-focused {
border-color: var(--wiki-accent-color);
box-shadow: inset 0 0 0 1px var(--wiki-accent-color);
}
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background-color: var(--wiki-content-background-color);
}
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
color: var(--wiki-content-dynamic-color);
}
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover,
.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
color: var(--wiki-accent-color);
}
.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwTemplatePage-description {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-doc-deprecated,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-expandableContent-fade {
background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%);
}
.ve-ui-expandableContent-toggle {
background-color: var(--wiki-content-background-color);
}
.ve-ui-mwParameterPage-undocumentedLabel {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwLatexPage-symbol {
border-color: var(--wiki-content-border-color);
}
.ve-ui-mwGalleryDialog-highlighted-image {
background-color: var(--wiki-content-background-color--secondary);
}
.ve-ui-mwHelpListToolGroup-tools-footer {
border-color: var(--wiki-content-border-color);
}
.ve-ui-mwHelpListToolGroup-version-link,
.ve-ui-mwHelpListToolGroup-version-date,
.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-mwSaveDialog-summary {
background-color: var(--wiki-content-background-color);
}
.ve-ui-mwSaveDialog-options {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.ve-ui-mwSaveDialog-license {
color: var(--wiki-content-text-mix-color);
}
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active {
border-right-color: var(--wiki-accent-color);
border-left-color: var(--wiki-accent-color);
}
.ve-ui-debugBar {
border-color: var(--wiki-content-border-color);
}
.ve-ui-debugBar-commands-divider {
border-color: var(--wiki-content-border-color);
}
.ve-ui-debugBar-dump > table {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.ve-ui-debugBar-dump td {
background-color: var(--wiki-content-background-color);
}
.ve-ui-debugBar-dump th {
color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent);
text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted);
}
.ve-ui-debugBar-dump ol {
color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent);
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char,
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-dynamic-color);
text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted);
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element {
background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char {
background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent);
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar {
background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent);
}
.ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note {
color: var(--wiki-content-text-mix-color);
}
.ve-ui-debugBar-filibuster {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.ve-ui-debugBar-transactions > ol > li {
border-color: var(--wiki-content-border-color);
}
/*******************
* End VisualEditor *
********************/
/**************************
* Theme-based AbuseFilter *
***************************/
table.mw-abuselog-details {
background: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
table.mw-abuselog-details th,
table.mw-abuselog-details td,
div.mw-abusefilter-editor {
border-color: var(--wiki-content-border-color);
}
table.mw-abuselog-details th {
background: var(--wiki-content-background-color--secondary);
}
body td.mw-abusefilter-history-changed {
background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent);
}
/******************
* End AbuseFilter *
*******************/
/************************************
* Theme-based Special:MultiPageEdit *
*************************************/
:root {
--jexcel-border-color: var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */
}
.jexcel,
.jexcel_container.fullscreen .jexcel_content {
background-color: var(--wiki-content-background-color);
border-bottom-color: var(--wiki-content-border-color);
border-right-color: var(--wiki-content-border-color);
}
table.jexcel > tbody > tr > td:first-child,
table.jexcel > thead,
table.jexcel > thead > tr > td,
table.jexcel > tbody > tr.selected > td:first-child,
table.jexcel > thead > tr > td.selected {
background-color: var(--wiki-content-background-color--secondary);
}
table.jexcel > tbody > tr.selected > td:first-child,
table.jexcel > thead > tr > td.selected {
background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent);
}
table.jexcel > thead > tr > td {
border-bottom-color: var(--wiki-content-border-color);
}
.jexcel > thead > tr > td.arrow-up,
.jexcel > thead > tr > td.arrow-down {
background: none;
}
.jexcel > thead > tr > td.arrow-up::after,
.jexcel > thead > tr > td.arrow-down::after {
display: inline-block;
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat;
background-position: center right 5px;
width: 22px;
height: 100%;
content: '';
filter: brightness(50%) var(--wiki-icon-general-filter);
}
.jexcel > thead > tr > td.arrow-up::after {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
}
.jexcel > thead > tr > td.arrow-down::after {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
}
.jexcel > thead > tr:nth-child(2) > td {
z-index: 1; /* prevents overlapping the headings after scrolling on tall tables */
}
.jexcel > tbody > tr > td {
border-top-color: var(--wiki-content-text-mix-color-95);
border-bottom-color: var(--wiki-content-text-mix-color-95);
}
.jexcel > tbody > tr > td.readonly {
color: var(--wiki-content-text-mix-color);
}
.jexcel_content {
scrollbar-color: var(--wiki-content-text-mix-color) transparent;
/* we need this important to override inline styling */
box-shadow: var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important;
}
.jexcel .highlight {
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent);
}
.jexcel .highlight-top {
border-top-color: var(--wiki-content-text-mix-color);
box-shadow: 0px -1px var(--wiki-content-dynamic-color--secondary--inverted);
}
.jexcel .highlight-left {
border-left-color: var(--wiki-content-text-mix-color);
box-shadow: -1px 0px var(--wiki-content-dynamic-color--secondary--inverted);
}
.jexcel .highlight-top.highlight-left {
box-shadow: -1px -1px var(--wiki-content-dynamic-color--secondary--inverted);
}
.jexcel .highlight-right {
border-right-color: var(--wiki-content-text-mix-color);
}
.jexcel .highlight-bottom {
border-bottom-color: var(--wiki-content-text-mix-color);
}
.jexcel .jexcel_column_filter {
background: none;
}
.jexcel .jexcel_column_filter::after {
display: inline-block;
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat;
background-position: top 50% right 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
width: 20px;
height: 100%;
content: '';
filter: brightness(50%) var(--wiki-icon-general-filter);
}
.jexcel_pagination > div > div {
background-color: var(--wiki-accent-color);
/* we need this important to override a built-in one */
color: var(--wiki-accent-label-color) !important;
}
.jexcel_page_selected {
background: linear-gradient(to bottom, var(--wiki-accent-color) 0%, var(--wiki-accent-color--hover) 100%);
/* we need this important to override a built-in one */
border: 1px solid var(--wiki-content-border-color) !important;
}
/****************************
* End Special:MultiPageEdit *
*****************************/
/***********************
* Theme-based msupload *
************************/
#msupload-div,
#msupload-list .file {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
#msupload-select {
filter: brightness(0) var(--wiki-icon-to-link-filter);
}
#msupload-dropzone {
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.drop-over {
background-color: var(--wiki-accent-color);
color: var(--wiki-accent-label-color) !important;
}
#msupload-bottom {
border-color: var(--wiki-content-border-color);
}
#msupload-bottom #msupload-files {
padding-left: 0;
background: none;
}
#msupload-bottom #msupload-files::before {
display: inline-block;
background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0;
background-position: left center;
height: 22px;
width: 25px;
content: '';
vertical-align: top;
filter: var(--wiki-icon-general-filter);
}
#msupload-list .file .file-size {
color: var(--wiki-content-text-mix-color);
}
#msupload-div a {
color: var(--wiki-content-link-color);
}
#msupload-list .file .file-name:hover {
background-color: var(--wiki-content-dynamic-color--inverted);
}
#msupload-list .file .file-name-input {
background: var(--wiki-content-dynamic-color--inverted);
}
#msupload-list .file .file-warning {
color: var(--wiki-warning-color);
}
/***************************
* End theme-based msupload *
****************************/
/*****************************
* Theme-based commentstreams *
******************************/
.cs-title-edit-field {
border-color: var(--wiki-accent-color);
}
.cs-title-edit-field::placeholder,
.view-dark .cs-body-edit-field::placeholder {
color: var(--wiki-content-text-mix-color);
}
.cs-edit-box,
.cs-expanded .cs-comment-header {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.cs-target-comment .cs-comment-header {
border-color: var(--wiki-accent-color);
}
.cs-comment-author a {
color: var(--wiki-content-link-color);
}
.cs-comment-details {
color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent);
}
.cs-comment-author-anonymous {
color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent);
}
.cs-comment {
border: 1px solid var(--wiki-content-border-color);
}
.cs-comment-body {
padding: 0 5px;
}
/*********************************
* End theme-based commentstreams *
**********************************/
/************************
* Theme-based checkuser *
*************************/
.mw-datatable.ext-checkuser-investigate-table tr:hover td {
background-color: var(--wiki-content-background-color);
}
.mw-datatable.ext-checkuser-investigate-table th {
background-color: var(--wiki-content-background-color--secondary);
}
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td {
background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent);
}
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match,
.ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match,
.ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable {
background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent);
}
.ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset {
background-color: var(--wiki-content-background-color--secondary);
}
/****************
* End checkuser *
*****************/
/***************************
* Theme-based SearchDigest *
****************************/
.searchdigest-stats-table {
border-color: var(--wiki-content-border-color);
border-collapse: collapse;
}
.searchdigest-stats-table thead th,
.searchdigest-stats-table tr:not(:last-child) th,
.searchdigest-stats-table tr:not(:last-child) td {
border-bottom-color: var(--wiki-content-border-color);
}
.searchdigest-stats-table thead th:last-child,
.searchdigest-stats-table td {
border-left-color: var(--wiki-content-border-color);
}
.searchdigest-stats-table thead tr {
background: var(--wiki-content-background-color--secondary);
}
/*******************
* End SearchDigest *
********************/
/****************************
* Extension:RelatedArticles *
*****************************/
.client-js .read-more-container {
min-height: unset;
}
@media (min-width: 1000px) {
.client-js .read-more-container {
min-height: calc(
80px/*card height*/
+ 10px/*card margin*/
+ 1em/*container padding*/
+ 0.3em/*card-list margin*/
+ 0.8em/*h2 font-size*/
+ 1em/*h2 padding*/
+ 0.6em/*h2 margin*/
+ 1px /*container border*/
);
}
}
.ext-related-articles-card-list .ext-related-articles-card {
background-color: var(--wiki-content-background-color);
}
.ext-related-articles-card-list .ext-related-articles-card,
.ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */
border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent);
}
.ext-related-articles-card-list .ext-related-articles-card-thumb {
background-color: var(--wiki-content-background-color--secondary);
}
.ra-read-more h2 {
color: var(--wiki-body-dynamic-color--secondary);
}
.ext-related-articles-card-list h3 a {
color: var(--wiki-content-heading-color);
}
.ext-related-articles-card-list h3::after {
background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%);
}
.ext-related-articles-card-list .ext-related-articles-card-extract {
color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent);
}
/* removed background image and use a mask image instead */
.ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder {
position: relative;
background-image: none;
}
.ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
--mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572");
--mask-size: 40px;
--mask-repeat: no-repeat;
--mask-position: center;
-webkit-mask: var(--mask-image);
mask: var(--mask-image);
-webkit-mask-size: var(--mask-size);
mask-size: var(--mask-size);
-webkit-mask-repeat: var(--mask-repeat);
mask-repeat: var(--mask-repeat);
-webkit-mask-position: var(--mask-position);
mask-position: var(--mask-position);
background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent);
}
/**/
/* this simulates mw-footer having a top border */
.read-more-container {
border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color);
}
@media screen and (min-width: 720px) {
.read-more-container {
margin-right: 1em;
}
}
/********************************
* End Extension:RelatedArticles *
*********************************/
/*******************
* Extension:Popups *
********************/
.mwe-popups {
box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent);
}
.mwe-popups,
.mwe-popups .mwe-popups-container {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-text-color);
}
.mwe-popups .mwe-popups-extract {
color: var(--wiki-content-text-color);
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%);
}
.mwe-popups.flipped-y::before,
.mwe-popups.flipped-x-y::before,
.mwe-popups.mwe-popups-image-pointer::before,
.mwe-popups.mwe-popups-image-pointer.flipped-x::before,
.mwe-popups.mwe-popups-no-image-pointer::before,
.mwe-popups.flipped-x.mwe-popups-is-tall::before,
.mwe-popups.flipped-x-y.mwe-popups-is-tall::before {
border-color: var(--wiki-content-border-color);
}
.mwe-popups.flipped-y::after,
.mwe-popups.flipped-x-y::after,
.mwe-popups.mwe-popups-image-pointer::after,
.mwe-popups.mwe-popups-image-pointer.flipped-x::after,
.mwe-popups.mwe-popups-no-image-pointer::after,
.mwe-popups.flipped-x-y.mwe-popups-is-tall::after {
border-color: var(--wiki-content-background-color);
}
.popups-icon {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: calc(max(1.4285714em, 20px));
min-width: 20px;
min-height: 20px;
width: 1.4285714em;
height: 1.4285714em;
display: inline-block;
vertical-align: text-bottom;
}
.popups-icon--preview-generic,
.popups-icon--settings,
.popups-icon--infoFilled,
.popups-icon--infoFilled:lang(ar),
.popups-icon--close,
.popups-icon--reference-generic,
.popups-icon--reference-book,
.popups-icon--preview-disambiguation {
background-image: none;
}
.popups-icon::after {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
-webkit-mask-image: var(--mask-image, none);
mask-image: var(--mask-image, none);
-webkit-mask-repeat: var(--mask-repeat, no-repeat);
mask-repeat: var(--mask-repeat, no-repeat);
-webkit-mask-size: var(--mask-size, calc(max(1.4285714em, 20px)));
mask-size: var(--mask-size, calc(max(1.4285714em, 20px)));
-webkit-mask-position: var(--mask-position, center);
mask-position: var(--mask-position, center);
background-color: var(--mask-color, currentColor);
}
.popups-icon--preview-generic::after {
--mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E");
}
.popups-icon--settings::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>");
}
.popups-icon--infoFilled::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>");
}
.popups-icon--infoFilled:lang(ar)::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>");
}
.popups-icon--close::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>");
}
.popups-icon--reference-generic::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>");
}
.popups-icon--reference-book::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>");
}
.popups-icon--reference-journal::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>");
}
.popups-icon--reference-news::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>");
}
.popups-icon--reference-web::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>");
}
.popups-icon--preview-disambiguation::after {
--mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>");
}
/***********************
* End Extension:Popups *
************************/
/*************************
* Extension:CiteThisPage *
**************************/
.mw-specialCiteThisPage-bibliographic {
background-color:var(--wiki-content-background-color--secondary);
}
/*****************************
* End Extension:CiteThisPage *
******************************/
/*************************
* Extension:ImageMap *
**************************/
.noresize img { /* Why does the ImageMap container have no special class name? */
display: block; /* fix the scrollbar issue */
}
/*****************************
* End Extension:ImageMap *
******************************/
/**********************
* Extension:Page Forms *
***********************/
.fieldBox,
.templateForm {
background-color:var(--wiki-content-background-color--secondary);
border-color:var(--wiki-content-border-color);
}
.fieldBox .hierarchy_structure textarea {
/* this !important is needed to override an inline color rule */
color:var(--wiki-content-text-color) !important;
}
/***************************
* End Extension:Page Forms *
****************************/
/*********************
* Mobile adjustments *
**********************/
/* Responsive Special:UserRights */
#mw-userrights-table-outer input#wpReason {
width: 100%;
max-width: 33.5em;
}
@media screen and (max-width: 720px) {
html:root { /* make it won't be override by user's common.css */
--wiki-is-top-logo: 1;
--wiki-left-spacing: 0px;
--wiki-right-spacing: 0px;
--wiki-navigation-left-spacing: 3px;
--wiki-navigation-right-spacing: var(--wiki-navigation-left-spacing, 0px);
--wiki-content-border-radius: 0px;
--wiki-content-border-top-radius: 0px;
--wiki-footer-border-radius: 0px;
--wiki-content-padding: 0.5rem;
--wiki-navigation-menu-margin: 0.5rem; /* margin around toggle button and search box */
--wiki-navigation-height: calc(2rem + var(--wiki-is-navigation-inside-content, 0)*0.5em);
--wiki-navigation-bottom-padding: 0px;
--wiki-navigation-tab-height: 2rem;
--wiki-navigation-search-height: calc(2rem + 4px);
--wiki-logo-height: 80px;
--wiki-logo-margin: 10px;
--wiki-navigation-tab-full-height: calc(var(--wiki-navigation-tab-height) + max(var(--wiki-navigation-selected-border-width), var(--wiki-navigation-border-width)) + var(--wiki-content-border-width, 1px));
--wiki-head-icon-padding: 0.25rem;
--wiki-head-icon-size: calc(var(--wiki-navigation-tab-height) - var(--wiki-head-icon-padding) * 2);
--wiki-head-toggle-button-size: var(--wiki-navigation-search-height);
--wiki-sidebar-portal-spacing: 0px;
--wiki-top-spacing: var(--wiki-logo-margin);
--wiki-logo-box-width: calc(min( var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height), calc(100vw - var(--wiki-navigation-menu-margin)*2 - 18px)));
}
#mw-head-base {
width: auto;
margin-left: auto;
margin-right: auto;
}
#p-logo {
max-width: 100vw;
top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)));
left: calc(max(0px, (100% - var(--wiki-logo-file-width) / var(--wiki-logo-file-height) * var(--wiki-logo-box-height)) / 2));
}
#mw-head {
position: absolute;
left: 0;
width: 100%;
margin: unset;
top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin)) + var(--wiki-logo-box-height) + var(--wiki-logo-margin));
border-radius: 0;
}
#left-navigation::before { /* for left spacing */
border-bottom-width: var(--navigation-border-bottom-width);
}
#right-navigation::after {
display: block; /* for right spacing */
}
#p-cactions, #p-variants {
margin-right: 0px;
}
#p-cactions::after, #p-variants::after {
width: 0;
}
#p-search {
position: absolute;
left: var(--wiki-navigation-menu-margin);
right: var(--wiki-navigation-menu-margin);
top: calc(var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width));
margin: 0;
padding: 0;
}
#mw-head::before, #mw-head::after,
#p-search::before, #p-search::after {
display: none;
}
#simpleSearch {
width: auto;
max-width: unset; /* override vector default of 20em */
}
.vector-search-box-input {
height: var(--wiki-navigation-search-height);
}
.vector-search-box form {
margin: var(--wiki-navigation-menu-margin) 0px;
}
#mw-head,
.mw-body, .parsoid-body,
.mw-body::after, .parsoid-body::after,
.mw-footer {
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
}
.mw-body, .parsoid-body {
margin-top: 0;
padding-top: calc(var(--navigation-border-bottom-width) + var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-menu-margin) * 2));
}
.mw-body::after, .parsoid-body::after {
left: 0;
right: 0;
}
#mw-data-after-content {
margin-left: 0;
}
#mw-panel {
position: unset;
width: 100%;
margin: 0px auto;
top: 0;
float: unset;
}
/* border-radius fix */
#mw-panel #p-ext-discordwidget + .vector-menu-portal {
border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999));
}
.vector-menu-dropdown .vector-menu-content {
right: 0;
left: unset;
}
#mw-panel .vector-menu-portal {
box-sizing: border-box;
border-left-width: 0;
border-right-width: 0;
background-color: var(--wiki-sidebar-background-color);
}
.vector-menu-portal .vector-menu-content {
margin-top: 0;
margin-bottom: 0;
display: block !important; /* show all menus on mobile even if they are collapsed by collapsibleSidebarSections gadget */
}
table.wikitable,
table.responsive-table {
display: block;
overflow-x: auto;
border: 0;
}
.mw-installed-software {
word-break: unset;
}
.gallerybox,
.gallerybox > div,
.gallerybox .thumb {
max-width: 100%;
}
/* disable float on RecentChanges legend */
.mw-changeslist-legend {
float: none;
margin: 0 auto;
}
/* advanced search options */
#mw-searchoptions table {
float: none;
}
#mw-searchoptions table td {
display: block;
}
/* popup when clicking the download button in multimediaviewer */
.mw-mmv-dialog {
width: unset;
}
/* turn math elements into scroll blocks unless they're an immediate child of a span */
:not(span) > math.mwe-math-element {
overflow: auto hidden;
max-width: 100%;
}
/* Expandable mobile navigation panel */
body.has-vector-mobile-menu #mw-panel {
position: absolute;
--panel-offset: calc(var(--wiki-head-toggle-button-size) + var(--wiki-sidebar-offset, 0px));
top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)) + var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0px) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-menu-margin) + var(--panel-offset));
left: var(--wiki-navigation-menu-margin);
right: var(--wiki-navigation-menu-margin);
width: auto;
z-index: 3;
}
body.has-vector-mobile-menu #mw-panel:not(.nav--expanded){
padding: 0;
border: 0;
border-image: none;
}
body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle {
position: absolute;
cursor: pointer;
z-index: 5;
display: flex;
justify-content: center;
align-items: center;
width: var(--wiki-head-toggle-button-size);
height: var(--wiki-head-toggle-button-size);
box-sizing: border-box;
appearance: none;
padding: 0;
border: 1px solid var(--wiki-content-border-color);
background-color: var(--wiki-navigation-background-color);
top: calc(-1 * var(--panel-offset));
}
#mw-panel #p-ext-discordwidget {
background-color: var(--wiki-sidebar-background-color);
padding: 0.5rem 0.25rem 0.25rem 0.5rem;
border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color);
}
body.has-vector-mobile-menu #mw-panel .vector-menu-portal {
display: none;
border-image: none;
}
body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal {
display: block;
}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal {
text-align: left;
font-size: 110%;
border-left-width: var(--wiki-sidebar-border-width, 1px);
border-right-width: var(--wiki-sidebar-border-width, 1px);
margin-inline: var(--wiki-sidebar-margin, 0.5em);
}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal {
border-top-width: 0;
}
body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) {
border-bottom-width: 0;
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list {
display: flex;
flex-wrap: wrap;
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a {
display: block;
padding: 0.2rem 0.5rem;
border: 1px solid transparent;
}
body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover {
border-color: var(--wiki-content-link-color);
}
body.has-vector-mobile-menu #mw-panel #p-navigation-label {
display: block;
}
body.has-vector-mobile-menu #p-logo {
/* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */
top: calc(-1 * (var(--wiki-logo-box-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-menu-margin) + var(--panel-offset)));
}
.mobile-nav-toggle {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A");
}
body.has-vector-mobile-menu #p-tb .mw-list-item > a {
display: inline-flex;
}
body.has-vector-mobile-menu .vector-menu-content-list {
flex-direction: row;
}
/* Search adjustments for the expandable menu */
body.has-vector-mobile-menu #p-search {
/* reposition to the right when mobile sidebar menu is active */
left: calc(var(--wiki-navigation-menu-margin) * 2 + var(--wiki-head-toggle-button-size));
right: var(--wiki-navigation-menu-margin);
transform: none;
}
body.has-vector-mobile-menu #simpleSearch {
width: 100%;
margin: 0 auto;
}
/* icon navbar tabs + expandable nav panel icon */
#mw-head {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading,
#mw-panel .mobile-nav-toggle {
line-height: var(--wiki-head-icon-size);
width: var(--wiki-head-icon-size); /* same as line height */
height: var(--wiki-head-icon-size);
box-sizing: content-box;
padding: var(--wiki-head-icon-padding);
color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/
}
#mw-head .vector-menu-tabs .mw-list-item a::before,
#mw-head .vector-menu-dropdown .vector-menu-heading::before,
#mw-panel .mobile-nav-toggle::before {
content: "";
display: block;
position: unset;
background-image: none;
width: var(--wiki-head-icon-size);
height: var(--wiki-head-icon-size);
margin: 0;
--mask: var(--icon) no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--wiki-navigation-text-color);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover::before,
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::before,
#mw-panel .mobile-nav-toggle:hover::before,
#mw-panel .mobile-nav-toggle.nav--expanded::before {
background-color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a::before {
background-color: var(--wiki-navigation-selected-text-color);
}
#mw-head .vector-menu-tabs .mw-list-item a span,
#mw-head .vector-menu-dropdown .vector-menu-heading span {
display: none;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
display: none;
}
#ca-ve-edit,
#ca-edit {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A");
}
#ca-ve-edit + #ca-edit {
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#ca-view,
#ca-view-foreign {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E");
}
#left-navigation li[id^=ca-nstab-] {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A");
}
#ca-history {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A");
}
#ca-talk {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
#t-contributions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
}
#ca-addsection {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
}
#ca-viewsource {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
}
#p-variants {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
#p-cactions {
--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A");
}
#ca-watch {
--icon: var(--icon-star-empty);
}
#ca-unwatch {
--icon: var(--icon-star-filled);
}
.vector-menu-tabs #ca-watch.icon a:hover::before,
.vector-menu-tabs #ca-unwatch.icon a:hover::before {
background-image: none;
}
/* RecentChanges - prevent overflow on long summaries */
.client-js .mw-changeslist ul,
.client-js .mw-changeslist table.mw-enhanced-rc {
margin-left: 0;
}
.mw-changeslist-line-inner-comment,
.mw-changeslist-line .comment {
font-size: 0.9em;
}
.mw-userlink {
overflow-wrap: anywhere;
}
}
/* Hide the expandable navigation button for desktop users */
.mobile-nav-toggle {
display: none;
}
/*************
* End mobile *
**************/
/******************************************************/
/* */
/* [END] OF WIKI.GG DEFAULT LOADOUT */
/* ALL LOCAL SKIN CUSTOMIZATIONS SHOULD GO BELOW HERE */
/* DO NOT EDIT OR DELETE THIS COMMENT BLOCK */
/* */
/******************************************************/