Mudanças entre as edições de "MediaWiki:Vector.css"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
Etiquetas: Reversão manual Substituído
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1: Linha 1:
/* CSS placed here will affect users of the Vector skin */
/* Todos os CSS colocado aqui serão carregados para usuários do tema Vector */
html {
    --wiki-logo-width: 15rem;
    --wiki-logo-height: 11rem;
    --wiki-logo-top-spacing: 35px;
    --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */
 
    --vector-tab-height: 2rem;
    --vector-tab-border-width: 1px;
    --vector-tab-top-spacing: 0.5em;
    --vector-tab-margin: var(--wiki-content-padding);
 
    --sidebar-width: 10rem;
    --sidebar-spacing: 1rem;
 
    --sidebar-heading-color: #ffe280;
    --sidebar-heading-color--rgb: 255, 226, 128;
    --sidebar-heading-border-bottom: 1px solid rgb(10, 10, 10);
 
    --sidebar-border-radius: 10px;
    --sidebar-inner-border-radius: calc(var(--sidebar-border-radius) - 2px);
 
    --sidebar-box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7);
    --sidebar-background: rgba(var(--wiki-body-background-color--rgb), 0.95);
 
    --sidebar-list-border-top: 1px solid rgba(255, 255, 255, 0.1);
    --sidebar-list-item--hover: rgba(20, 20, 20, 0.25);
    --sidebar-list-item-text-color: var(--wiki-content-text-color);
    --sidebar-list-item-text-color--hover: var(--sidebar-list-item-text-color);
 
    --content-right-margin: 5px;
}
 
:root {
    --wiki-base-background-color: #0d3557;
 
    --wiki-body-background-image: url(/images/6/65/Beheaded-Island-BG.jpg); /* [[File:Beheaded-Island-BG.jpg]] */
    --wiki-body-background-color: #131b33;
    --wiki-body-background-color--rgb: 19, 27, 51;
    --wiki-body-dynamic-color: #fff;
    --wiki-body-dynamic-color--rgb: 255, 255, 255;
    --wiki-body-dynamic-color--inverted: #000;
    --wiki-body-dynamic-color--inverted--rgb: 0, 0, 0;
 
    --wiki-content-background: url(/images/c/c9/Site-content-bg.png); /* [[File:Site-content-bg.png]] */
    --wiki-content-background-color: #111623;
    --wiki-content-background-color--rgb: 17, 22, 35;
    --wiki-content-background-color--secondary: #292d39;
    --wiki-content-background-color--secondary--rgb: 41, 45, 57;
    --wiki-content-background-color--tertiary: #151e3d;
    --wiki-content-background-color--tertiary--rgb: 21, 30, 61;
 
    --wiki-content-border-color: #527fd0;
    --wiki-content-border-color--rgb: 82, 127, 208;
    --wiki-content-border-image: url(/images/f/f7/Table-border.png);
 
    --wiki-content-text-color: #e8e8e8;
    --wiki-content-text-color--rgb: 232, 232, 232;
 
    --wiki-content-link-color: #ffbe32;
    --wiki-content-link-color--rgb: 255, 190, 50;
    --wiki-content-link-color--hover:#FFD47F;
    --wiki-content-link-color--hover--rgb:255,212,127;
    --wiki-content-link-label-color: #201919;
 
    --wiki-content-redlink-color: #ce0018;
 
    --wiki-content-text-mix-color: #878a8f;
    --wiki-content-text-mix-color-95: #1c202d;
 
    --wiki-content-dynamic-color: #fff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
 
    --wiki-content-padding: 1.5rem;
 
    --wiki-heading-color: #ffe280;
 
    --wiki-accent-color: #3761af;
    --wiki-accent-color--rgb: 55, 97, 175;
    --wiki-accent-color--hover: #7798d4;
    --wiki-accent-text-color: #e8e8e8;
 
    --wiki-navigation-background-color: #0d3557;
    --wiki-navigation-border-color: #527fd0;
    --wiki-navigation-border-color--rgb: 82, 127, 208;
    --wiki-navigation-color: #fff;
 
    --wiki-alert-color: #ce0018;
    --wiki-alert-label-color: #fff;
    --wiki-alert-color--rgb: 206, 0, 24;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207, 114, 28;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12, 116, 47;
    --wiki-success-label-color: #fff;
   
    --wiki-separator-color--rgb: 65, 79, 106;
}
 
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/************************************
* Body, head, and general framework *
*************************************/
 
body {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), var(--wiki-body-background-image);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-base-background-color);
}
 
#mw-head-base,
#mw-page-base {
    display: none;
}
/**/
 
/* let ul default to text that respects color */
ul {
    list-style-image: none;
}
 
/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: initial;
}
 
/* css for wide table */
.table-wide {
    clear: both;
    position: relative;
}
 
.mw-parser-output > .table-width {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
 
.table-wide-inner {
    overflow-x: auto;
}
 
.table-wide-inner > table {
    margin: 0 !important;
}
 
.table-wide:before {
    box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
    content: "";
    display: block;
    width: 20px;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
}
 
/************************
* End general framework *
*************************/
 
/*******
* Logo *
********/
 
/* Copied and modified from Terraria wiki */
/*** logo block. It is absolute position ***/
#p-logo {
    position: absolute;
    top: var(--wiki-logo-top-spacing);
    left: calc(50vw - (var(--wiki-logo-width) / 2));
    width: var(--wiki-logo-width);
    height: var(--wiki-logo-height);
    margin-left: 0;
    background: var(--wiki-logo-image) center center / var(--wiki-logo-width) auto no-repeat;
    filter: drop-shadow(2px 0 6px rgba(0,0,0,0.45)) drop-shadow(-2px 0 6px rgba(0,0,0,0.45)) drop-shadow(0 4px 0 rgba(0,0,0,0.45)) drop-shadow(0 -4px 6px rgba(0,0,0,0.45));
    z-index: 1;
}
 
/* use logo image as <a>'s background will sometime flicker when hovered on Firefox,
* I still don't know why, but move background to #p-logo can avoid this issue.
*/
#p-logo .mw-wiki-logo {
    width: var(--wiki-logo-width);
    height: var(--wiki-logo-height);
    margin: 0 auto;
    background: none; /* logo flicker fix */
}
 
/***********
* End logo *
************/
 
/**************
* Vector tabs *
***************/
 
#mw-head {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) - 1px);
    left: calc(var(--sidebar-width) + var(--sidebar-spacing));
    width: calc(100% - var(--sidebar-width) - var(--sidebar-spacing) - 2 * var(--vector-tab-margin) - 5px);
    height: calc(2rem + 1.75em);
    margin: 0 var(--vector-tab-margin);
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%;
    z-index: 1;
}
 
#left-navigation,
#right-navigation {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0.85rem 0;
    padding: 0;
}
 
.vector-menu-tabs li {
    background: none;
}
 
.vector-menu-tabs li:not(:first-child),
#p-cactions {
    padding-left: 5px;
}
 
.vector-menu-tabs,
.vector-menu-tabs .selected,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background: none;
}
 
.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-color);
    height: 80%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.9em 8px;
    margin: 0.2em 0;
}
 
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited {
    color: var(--wiki-content-redlink-color);
}
 
.vector-menu-tabs li a {
    color: var(--wiki-content-link-color);
}
 
div.vectorMenu .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
    color: var(--wiki-content-link-color);
}
 
.vector-menu-tabs .mw-watchlink.icon span {
    padding: calc(var(--vector-tab-height) - (var(--vector-tab-border-width) * 2)) 0;
    color: transparent;
}
 
.vector-menu-tabs #ca-unwatch a,
.vector-menu-tabs #ca-watch a {
    padding-bottom: 0.2em;
    color: transparent;
}
 
.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
    top: var(--vector-tab-height);
}
 
.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--wiki-content-background-color);
    border: 1px solid var(--wiki-content-border-color);
    margin-left: 6px;
}
 
.vector-menu-dropdown .vector-menu-heading::after {
    filter: invert(100);
}
 
#mw-head .mw-portlet span {
    padding: 0;
    background: none;
    border: none;
}
 
#p-search {
    padding: 0;
    margin: 0;
    margin-left: 0.4em;
}
 
.vector-search-box form {
    margin: 0;
}
 
.vector-menu-tabs .mw-watchlink.icon a::before {
    /* height: calc(var(--vector-tab-height) - 4px); */
    /* padding: calc(var(--vector-tab-height) * 0.75em) 0; */
    top: 0.5em;
    height: 16px
}
 
.vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
}
 
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.3), rgba(0, 0, 0, 0));
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--wiki-navigation-border-color--rgb), 0.8), rgba(0, 0, 0, 0)) 30% 5%;
    border-top: var(--vector-tab-border-width) solid;
    border-bottom: var(--vector-tab-border-width) solid;
}
 
.vector-menu-tabs li.new a,
.vector-menu-tabs .selected a,
.vector-menu-tabs li a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    height: 2rem;
    padding: 0 0.7em;
    margin: 0;
}
 
#p-namespaces,
#p-variants,
#p-views,
#p-cactions,
#p-search {
    margin-top: 0.2em;
}
 
/******************
* End vector tabs *
*******************/
 
/***************
* Left Sidebar *
****************/
 
#p-logo + .mw-portlet .vector-menu-heading {
    display: block;
}
 
#mw-panel .portal {
    position: relative;
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    /*padding: 0 0;*/
}
 
/* Copied and modified from Terraria wiki */
#mw-panel {
    font-size: 12px;
    line-height: 1.5;
    color: var(--wiki-content-text-color);
    width: var(--sidebar-width);
    padding-left: 5px;
}
 
#mw-panel a {
    text-decoration: none;
}
 
/* Sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal {
    width: var(--sidebar-width);
    margin: var(--sidebar-spacing) 0 0 0;
    padding: 0;
    border-radius: var(--sidebar-border-radius);
    box-shadow: var(--sidebar-box-shadow);
    z-index: 0;
}
 
/* Sections background */
#mw-panel .portal::before,
#mw-panel #p-logo + .portal::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--sidebar-border-radius);
    background: var(--sidebar-background);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
}
 
/* Sections border */
#mw-panel .portal::after,
#mw-panel #p-logo + .portal::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid;
    border-image-source: var(--wiki-content-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    border-radius: var(--sidebar-border-radius);
    box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset;
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
    z-index: -1;
}
 
/* Aligns sidebar with body */
#mw-panel #p-logo + .portal {
    margin-top: 0;
    position: relative;
}
 
/* Section heading */
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
    margin: 0;
    padding: 0.9em 1em 0.4em 1em;
    border-bottom: var(--sidebar-heading-border-bottom);
    border-radius: var(--sidebar-inner-border-radius) var(--sidebar-inner-border-radius) 0 0;
    background: transparent;
    font-size: 1.25em;
    font-family: 'Nova Flat', sans-serif;
    line-height: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--sidebar-heading-color);
}
 
#mw-panel #p-logo + .portal.collapsed .vector-menu-heading,
#mw-panel .portal.collapsed .vector-menu-heading {
    border-bottom: 1px solid transparent;
    transition: border-bottom 300ms;
}
 
/* Section heading background*/
#mw-panel #p-logo + .portal .vector-menu-heading::before, #mw-panel .portal .vector-menu-heading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5em;
    background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.9);
    border-radius: var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0;
    z-index: -1;
}
 
#mw-panel #p-logo + .portal.collapsed .vector-menu-heading::before, #mw-panel .portal.collapsed .vector-menu-heading::before {
    border-radius: var(--sidebar-border-radius);
}
 
/* Arrow icon */
#mw-panel .portal .vector-menu-heading::after {
    content: "";
    display: inline-block;
    background: none;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(var(--sidebar-heading-color--rgb), 0.7) transparent;
    border-width: 0 5px 6px 5px;
    margin-top: 0;
    vertical-align: middle;
    flex: 0 0 auto;
}
 
/* Fix for unrotated arrow (I have no idea why it wasn't being rotated) */
#mw-panel .portal.collapsed .vector-menu-heading::after {
    rotate: 180deg;
}
 
#mw-panel .portal .vector-menu-heading:hover::after {
    border-color: var(--sidebar-heading-color) transparent;
}
 
/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-top: var(--sidebar-list-border-top);
}
 
#mw-panel #p-logo + .portal.collapsed .body,
#mw-panel .portal.collapsed .body {
    border-top: 1px solid transparent;
    transition: border-top 300ms;
}
 
#mw-panel .portal .body ul {
    padding: 4px 4px 4px;
}
 
#mw-panel .portal .body li {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    font-family: 'Dosis', sans-serif;
    line-height: inherit;
    background: none;
    border-radius: var(--sidebar-inner-border-radius);
}
 
#mw-panel .portal .body li:hover {
    background: var(--sidebar-list-item--hover);
}
 
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
    display: block;
    padding: 3px 8px;
    color: var(--sidebar-list-item-text-color);
}
 
#mw-panel .portal .body li a:hover {
    color: var(--sidebar-list-item-text-color--hover);
}
 
#mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed */
    text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
    background-position: 8px center; /* align icon with other text */
}
 
/*******************
* End left sidebar *
********************/
 
/**************************
* Content area and footer *
***************************/
 
#siteNotice {
    border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%;
}
 
#siteNotice:has(> :is(#localNotice, .mw-dismissable-notice)) {
    border-bottom: 1px solid;
}
 
#siteNotice + :not(#firstHeading) {
    margin-bottom: 0.5rem;
}
 
#localNotice {
    margin-bottom: 0.9em;
    padding-top: 0.9em;
}
 
.mw-body,
.mw-footer {
    font-family: Ubuntu, sans-serif;
    color: var(--wiki-content-text-color);
    background-color: transparent;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75);
    border: none;
    border-radius: 10px;
    margin-right: var(--content-right-margin);
    position: relative;
    z-index: 0;
}
 
.mw-body::before,
.mw-footer::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    background-image: var(--wiki-content-background);
    background-position: bottom right;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: rgba(var(--wiki-body-background-color--rgb), 0.95);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 10px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 75%) inset;
    z-index: -1;
}
 
.mw-body::after,
.mw-footer::after {
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    left: 0;
    content: '';
    border: 1px solid;
    border-image-source: var(--wiki-content-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
    z-index: -1;
}
 
.mw-body {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    padding: calc(var(--vector-tab-height) + 1.75em) var(--wiki-content-padding) var(--wiki-content-padding);
    /*  padding-bottom:calc(var(--vector-tab-height) + var(--vector-footer-height)); */
}
 
.mw-body,
#mw-data-after-content,
.mw-footer {
    margin-left: calc(var(--sidebar-width) + var(--sidebar-spacing));
}
 
.mw-footer {
    top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing));
    margin-top: 3em;
    margin-bottom: 1em;
}
 
.mw-footer li {
    color: var(--wiki-content-text-color);
}
 
/* Copyright CC-BY-NC-SA icon */
/* Copied from Terraria wiki */
#footer {
    /* self */
    padding: 1.25em;
    box-sizing: border-box;
    position: relative;
    /* grid */
    display: grid;
    grid-template-columns: [l] 1fr 0fr [r];
    grid-template-rows: [t] auto auto [b];
    z-index: 0;
}
 
#footer-info {
    display: contents;
}
 
#footer ul li {
    padding: 0;
}
 
#footer-icons {
    grid-column: span 1 / r;
    grid-row: t / b;
    place-self: end;
}
 
#footer #footer-info-lastmod {
    grid-column: l / span 1;
    grid-row: t / span 1;
    place-self: start;
    margin-bottom: 1em;
}
 
#footer #footer-info-copyright {
    grid-column: l / span 1;
    grid-row: span 1 / b;
    place-self: end stretch;
    position: relative;
    padding-right: 100px;
}
 
#footer-info-copyright img {
    position: absolute;
    right: 0;
    /* mediawiki logo is 31px height, and this image has a 1px black border,
      a small tweak to make them visually matched on size and position */
    bottom: -1px;
    height: 33px;
    width: auto;
}
 
#footer-places-about {
    margin-top: 1em;
}
 
/* wiki.gg footer semi-fix */
#wikigg-footer {
    position: relative;
    z-index: -1;
    top: 24ch;
}
 
/******************************
* End content area and footer *
*******************************/
 
/***********
* Headings *
************/
 
/* All "large" headers that exist within the body of the wiki */
.mw-body h1,
.mw-body h2 {
    font-family: 'Dosis', sans-serif;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%;
}
 
/* Only the largest header that exists at the top of every page*/
.mw-body h1 {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
 
/* All "small" headers that exist within the body of the wiki */
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1px;
    /* Add space between letters to make bolded words look less blurry */
}
 
/* Custom font sizes for headers. Edited to work nicer with custom font. */
/* These headers go in order from LARGEST to smallest */
.mw-body h1,
.mw-body-content h1 {
    font-size: 2em;
}
 
.mw-body h2,
.mw-body-content h2 {
    font-size: 1.78em;
}
 
.mw-body h3,
.mw-body-content h3 {
    font-size: 1.4em;
}
 
.mw-body h4,
.mw-body-content h4 {
    font-size: 1.20em;
}
 
/* Custom color for headers */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wiki-heading-color);
}
 
/***************
* End headings *
****************/
 
/**************
* Grid layout *
***************/
 
html {
    --layout-sidespace: 5px;
    --layout-height-offset: var(--wiki-logo-top-spacing);
    --layout-column-gap: 12px;
    --layout-content-width: minmax(0, 1fr);
}
 
body {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--sidebar-width) [aside-right content-left] var(--layout-content-width) [content-right] var(--layout-sidespace) [body-right];
    grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end];
    column-gap: var(--layout-column-gap);
}
 
body > .content-wrapper,
#mw-navigation {
    display: contents;
}
 
#mw-page-base {
    grid-column: content-left/content-right;
    grid-row: nav-start/footer-end;
    height: 100%;
}
 
#mw-head-base {
    grid-column: content-left/content-right;
    grid-row: nav-start/nav-end;
}
 
#mw-head {
    grid-column: content-left/content-right;
    grid-row: nav-start/nav-end;
    position: relative;
    top: 0;
    left: 0;
    width: unset;
    margin: 0 var(--vector-tab-margin);
    max-width: unset;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0;
    z-index: 10;
}
 
#mw-head #left-navigation,
#mw-head #right-navigation {
    box-sizing: border-box;
    display: flex;
    flex: auto;
    align-items: normal;
}
 
#mw-head #left-navigation {
    justify-content: flex-start;
}
 
#mw-head #right-navigation {
    justify-content: flex-end;
}
 
#mw-panel {
    grid-column: aside-left/aside-right;
    grid-row: nav-start/page-end;
    float: none;
    width: unset;
    position: unset;
    padding-left: 0;
    margin-bottom: var(--sidebar-spacing);
}
 
#mw-panel .portal {
    top: 0;
}
 
div#content {
    grid-column: content-left/content-right;
    grid-row: nav-start/content-end;
    margin: 0;
    top: 0;
}
 
.content-body > main {
    display: grid;
    grid-template-columns: [content-left heading-left] minmax(0,1fr) [heading-right indicator-left] minmax(0,auto) [indicator-right interwikis-left] minmax(0,auto) [interwikis-right content-right];
    grid-template-rows: [sitenotice] auto [before-heading] auto [heading-start] auto [heading-end content-start] auto [content-end];
    row-gap: 0px;
}
 
#siteNotice {
    grid-row: sitenotice;
    grid-column: content-left/content-right;
}
 
.mw-body .mw-indicators {
    grid-column: indicator-left/indicator-right;
    grid-row: heading-start/heading-end;
    display: flex;
    align-items: center;
    gap: 4px;
}
 
#firstHeading {
    grid-column: heading-left/heading-right;
    grid-row: heading-start/heading-end;
}
 
#bodyContent {
    grid-column: content-left/content-right;
    grid-row: content-start/content-end;
    display: flex;
    flex-direction: column;
}
 
#contentSub,
#contentSub2 {
    margin: 0;
}
 
#footer {
    grid-column: content-left/content-right;
    grid-row: footer-start/footer-end;
    width: 100%;
    max-width: unset;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 1.5em;
}
 
#wikigg-footer {
    grid-column: body-left/body-right;
    grid-row: page-end/body-end;
    top: 0;
}
 
/******************
* End grid layout *
*******************/
 
/****************
* Sidebar aside *
*****************/
 
@media screen and (max-width: 1000px) {
    body {
        height: 100%;
        grid-template-columns: [body-left] var(--layout-sidespace) [aside-left content-left] var(--layout-content-width) [content-right aside-right] var(--layout-sidespace) [body-right];
        grid-template-rows: [body-start] var(--layout-height-offset) [page-start logo-start] var(--wiki-logo-height) [logo-end aside-start] auto [aside-end nav-start] calc(var(--vector-tab-height) * 1.85) [nav-end content-start] auto [content-end footer-start] auto [footer-end] auto [page-end] var(--layout-height-offset) [body-end];
       
    }
 
    #mw-panel {
        grid-column: aside-left/aside-right;
        grid-row: aside-start/aside-end;
        box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7);
        background: rgba(var(--wiki-body-background-color--rgb), 1);
        border: 1px solid;
        border-image: var(--wiki-content-border-image);
        border-image-slice: 15 16;
        border-image-width: 15px;
        border-radius: var(--sidebar-border-radius);
/*        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px); */
        height: 40px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 1em !important;
/*        padding: 0 var(--main-layout-gap); */
        z-index: 11;
        /* Legal fallback */
        image-rendering: optimizeSpeed;
        /* Firefox        */
        image-rendering: -moz-crisp-edges;
        /* Opera          */
        image-rendering: -o-crisp-edges;
        /* Safari        */
        image-rendering: -webkit-optimize-contrast;
        /* CSS3 Proposed  */
        image-rendering: optimize-contrast;
        /* IE8+          */
        -ms-interpolation-mode: nearest-neighbor;
        /* Chrome        */
        image-rendering: pixelated;
    }
 
    #mw-panel .portal,
    #mw-panel #p-logo + .portal {
        background: none;
        box-shadow: none;
        border: none;
        margin: none;
        padding: 0.25em 0.2em;
        position: relative;
    }
 
    #mw-panel .portal::before,
    #mw-panel #p-logo + .portal::before {
        content: none;
    }
 
    #mw-panel .portal::after,
    #mw-panel #p-logo + .portal::after {
        content: none;
    }
 
    #mw-panel #p-logo + .portal .vector-menu-heading::before,
    #mw-panel .portal .vector-menu-heading::before {
        content: none;
    }
 
    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        padding: 8px 12px;
        border: none;
        background: none;
        justify-content: center;
    }
 
    #mw-panel #p-logo + .portal.expanded .vector-menu-heading,
    #mw-panel .portal.expanded .vector-menu-heading,
    #mw-panel #p-logo + .portal:hover .vector-menu-heading,
    #mw-panel .portal:hover .vector-menu-heading {
        background: rgba(20, 20, 20, 0.5);
        border-radius: 0;
    }
 
   
    #mw-panel .portal .vector-menu-heading::after {
        margin-left: 4px;
        border-width: 6px 5px 0 5px;
    }
 
    #mw-panel .portal.expanded .vector-menu-heading::after,
    #mw-panel .portal:hover .vector-menu-heading::after {
        border-width: 0 5px 6px 5px;
    }
 
    #mw-panel #p-logo + .portal .body,
    #mw-panel .portal .body {
        display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
        position:absolute;
        left: 0;
        top: 100%;
        z-index: 50;
        width: max-content;
        border-top: 0;
        background: var(--wiki-content-background-color);
        box-shadow: 0px 0px 15px 0px rgba(10, 10, 10, 0.7);
        border: 1px solid var(--wiki-content-border-color);
        min-width: 8em;
    }
 
    #mw-panel #p-logo + .portal.expanded .body,
    #mw-panel .portal.expanded .body,
    #mw-panel #p-logo + .portal:hover .body,
    #mw-panel .portal:hover .body {
        display: block !important;
    }
 
    #mw-panel .portal .body li a,
    #mw-panel .portal .body li a:visited {
        padding: 6px 8px;
    }
 
    #mw-panel .portal:last-child .body {
        left: auto;
        right: 0;
    }
}
 
@media screen and (max-width: 600px) {
    #mw-panel .portal:nth-last-child(2) .body {
        left: auto;
        right: 0;
    }
 
    #mw-panel .portal .vector-menu-heading::after {
        display: none;
    }
 
    #mw-panel #p-Navigation #p-Navigation-label,
    #mw-panel #p-lang #p-lang-label {
        width: 18px;
        display: block;
        white-space: nowrap;
        padding: 8px;
    }
 
    #mw-panel #p-Navigation #p-Navigation-label::before,
    #mw-panel #p-lang #p-lang-label::before {
        content: '';
        display: inline-block;
        vertical-align: bottom;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        width: 18px;
        height: 0;
        border-bottom: 60px solid transparent;
        position: relative;
        filter: drop-shadow(0 42px 0 var(--sidebar-heading-color));
        margin: -42px 20px 0 0;
        z-index: 1;
    }
 
    #mw-panel #p-Navigation #p-Navigation-label::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgMjAwIDIwMCcgd2lkdGg9JzE4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J003NSwyMEg0MEEyMC4wNiwyMC4wNiwwLDAsMCwyMCw0MFY3NUEyMC4wNiwyMC4wNiwwLDAsMCw0MCw5NUg3NUEyMC4wNiwyMC4wNiwwLDAsMCw5NSw3NVY0MEEyMC4wNiwyMC4wNiwwLDAsMCw3NSwyMFptMCw1NUg0MFY0MEg3NVptOTUtMjcuNWExMCwxMCwwLDAsMC0xMCwxMFY3NUgxMjVWNDBoMTcuNWExMCwxMCwwLDAsMCwwLTIwSDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMFY3NWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFY1Ny41QTEwLDEwLDAsMCwwLDE3MCw0Ny41Wk03NSwxMDVINDBhMjAuMDYsMjAuMDYsMCwwLDAtMjAsMjB2MzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAsMjBINzVhMjAuMDYsMjAuMDYsMCwwLDAsMjAtMjBWMTI1QTIwLjA2LDIwLjA2LDAsMCwwLDc1LDEwNVptMCw1NUg0MFYxMjVINzVabTg1LTU1SDEyNWEyMC4wNiwyMC4wNiwwLDAsMC0yMCwyMHYzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMCwyMGgzNWEyMC4wNiwyMC4wNiwwLDAsMCwyMC0yMFYxMjVBMjAuMDYsMjAuMDYsMCwwLDAsMTYwLDEwNVptMCw1NUgxMjVWMTI1aDM1WicvPjwvc3ZnPg==);
    }
 
    #mw-panel #p-lang #p-lang-label::before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNTIgNTInIHdpZHRoPScxOCcgaGVpZ2h0PScxOCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMzksMTguNjdIMzUuNDJsLTQuMiwxMS4xMkEyOSwyOSwwLDAsMSwyMC42LDI0LjkxYTI4Ljc2LDI4Ljc2LDAsMCwwLDcuMTEtMTQuNDloNS4yMWEyLDIsMCwwLDAsMC00SDE5LjY3VjJhMiwyLDAsMSwwLTQsMFY2LjQySDIuNDFhMiwyLDAsMCwwLDAsNEg3LjYzYTI4LjczLDI4LjczLDAsMCwwLDcuMSwxNC40OUEyOS41MSwyOS41MSwwLDAsMSwzLjI3LDMwYTIsMiwwLDAsMCwuNDMsNCwxLjYxLDEuNjEsMCwwLDAsLjQ0LS4wNSwzMi41NiwzMi41NiwwLDAsMCwxMy41My02LjI1LDMyLDMyLDAsMCwwLDEyLjEzLDUuOUwyMi44Myw1MkgyOGwyLjctNy43Nkg0My42NEw0Ni4zNyw1Mmg1LjIyWm0tMTUuMy04LjI1YTIzLjc2LDIzLjc2LDAsMCwxLTYsMTEuODYsMjMuNzEsMjMuNzEsMCwwLDEtNi0xMS44NlptOC42OCwyOS4xNSw0LjgzLTEzLjgzTDQyLDM5LjU3WicvPjwvc3ZnPg==)
    }
}
 
@media screen and (max-width: 460px) {
    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        font-size: 12px;
    }
 
    #mw-panel #p-Navigation #p-Navigation-label::before,
    #mw-panel #p-lang #p-lang-label::before {
        width: 15px;
        border-width: 59px;
    }
 
    #mw-panel #p-Navigation #p-Navigation-label,
    #mw-panel #p-lang #p-lang-label {
        width: 15px;
    }
}
 
/********************
* End sidebar aside *
*********************/
 
/*****************
* Sidebar toggle *
******************/
 
#nav-content-size-toggle {
    width: 24px;
    height: 24px;
    align-self: center;
    margin-right: 6px;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    flex: 0 0 auto;
    top: 3px;
}
 
#nav-content-size-toggle::before,
#nav-content-size-toggle::after,
#nav-content-size-toggle span::before,
#nav-content-size-toggle span::after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-style: solid;
    border-color: var(--wiki-content-text-color);
}
 
#nav-content-size-toggle:hover::before,
#nav-content-size-toggle:hover::after,
#nav-content-size-toggle:hover span::before,
#nav-content-size-toggle:hover span::after {
    border-color: var(--wiki-content-link-color);
}
 
#nav-content-size-toggle::before {
    border-width: 2px 0 0 2px;
    top: 5px;
    left: 5px;
}
 
#nav-content-size-toggle::after {
    border-width: 2px 2px 0 0;
    top: 5px;
    right: 5px;
}
 
#nav-content-size-toggle span::before {
    border-width: 0 0 2px 2px;
    bottom: 5px;
    left: 5px;
}
 
#nav-content-size-toggle span::after {
    border-width: 0 2px 2px 0;
    bottom: 5px;
    right: 5px;
}
 
.content-size-expanded #nav-content-size-toggle::before {
    border-width: 0 2px 2px 0;
}
 
.content-size-expanded #nav-content-size-toggle::after {
    border-width: 0 0 2px 2px;
}
 
.content-size-expanded #nav-content-size-toggle span::before {
    border-width: 2px 2px 0 0;
}
 
.content-size-expanded #nav-content-size-toggle span::after {
    border-width: 2px 0 0 2px;
}
 
/* sidebar toggle. >=1000px only */
@media screen and (min-width: 1000px) {
    #mw-head #left-navigation:first-child {
        margin-left: calc(40px - 5px * 2); /* space for toggle button before it is loaded. */
    }
 
    body.content-size-expanded {
        grid-template-columns: [body-left] var(--layout-sidespace) [aside-left aside-right content-left] minmax(0, 1fr) [content-right] var(--layout-sidespace) [body-right];
    }
 
    body.content-size-expanded #mw-panel > * {
        display: none;
    }
 
    body.content-size-expanded #mw-panel #p-logo {
        display: block;
    }
}
 
@media screen and (max-width: 1000px) {
    #nav-content-size-toggle {
        display: none;
    }
 
    #mw-head {
        display: block;
    }
}
 
/* sidebar toggle. >=1440px only */
@media screen and (min-width: 1440px) {
    body.content-size-expanded {
        --layout-sidespace: 5px;
    }
}
 
/*********************
* End sidebar toggle *
**********************/
 
/* anchors */
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
.skin-vector #mw-indicator-mw-helplink a,
label.toctogglelabel {
    color: var(--wiki-content-link-color);
}
 
a.new,
div#content a.new {
    color: var(--wiki-content-redlink-color);
}
 
.mw-interwiki-legend .mw-collapsible-toggle a {
    color: var(--wiki-content-text-color);
}
 
ul {
    list-style-image: url(/images/7/7a/Bullet.png);
}
 
.CategoryTreeToggle {
    color: var(--wiki-content-link-color);
}
 
.mw-warning {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5);
    border-bottom: 1px solid rgba(65, 79, 106, 0.3);
}
 
div.mw-warning-with-logexcerpt {
    border: 2px solid rgba(65, 79, 106, 0.3);
}
 
code {
    background-color: #000000;
    color: #ffffff;
}
 
pre,
.skin-vector .mw-code {
    background-color: #000000;
    border: 1px dashed rgba(65, 79, 106, 0.3);
    color: #e0e0e0;
}
 
fieldset {
    border: 1px solid #527fd0;
}
 
/* thumbnails and galleries */
div.thumbinner {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    border: 1px solid rgba(65, 79, 106, 0.3);
}
 
img.thumbborder {
    border: 1px solid rgba(65, 79, 106, 0.3);
}
 
html .thumbimage {
    border: 1px solid rgba(65, 79, 106, 0.3);
}
 
li.gallerybox div.thumb {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    background-image: none;
    border: 1px solid rgba(65, 79, 106, 0.3);
}
 
html .thumbimage {
    background-color: transparent;
    border: 1px solid rgba(65, 79, 106, 0.3);
}
 
/*************
* Wikitables *
**************/
 
:root {
    --wiki-table-background-color: var(--wiki-content-background-color--tertiary);
    --wiki-table-background-color--rgb: var(--wiki-content-background-color--tertiary--rgb);
    --wiki-table-background-color--even: #0f1733;
 
    --wiki-table-header-background-color: #090e21;
   
    --wiki-table-border-color--rgb: 65, 79, 106;
}
 
.skin-vector .wikitable {
    background-color: var(--wiki-table-background-color);
    border: 4px solid;
    border-radius: 5px;
    border-collapse: inherit;
    border-image-source: var(--wiki-content-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    border-spacing: 0;
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
}
 
.skin-vector .wikitable th {
    background-color: var(--wiki-table-header-background-color);
    border: none;
    text-align: center;
    color: var(--wiki-content-text-color);
    padding: 5px;
}
 
.skin-vector .wikitable td {
    border: none;
    color: var(--wiki-content-text-color);
    padding: 5px;
}
 
.skin-vector table.wikitable tr:nth-child(even) {
    background-color: var(--wiki-table-background-color--even);
}
 
.skin-vector .TablePager,
.skin-vector .mw-datatable,
table.mw_metadata {
    background-color: rgba(var(--wiki-table-background-color--rgb), 0.1);
    border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3);
    color: var(--wiki-content-text-color);
}
 
.skin-vector .TablePager th,
.skin-vector .mw-datatable th,
table.mw_metadata th {
    background: #a6274e;
    /* Old browsers */
    background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0);
    /* IE6-9 */
    border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3);
    color: var(--wiki-content-text-color);
}
 
.skin-vector .TablePager tr:hover td,
.skin-vector .mw-datatable tr:hover td {
    background-color: rgba(var(--wiki-table-border-color--rgb), 0.3) !important;
    color: var(--wiki-content-text-color);
}
 
.skin-vector .TablePager th a,
.skin-vector .mw-datatable th a,
table.mw_metadata th a {
    background: #a6274e;
    /* Old browsers */
    background: -moz-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6274e', endColorstr='#ffe280', GradientType=0);
    /* IE6-9 */
    color: var(--wiki-content-text-color) !important;
}
 
.skin-vector .TablePager td,
.skin-vector .mw-datatable td,
table.mw_metadata td {
    background-color: rgba(var(--wiki-table-background-color--rgb), 0.1);
    border: 1px solid rgba(var(--wiki-table-border-color--rgb), 0.3);
    color: var(--wiki-content-text-color);
}
 
/* sort headers */
th.header-bg.th.headerSort,
.skin-vector table.jquery-tablesorter th.headerSort {
    background-attachment: scroll;
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}
 
th.header-bg.th.headerSortDown,
.skin-vector table.jquery-tablesorter th.headerSortDown {
    background-attachment: scroll;
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}
 
th.header-bg.th.headerSortUp,
.skin-vector table.jquery-tablesorter th.headerSortUp {
    background-attachment: scroll;
    background-repeat: no-repeat, repeat;
    background-position: center right, center center;
    padding-right: 21px;
}
 
/* The following three rules below may or may not be doing anything that wasn't
** being done above ¯\_(ツ)_/¯ Keeping them here just in case.
*/
.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);
}
 
/*****************
* End wikitables *
******************/
 
/*****************
* Navbox styling *
******************/
table.navbox {
    clear: both;
    font-size: 0.88em;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
    border: 1px solid transparent;
    border-image-source: var(--wiki-content-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
}
 
/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}
 
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
 
.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
 
/* Base background */
.navbox,
.navbox-subgroup {
    background: var(--wiki-content-background-color--tertiary);
    border-radius: 9px;
}
 
.navbox-list {
    border-color: var(--wiki-content-background-color--tertiary);
    /* Must match background color */
}
 
/* Level 1 color */
.navbox-title,
table.navbox th {
    background: var(--wiki-table-header-background-color);
    color: var(--wiki-content-text-color);
    font-family: 'Dosis', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.75px;
}
 
/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: var(--wiki-table-header-background-color);
    color: var(--wiki-content-text-color);
}
 
/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
}
 
/* Even row striping */
.navbox-even {
    background: var(--wiki-table-background-color--even);
    color: var(--wiki-content-text-color);
}
 
/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}
 
.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}
 
.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
 
/* Fix for wikitable navs; this works so I'm doing it */
.wikitable-nav {
    width: auto;
    display: grid;
}
 
.wikitable-nav > tbody {
    display: inline-table;
}
 
/*********************
* End navbox styling *
**********************/
 
/* Page history */
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}
 
#pagehistory li.selected {
    background-color: #000000;
    background-image: none;
    border: 1px dashed #505050;
    padding: 3px;
}
 
.skin-vector table.diff,
.skin-vector td.diff-otitle,
.skin-vector td.diff-ntitle {
    background-color: rgba(0, 0, 0, 0);
}
 
.skin-vector td.diff-addedline,
.skin-vector td.diff-deletedline,
.skin-vector td.diff-context {
    border-style: solid;
    border-width: 1px 1px 1px 4px;
}
 
.skin-vector td.diff-context {
    background: none repeat scroll 0 0 transparent;
    color: #c0c0c0;
}
 
.skin-vector td.diff-deletedline {
    background-color: #440000;
    border-color: #e62444;
}
 
.skin-vector td.diff-deletedline .diffchange {
    color: #e62444;
}
 
.skin-vector td.diff-addedline {
    background-color: #004400;
    border-color: #bfd959;
}
 
.skin-vector td.diff-addedline .diffchange {
    color: #bfd959;
}
 
/* search form */
.skin-vector .mw-search-profile-tabs {
    background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    border: 1px solid rgba(65, 79, 106, 0.3);
    margin-top: 1em;
}
 
.skin-vector .mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--wiki-content-text-color);
}
 
.skin-vector .mw-search-profile-tabs div.search-types ul li a {
    color: #c0c0c0;
}
 
.mw-search-result-data {
    color: #c0c0c0;
}
 
.skin-vector fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);
    border: 1px solid rgba(65, 79, 106, 0.3) !important;
}
 
.skin-vector fieldset#mw-searchoptions div.divider {
    border-bottom: 1px solid rgba(65, 79, 106, 0.3);
}
 
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
    border-style: solid solid none;
    border-width: thin;
    border-color: #808080;
    padding: 0.25ex 1ex 0ex;
    font-size: 95%;
}
 
.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 1.5em auto;
    width: 80%;
}
 
.ambox-gray {
    border-left-color: #383838;
}
 
.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}
 
.ambox + .ambox {
    margin-top: -2px;
}
 
.ambox-text {
    padding: 0.25em 0.5em;
}
 
.ambox-image {
    padding: 2px 0px 2px 0.5em;
    text-align: center;
    width: 60px;
}
 
.ambox-tiny .ambox-image {
    padding: 2px 0.5em;
    text-align: left;
    width: auto;
}
 
/* Ambox colors */
.ambox-blue {
    border-left: 10px solid #1e90ff;
}
 
.ambox-red {
    border-left: 10px solid #b22222;
}
 
.ambox-orange {
    border-left: 10px solid #f28500;
}
 
.ambox-yellow {
    border-left: 10px solid #f4c430;
}
 
.ambox-purple {
    border-left: 10px solid #9932cc;
}
 
.ambox-gray {
    border-left: 10px solid #bba;
}
 
.ambox-green {
    border-left: 10px solid #228b22;
}
 
/* Ambox small text */
.amsmalltext {
    font-size: smaller;
    margin-left: 0.8em;
    margin-top: 0.5em;
}
 
/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(65, 79, 106, 0.3);
    color: #ffffff;
    float: right;
    font-size: 89%;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    width: 300px;
}
 
.infoboxtable td {
    vertical-align: top;
}
 
.infoboxtable td>div {
    background-color: #181818;
    border: 2px solid inherit;
    border-radius: 5px;
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}
 
.infoboxname {
    background-color: #181818;
    font-size: 110%;
    font-weight: bold;
    padding: 0.5em;
}
 
.infoboxdetails {
    padding: 0em;
}
 
/* interwiki table bg fix for active entries */
.mw-interwikitable-local,
.mw-interwikitable-trans {
    text-shadow: 1px 1px 1px #000000;
}
 
.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 10px;
}
 
/* this CSS governs the responsive 2 column main page layout */
.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
 
.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}
 
.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}
 
.fpbox {
    background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5);
    color: var(--wiki-content-text-color);
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 5px;
    border-image-source: var(--wiki-content-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
}
 
.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}
 
.fpbox .welcome {
    border-bottom: rgba(65, 79, 106, 0.3);
    color: var(--wiki-content-text-color);
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-align: center;
}
 
.fpbox .heading {
    border-bottom: rgba(65, 79, 106, 0.3);
    color: var(--wiki-content-text-color);
    font-size: 132%;
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}
 
.fpbox .heading .smalllink {
    color: var(--wiki-content-text-color);
    font-size: 75%;
    font-weight: bold;
}
 
.fpbox hr {
    border: none;
    border-bottom: 2px solid rgba(65, 79, 106, 0.3);
}
 
.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(65, 79, 106, 0.3);
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}
 
.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
 
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    width: 100%;
}
 
.fplink .box .row {
    display: table-row;
}
 
.fplink .box .row .cell {
    background: rgba(0, 0, 0, 0);
    border: 2px solid rgba(65, 79, 106, 0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    color: var(--wiki-content-text-color);
    display: table-cell;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
 
.fplink.wide .box .row .cell {
    padding: 0 5px;
}
 
#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image {
    height: 114px;
    width: 114px;
}
 
.fplink.image .box .row .cell {
    height: 100px;
    width: 100px;
    vertical-align: bottom;
}
 
.fplink.image .box .row .cell .image img {
    height: 100px;
    width: 100px;
}
 
@media (min-width: 470px) {
    .fplink {
        width: 50%;
    }
 
    .fplink.wide {
        width: 100%;
    }
}
 
@media (min-width: 580px) {
    .fplink {
        width: 33.333%;
    }
 
    .fplink.wide {
        width: 66.666%;
    }
}
 
@media (min-width: 690px) {
    .fplink {
        width: 25%;
    }
 
    .fplink.wide {
        width: 50%;
    }
}
 
@media (min-width: 800px) {
    .fplink {
        width: 20%;
    }
 
    .fplink.wide {
        width: 40%;
    }
}
 
@media (min-width: 910px) {
    .fplink {
        width: 16.666%;
    }
 
    .fplink.wide {
        width: 33.333%;
    }
}
 
@media (min-width: 990px) {
    .fpcontent {
        padding-right: 520px;
        width: auto;
    }
 
    #fptopsection {
        float: left;
        width: 100%;
    }
 
    #fpflexsection {
        float: right;
        width: 520px;
        margin-right: -520px;
    }
 
    #fpbottomsection {
        float: left;
        width: 100%;
        margin-top: -5px;
    }
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 50%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 100%;
    }
 
    #fpflexsection .fplink {
        width: 25%;
    }
 
    #fpflexsection .fplink.wide {
        width: 50%;
    }
}
 
@media (min-width: 1100px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 33.333%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 66.666%;
    }
}
 
@media (min-width: 1210px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 25%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 50%;
    }
}
 
@media (min-width: 1320px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 20%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 40%;
    }
}
 
@media (min-width: 1430px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 16.666%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 33.333%;
    }
 
    .fplink a {
        padding: 3px 5px;
    }
}
 
@media (min-width: 1540px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 14.285%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 28.571%;
    }
 
    #fptopsection .fpmaybercol .fpbox,
    #fpbottomsection .fpmaybercol .fpbox {
        background-image: none;
    }
 
    .fpmaybelcol {
        float: left;
        width: 70.886%;
    }
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 20%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 40%;
    }
 
    .fpmaybercol {
        float: right;
        width: 29.113%;
    }
 
    #fptopsection .fpmaybercol .fplink,
    #fpbottomsection .fpmaybercol .fplink {
        width: 50%;
    }
 
    #fptopsection .fpmaybercol .fplink.wide,
    #fpbottomsection .fpmaybercol .fplink.wide {
        width: 100%;
    }
}
 
@media (min-width: 1650px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 12.5%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 25%;
    }
}
 
@media (min-width: 1697px) {
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 16.666%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 33.333%;
    }
}
 
@media (min-width: 1760px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 11.111%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 22.222%;
    }
}
 
@media (min-width: 1850px) {
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 14.285%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 28.571%;
    }
}
 
@media (min-width: 1870px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 10%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 20%;
    }
 
    #fptopsection .fplink.image,
    #fpbottomsection .fplink.image {
        width: 134px;
        height: 134px;
    }
 
    #fptopsection .fplink.image .box .row .cell,
    #fpbottomsection .fplink.image .box .row .cell {
        width: 120px;
        height: 120px;
    }
 
    #fptopsection .fplink.image .box .row .cell .image img,
    #fpbottomsection .fplink.image .box .row .cell .image img {
        width: 120px;
        height: 120px;
    }
}
 
@media (min-width: 1918px) {
 
    #fptopsection .fpmaybercol .fplink,
    #fpbottomsection .fpmaybercol .fplink {
        width: 33.333%;
    }
 
    #fptopsection .fpmaybercol .fplink.wide,
    #fpbottomsection .fpmaybercol .fplink.wide {
        width: 66.666%;
    }
}
 
@media (min-width: 1980px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 9.09%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 18.181%;
    }
}
 
@media (min-width: 2006px) {
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 12.5%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 25%;
    }
}
 
@media (min-width: 2090px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 8.33%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 16.666%;
    }
}
 
@media (min-width: 2161px) {
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 11.111%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 22.222%;
    }
}
 
@media (min-width: 2200px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 7.692%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 15.384%;
    }
}
 
@media (min-width: 2296px) {
 
    #fptopsection .fpmaybercol .fplink,
    #fpbottomsection .fpmaybercol .fplink {
        width: 25%;
    }
 
    #fptopsection .fpmaybercol .fplink.wide,
    #fpbottomsection .fpmaybercol .fplink.wide {
        width: 50%;
    }
}
 
@media (min-width: 2310px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 7.142%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 14.285%;
    }
}
 
@media (min-width: 2316px) {
 
    #fptopsection .fpmaybelcol .fplink,
    #fpbottomsection .fpmaybelcol .fplink {
        width: 10%;
    }
 
    #fptopsection .fpmaybelcol .fplink.wide,
    #fpbottomsection .fpmaybelcol .fplink.wide {
        width: 20%;
    }
}
 
@media (min-width: 2420px) {
 
    #fptopsection .fplink,
    #fpbottomsection .fplink {
        width: 6.666%;
    }
 
    #fptopsection .fplink.wide,
    #fpbottomsection .fplink.wide {
        width: 13.333%;
    }
 
    .fplink a {
        padding: 5px 5px;
    }
 
    #fptopsection .fplink.image,
    #fpbottomsection .fplink.image {
        width: 164px;
        height: 164px;
    }
 
    #fptopsection .fplink.image .box .row .cell,
    #fpbottomsection .fplink.image .box .row .cell {
        width: 150px;
        height: 150px;
    }
 
    #fptopsection .fplink.image .box .row .cell .image img,
    #fpbottomsection .fplink.image .box .row .cell .image img {
        width: 150px;
        height: 150px;
    }
}
 
.fplink.image .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 75%;
    z-index: 1;
}
 
.fplink.image a {
    z-index: 2;
}
 
.fplink a {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1px 5px;
}
 
.fplink.image .image a {
    padding: 0;
}
 
.fplink.image .link a {
    background: rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgba(65, 79, 106, 0.3);
}
 
.fplink.wide a {
    margin: 0 -5px;
}
 
.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
 
.fpvideo {
    display: inline-block;
    margin: 0 5px;
}
 
.oo-ui-menuSelectWidget {
    z-index: 10;
}
 
/* Stupid hack to get the video in the main page
  to display correctly in smaller windows */
.fpbox .embedvideo {
    width: unset!important;
}
 
/* New style main button */
.dc_button {
    vertical-align: top;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid rgba(65, 79, 106, 0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    min-width: 100px;
    height: 100px;
    margin: 5px;
}
 
.dc_button a {
    display: block;
}
 
.dc_button:hover {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff;
    border: 2px solid #00a3da;
}
 
.dc_btext {
    margin: 6px 0px 0px 0px;
    height: 20px !important;
    overflow: hidden;
    border-top: 2px solid rgba(65, 79, 106, 0.3);
}
 
.dc_button:hover .dc_btext {
    border-top: 2px solid #00a3da;
}
 
 
/**/
.dc_button2 {
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid rgba(65, 79, 106, 0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    min-width: 94px;
    margin: 5px;
}
 
.dc_button2 a {
    display: block;
    height: 100%;
}
 
.dc_button2:hover {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff;
    border: 2px solid #00a3da;
}
 
.dc_btext a.external {
    background-image: none;
    padding-right: 0px;
}
 
/*Input title skin*/
.skin-vector .mw-ui-button.mw-ui-progressive:disabled,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
    background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5);
    border: 2px solid rgba(65, 79, 106, 0.3);
    border-radius: 2px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
    color: var(--wiki-content-link-color);
}
 
.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled,
.mw-ui-input:hover {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff;
    border: 2px solid #00a3da;
}
 
.mw-ui-input {
    background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.5);
    height: 37px;
    color: var(--wiki-content-link-color);
    border: 2px solid rgba(65, 79, 106, 0.3);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset;
}
 
.mw-ui-button.mw-ui-progressive:hover {
    background-color: #512f2a;
}
 
.mw-ui-button.mw-ui-progressive,
.mw-ui-input:focus {
    box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff;
    border: 2px solid #00a3da;
    background-color: #261310;
    color: var(--wiki-content-link-color);
}
 
.mobile_title {
    display: none;
}
 
/* Images should be responsive */
img.res-img {
    max-width: 100%;
    height: auto;
}
 
/**************************
* Custom page backgrounds *
***************************/
 
/* Special BGs */
.page-The_Bank {
    --wiki-body-background-image: url(/images/a/ae/Bank.png); /* [[File:BG-Bank.png]] */
}
 
/* Gear BG*/
.page-Gear {
    --wiki-body-background-image: url(/images/d/d1/BG-PrisonersQuarters-GearBottles.png); /* [[File:BG-PrisonersQuarters-GearBottles.png]] */
}
 
/*Outfits BG */
.page-Outfits {
    --wiki-body-background-image: url(/images/2/22/BG-PQ-OutfitRoom.png); /* [[File:BG-PQ-OutfitRoom.png]] */
}
 
/* Stage 1 BG */
.page-Prisoners_Quarters {
    --wiki-body-background-image: url(/images/6/6f/PQ-Background-WithGiant.png);
}
 
/* Stage 2 BGs */
.page-Promenade_of_the_Condemned {
    --wiki-body-background-image: url(/images/2/29/BG-Promenade-Trees.png); /* [[File:BG-Promenade-Trees.png]] */
}
 
.page-Toxic_Sewers {
    --wiki-body-background-image: url(/images/3/30/BG-ToxicSewers-Pipes.png); /* [[File:BG-ToxicSewers-Pipes.png]] */
}
 
.page-Dilapidated_Arboretum {
    --wiki-body-background-image: url(/images/f/fa/BG-Arboretum-GreenhouseWithTrees.png); /* [[File:BG-Arboretum-GreenhouseWithTrees.png]] */
}
 
/* Stage 2.5 BGs */
.page-Corrupted_Prison {
    --wiki-body-background-image: url(/images/e/ea/BG-CorruptedPrison.png); /* [[File:BG-CorruptedPrison.png]] */
}
 
.page-Prison_Depths {
    --wiki-body-background-image: url(/images/8/8a/BG-PrisonDepths.png); /* [[File:BG-PrisonDepths.png]] */
}
 
/* Stage 3 BGs */
.page-Ramparts {
    --wiki-body-background-image: url(/images/6/6e/BG-Ramparts-Towers.png); /* [[File:BG-Ramparts-Towers.png]] */
}
 
.page-Ancient_Sewers {
    --wiki-body-background-image: url(/images/6/64/BG-AncientSewers-Water.png); /* [[File:BG-AncientSewers-Water.png]] */
}
 
.page-Ossuary {
    --wiki-body-background-image: url(/images/0/08/BG-Ossuary-Entrance.png); /* [[File:BG-Ossuary-Entrance.png]] */
}
 
.page-Morass_of_the_Banished {
    --wiki-body-background-image: url(/images/7/7a/BG-Morass-Swamp.png); /* [[File:BG-Morass-Swamp.png]] */
}
 
/* 1st Bosses BGs */
.page-Black_Bridge {
    --wiki-body-background-image: url(/images/4/4a/BG-BlackBridge.png); /* [[File:BG-BlackBridge.png]] */
}
 
.page-Insufferable_Crypt {
    --wiki-body-background-image: url(/images/c/ce/BG-InsufferableCrypt-Arena.png); /* [[File:BG-InsufferableCrypt-Arena.png]] */
}
 
.page-Nest {
    --wiki-body-background-image: url(/images/a/a6/BG-Nest.png); /* [[File:BG-Nest.png]] */
}
 
/* Stage 4 BGs */
.page-Stilt_Village {
    --wiki-body-background-image: url(/images/7/7a/BG-Stilt-Houses.png); /* [[File:BG-Stilt-Houses.png]] */
}
 
.page-Graveyard {
    --wiki-body-background-image: url(/images/4/42/BG-Graveyard.png); /* [[File:BG-Graveyard.png]] */
}
 
.page-Slumbering_Sanctuary {
    --wiki-body-background-image: url(/images/9/9a/BG-SlumberingSanctuary-Asleep.png); /* [[File:BG-SlumberingSanctuary-Asleep.png]] */
}
 
.page-Fractured_Shrines {
    --wiki-body-background-image: url(/images/b/b6/BG-Fractured-Shrines-Outdoors.png); /* [[File:BG-Fractured-Shrines-Outdoors.png]] */
}
 
/* Stage 5 BGs */
.page-Forgotten_Sepulcher {
    --wiki-body-background-image: url(/images/8/8d/BG-Sepulcher-KeyRoom.png); /* [[File:BG-Sepulcher-KeyRoom.png]] */
}
 
.page-Undying_Shores {
    --wiki-body-background-image: url(/images/0/06/BG-Undying-Shores-Boats.png); /* [[File:BG-Undying-Shores-Boats.png]] */
}
 
/* 2nd Bosses BGs */
.page-Clock_Room {
    --wiki-body-background-image: url(/images/d/de/BG-ClockRoom.png); /* [[File:BG-ClockRoom.png]] */
}
 
.page-Guardian_s_Haven {
    --wiki-body-background-image: url(/images/8/89/GuardiansHaven.png); /* [[File:BG-GuardiansHaven.png]] */
}
 
.page-Mausoleum {
    --wiki-body-background-image: url(/images/d/d8/BG-Mausoleum-BossRoom.png); /* [[File:BG-Mausoleum-BossRoom.png]] */
}
 
/* Stage 6 BGs */
.page-High_Peak_Castle {
    --wiki-body-background-image: url(/images/1/1e/BG-High-Peak-Statue.png); /* [[File:BG-High-Peak-Statue.png]] */
}
 
.page-Derelict_Distillery {
    --wiki-body-background-image: url(/images/f/f4/BG-DerelictDistillery-Barrels.png); /* [[File:BG-DerelictDistillery-Barrels.png]] */
}
 
.page-Lighthouse {
    --wiki-body-background-image: url(/images/f/fc/BG-Lighthouse.png); /* [[File:BG-Lighthouse.png]] */
}
 
/* 3rd Bosses BGs */
.page-Throne_Room {
    --wiki-body-background-image: url(/images/e/e5/BG-ThroneRoom-Small.png); /* [[File:BG-ThroneRoom-Small.png]] */
}
 
.page-The_Crown {
    --wiki-body-background-image: url(/images/f/fd/BG-The-Crown.png); /* [[File:BG-The-Crown.png]] */
}
 
/******************************
* End custom page backgrounds *
*******************************/
 
/* Force all images to have crisp edges when scaled up */
#content img:not(.no-pixel) {
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
}
 
/* Force all images with the class to definitely render as they normally would have */
#content img.no-pixel {
    image-rendering: initial;
}
 
/* Fix for highlighted references */
ol.references li:target,
sup.reference:target {
    background-color: rgba(150, 100, 100, 0.3);
    border-radius: 5px;
}
 
/******************
* Infobox styling *
*******************/
 
:root {
    --pi-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7);
    --pi-background-image: var(--wiki-content-background);
    --pi-secondary-background: var(--wiki-accent-color);
 
    --pi-border-color: rgba(var(--wiki-accent-color--rgb), 0.5);
    --pi-border-image: var(--wiki-content-border-image);
 
    --pi-header-background: rgba(6, 9, 19, 0.5);
    --pi-header-color: #f7eb62;
    --pi-header-border-image: radial-gradient(#414f6a, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) 60% 20%;
 
    --pi-data-label-background-color: #181818;
 
    --pi-text-color: #e8e8e8;
 
    --pi-tab-text-color: #bcbcbc;
    --pi-tab-text-color--hover: #e8e8e8;
    --pi-tab-text-color-active: var(--wiki-content-link-color);
    --pi-tab-text-color-active--hover: var(--wiki-content-link-color);
 
    --pi-width: 350px;
}
 
.portable-infobox {
    background: var(--pi-background);
    background-image: var(--pi-background-image);
    background-position: bottom right;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-image-source: var(--pi-border-image);
    border-image-slice: 15 16;
    border-image-width: 15px;
    border-radius: 5px;
    padding: 6px;
    margin-left: 1em;
    margin-bottom: 0.5em;
    width: var(--pi-width);
}
 
/* Force the infobox images to scale pixelated */
.portable-infobox {
    /* Legal fallback */
    image-rendering: optimizeSpeed;
    /* Firefox        */
    image-rendering: -moz-crisp-edges;
    /* Opera          */
    image-rendering: -o-crisp-edges;
    /* Safari        */
    image-rendering: -webkit-optimize-contrast;
    /* CSS3 Proposed  */
    image-rendering: optimize-contrast;
    /* IE8+          */
    -ms-interpolation-mode: nearest-neighbor;
    /* Chrome        */
    image-rendering: pixelated;
}
 
.portable-infobox .pi-title,
.portable-infobox .pi-header {
    background: var(--pi-header-background) !important;
    line-height: 36px;
    color: var(--pi-header-color);
    font-size: 150%;
    font-family: 'Dosis', sans-serif;
    padding: 5px !important;
    text-align: center;
    font-weight: bold;
    border: none;
    border-bottom: 3px solid transparent;
    border-image: var(--pi-header-border-image);
}
 
.portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation {
    text-align: center;
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    background: var(--pi-header-background);
    padding: 5px;
    border: none;
    border-top: 3px solid transparent;
    border-image: var(--pi-header-border-image);
}
 
.portable-infobox .pi-border-color {
    border-color: transparent;
}
 
.portable-infobox .pi-secondary-font,
.portable-infobox .pi-data-value {
    line-height: 1.6;
    font-size: 14px;
    color: var(--pi-text-color);
    hyphens: none;
}
 
.portable-infobox .pi-secondary-font {
    font-weight: bold;
    padding-top: 0;
}
 
.portable-infobox .pi-data-label {
    flex-basis: 140px;
    font-family: Ubuntu, sans-serif;
    hyphens: none;
}
 
.portable-infobox .pi-data-value:not(:first-child) {
    flex-basis: calc(100% - 130px);
}
 
.portable-infobox .pi-item-spacing {
    padding: 2px 5px;
}
 
.pi-section-navigation .pi-section-label,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing {
    background: none;
    color: var(--pi-tab-text-color);
    border: none;
    font-family: 'Nova Flat', sans-serif;
    font-size: 125%;
    padding: 0.5em 0;
    margin: 0 4px;
}
 
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing {
    padding: calc(0.5em + 2px) 5px;
}
 
.pi-section-navigation .pi-section-tab:hover .pi-section-label,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover {
    color: var(--pi-tab-text-color--hover);
}
 
.pi-section-tab,
.pi-tab-link {
    cursor: pointer;
}
 
.pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing,
.pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active {
    background: none;
    border: none;
}
 
.pi-panel-scroll-wrapper .pi-section-tab.pi-item-spacing.pi-section-active .pi-section-label,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current {
    color: var(--pi-tab-text-color-active);
}
 
.pi-panel-scroll-wrapper .pi-section-tab.pi-section-active,
.pi-panel-scroll-wrapper .pi-section-tab.pi-section-active:hover,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing.current:hover {
    box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color-active--hover);
}
 
.pi-panel-scroll-wrapper .pi-section-tab:hover,
.pi-media-collection-tabs .pi-tab-link.pi-item-spacing:hover {
    box-shadow: inset 0 -2px 0 0 var(--pi-tab-text-color--hover);
    transition: -webkit-box-shadow .1s;
    transition: box-shadow .1s;
    transition: box-shadow .1s, -webkit-box-shadow .1s;
}
 
.pi-section-navigation .pi-section-tab,
.pi-media-collection .pi-tab-link {
    white-space: normal;
}
 
.pi-smart-data-value:not(:first-child),
.pi-smart-data-label:not(:first-child) {
    border-color: transparent;
}
 
/* Image scaling for items, mutations, and upgrades */
.portable-infobox:is(.pi-theme-mutation, .pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact,
    .pi-theme-surv, .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv,
    .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact,
    .pi-theme-colorless) .pi-image-thumbnail {
    min-width: 72px;
    max-width: calc(var(--pi-width) - 20px);
    height: auto;
}
 
/* Image scaling for enemies and NPCs */
.portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) .pi-image-thumbnail {
    min-width: 80px;
    max-width: var(--pi-width);
    height: auto;
}
 
/* Image scaling for biomes, versions, and DLCs */
.portable-infobox:is(.pi-theme-biome, .pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail {
    max-width: var(--pi-width);
    width: 100%;
    height: auto;
}
 
/* Force the images for versions and DLCs to not be pixelated */
.portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-image-thumbnail {
    image-rendering: initial !important;
}
 
.portable-infobox .pi-secondary-background {
    background: none;
}
 
.portable-infobox .pi-secondary-background + .pi-secondary-background {
    border-top: none;
}
 
/* Gives data labels unique background */
.portable-infobox .pi-data-label {
    flex-basis: 115px;
    background-color: var(--pi-data-label-background-color);
    border-radius: 5px;
    padding: 0.5px 7px;
    text-align: right;
    font-size: 14px;
}
 
/* Undos changes from above for special centered data labels */
.portable-infobox .pi-smart-group-head .pi-data-label,
.portable-infobox .pi-horizontal-group .pi-data-label {
    background-color: transparent;
    border-radius: 0;
    padding: 2px 5px;
    text-align: center;
}
 
.portable-infobox .pi-data-value:not(:first-child) {
    flex-basis: calc(100% - 76px);
}
 
.portable-infobox .pi-item-spacing {
    padding: 3px 5px;
}
 
.portable-infobox .pi-section-navigation {
    flex-wrap: wrap;
    justify-content: center;
}
 
.pi-section-label {
    margin: 0 4px;
    font-size: 11px;
}
 
.pi-section-content.pi-section-active {
    border: none;
}
 
.pi-smart-group .pi-smart-data-label,
.pi-smart-group .pi-smart-data-value {
    flex-basis: auto !important;
}
 
/* Add scaling background for images in item and upgrade infoboxes */
.portable-infobox:is(.pi-theme-upgrade, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv,
    .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv,
    .pi-theme-survbrut, .pi-theme-tactsurv, .pi-theme-survtact,
    .pi-theme-colorless) .pi-image {
    margin: 5px;
    padding: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
 
.portable-infobox.pi-theme-brut .pi-image {
    background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */
}
 
.portable-infobox.pi-theme-tact .pi-image {
    background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */
}
 
.portable-infobox.pi-theme-surv .pi-image {
    background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */
}
 
.portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image {
    background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */
}
 
.portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image {
    background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */
}
 
.portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image {
    background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */
}
 
.portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image {
    background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */
}
 
/* Hides the "scaling" field for items and mutations */
.portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv,
    .pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut,
    .pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"],
    [data-source="scaling_3"], [data-source="scaling_4"]) {
    display: none;
}
 
/* Change infobox background depending on the scaling */
.portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) {
    background-size: 200px;
}
 
.portable-infobox.pi-theme-brut {
    background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */
}
 
.portable-infobox.pi-theme-tact {
    background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */
}
 
.portable-infobox.pi-theme-surv {
    background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */
}
 
/**********************
* End infobox styling *
***********************/
 
/* Title of search result pages */
.unified-search__result__title {
    font-size: 18px;
}
 
/* WDS Banner notifications styling */
.wds-banner-notification {
    color: var(--wiki-content-text-color);
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #527fd0;
    border-radius: 10px;
}
 
.wds-banner-notification__text {
    color: var(--wiki-content-text-color);
}
 
.wds-success .wds-banner-notification__icon {
    border-radius: 8.5px 0 0 8.5px;
}
 
/* End of WDS styling */
 
table {
    display: table;
    white-space: inherit;
}
 
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background: none;
}
 
/**************
* Preferences *
***************/
 
:root {
    --preferences-background-color: var(--wiki-body-background-color);
}
 
.page-Special_Preferences .mw-body::before {
    background: var(--preferences-background-color);
    backdrop-filter: none;
}
 
.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: var(--wiki-content-background-color--tertiary);
    border: 1px solid var(--wiki-content-link-color);
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
 
.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: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}
 
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color);
}
 
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-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(--preferences-background-color);
    border-top: 1px solid var(--wiki-content-link-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-dropdownInputWidget.oo-ui-widget-enabled select {
    color: var(--wiki-content-text-color);
}
 
.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-content-link-color);
    box-shadow: none;
}
 
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: var(--wiki-content-text-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: rgba(var(--wiki-content-link-color--rgb), 0.15);
    color: var(--wiki-content-link-color);
}
 
.oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout {
    border-left: 1px solid var(--wiki-content-link-color) !important;
    border-right: 1px solid var(--wiki-content-link-color) !important;
    border-radius: 0;
}
 
/****************
* End preferences *
*****************/
 
/***************
* Page history *
****************/
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}
 
#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);
    padding: 3px;
}
 
.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: transparent;
    border-color: var(--wiki-content-border-color);
    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";
}
 
/*******************
* End page history *
********************/
 
/********************
* Table of contents *
*********************/
 
/* Copied from Terraria Wiki */
:root {
    --theme-border-color: var(--wiki-content-border-color);
    --theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7);
    --theme-text-color: var(--wiki-content-text-color);
    --theme-text-color-note: #bcbcbc;
    --theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8);
    --theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color);
    --theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15);
 
}
 
/** ToC **/
.toc {
    clear: left;
    border-radius: 4px;
    border: 1px solid var(--theme-border-color);
    background: var(--theme-box-background);
    margin: 1em auto 1em 0;
    padding: 0;
    font-size: 1em;
    min-width: 12em;
    box-shadow: 0 0.1em 0.2em #000000;
}
 
.toc .toctitle h2 {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0 0.5em;
    border: none;
    font-family: 'Nova Flat', sans-serif;
    color: var(--wiki-content-link-color);
}
 
.toc .toctitle h2::before {
    content: '';
    display: block;
    width: 12px;
    height: 0;
    border-bottom: 52px solid transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    filter: drop-shadow(0 40px 0 var(--wiki-content-link-color));
    margin: -40px 6px 0 0;
}
 
.toc .toctitle {
    position: relative;
    overflow: hidden;
    text-align: left;
}
 
.toc .toctogglelabel {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding-right: 1em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
 
.toc .toctogglespan::before,
.toc .toctogglespan::after {
    display: none;
}
 
.toc .toctogglelabel::after {
    display: none;
}
 
.toc .toctogglelabel::before {
    content: '';
    display: inline-block;
    background: none;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: var(--theme-widget-toc-arrow-color) transparent;
    border-width: 0 5px 6px 5px;
    vertical-align: middle;
    flex: 0 0 auto;
}
 
.toc .toctogglelabel:hover::before {
    border-color: var(--theme-widget-toc-arrow-color--hover) transparent;
}
 
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
    border-width: 6px 5px 0 5px;
}
 
/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked~ul {
    overflow: hidden;
    display: block;
    height: 0;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
    margin: 0 0 0 1em;
}
 
.toc a {
    color: var(--theme-text-color);
}
 
.toc .tocnumber {
    color: var(--theme-text-color-note);
}
 
.toc .tocnumber::after {
    content: '.';
}
 
.toc .toctext {
    font-family: 'Dosis', sans-serif;
    font-weight: bolder;
}
 
.toc .toctitle,
.toc>ul {
    padding: 0.5em;
}
 
.toc>ul {
    border-top: 1px solid var(--theme-border-color);
    margin: 0;
}
 
.toc>ul a {
    display: block;
    padding: 2px 0.5em;
    border-radius: 4px;
    transition: background 0.1s;
}
 
.toc>ul a:hover {
    text-decoration: none;
    background: var(--theme-widget-toc-item-hover-background);
}
 
.toc h2 {
    font-weight: normal;
}
 
.toc li {
    margin: 0;
}
 
/************************
* End table of contents *
*************************/
 
/**************
* Wiki editor *
***************/
.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: none;
}
 
.wikiEditor-ui .wikiEditor-ui-view {
  border:1px solid var(--wiki-content-border-color)
}
 
.wikiEditor-ui-tabs div {
    border-bottom: 1px solid #3B3352;
    border-right: 1px solid #3B3352;
}
 
.wikiEditor-ui-buttons {
    background: rgba(0, 0, 0, 0);
    border-top: none;
    margin-right: 5px;
}
 
.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
 
.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);
}
 
:root .wikiEditor-ui-toolbar .tabs span.tab a::before,
:root .wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: invert(1);
}
 
.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 .sections .section {
    background-color: rgba(0, 0, 0, 0.2);
    border-top: 1px solid #3B3352;
}
 
.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #3B3352;
}
 
.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(255, 255, 255, 0.2);
}
 
.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(255, 255, 255, 0.2);
}
 
.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
}
 
.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #3B3352;
}
 
.wikiEditor-ui-tabs div a {
    background: none repeat scroll 0 0 #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-preview-contents {
    background: rgba(0, 0, 0, 0);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}
 
.wikiEditor-ui-controls {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #3B3352;
}
 
.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}
 
.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%;
}
 
:root .ace_editor .ace_gutter {
    background: #232323;
    color: #E2E2E2;
}
 
:root .ace_editor .ace_print-margin {
    width: 1px;
    background: #232323;
}
 
:root .ace_editor {
    background-color: #141414;
    color: #F8F8F8;
}
 
:root .ace_editor .ace_cursor {
    color: #A7A7A7;
}
 
:root .ace_editor .ace_marker-layer .ace_selection {
    background: rgba(221, 240, 255, 0.20);
}
 
:root .ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px #141414;
}
 
:root .ace_editor .ace_marker-layer .ace_step {
    background: rgb(102, 82, 0);
}
 
:root .ace_editor .ace_marker-layer .ace_bracket {
    margin: -1px 0 0 -1px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}
 
:root .ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(255, 255, 255, 0.031);
}
 
:root .ace_editor .ace_gutter-active-line {
    background-color: rgba(255, 255, 255, 0.031);
}
 
.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}
 
:root .ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}
 
:root .ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(221, 240, 255, 0.20);
}
 
:root .ace_editor .ace_invisible {
    color: rgba(255, 255, 255, 0.25);
}
 
:root .ace_editor .ace_keyword,
:root .ace_editor .ace_meta {
    color: #CDA869;
}
 
:root .ace_editor .ace_constant,
:root .ace_editor .ace_constant.ace_character,
:root .ace_editor .ace_constant.ace_character.ace_escape,
:root .ace_editor .ace_constant.ace_other,
:root .ace_editor .ace_heading,
:root .ace_editor .ace_markup.ace_heading,
:root .ace_editor .ace_support.ace_constant {
    color: #CF6A4C;
}
 
:root .ace_editor .ace_invalid.ace_illegal {
    color: #F8F8F8;
    background-color: rgba(86, 45, 86, 0.75);
}
 
:root .ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: #D2A8A1;
}
 
:root .ace_editor .ace_support {
    color: #9B859D;
}
 
:root .ace_editor .ace_fold {
    background-color: #AC885B;
    border-color: #F8F8F8;
}
 
:root .ace_editor .ace_support.ace_function {
    color: #DAD085;
}
 
:root .ace_editor .ace_list,
:root .ace_editor .ace_markup.ace_list,
:root .ace_editor .ace_storage {
    color: #F9EE98;
}
 
:root .ace_editor .ace_entity.ace_name.ace_function,
:root .ace_editor .ace_meta.ace_tag,
:root .ace_editor .ace_variable {
    color: #AC885B;
}
 
:root .ace_editor .ace_string {
    color: #8F9D6A;
}
 
:root .ace_editor .ace_string.ace_regexp {
    color: #E9C062;
}
 
:root .ace_editor .ace_comment {
    font-style: italic;
    color: #5F5A60;
}
 
:root .ace_editor .ace_variable {
    color: #7587A6;
}
 
:root .ace_editor .ace_xml-pe {
    color: #494949;
}
 
:root .ace_editor .ace_indent-guide {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y;
}
 
.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-text-color);
}
 
.ace_button.checked {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-text-color);
}
 
.ace_searchbtn {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-text-color);
  border:1px solid var(--wiki-content-border-color);
}
 
.ace_searchbtn:hover {
  background-color:var(--wiki-accent-color--hover);
  color:var(--wiki-accent-text-color);
}
 
.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
  border-color:var(--wiki-accent-text-color);
}
 
.ace_searchbtn_close {
  color:var(--wiki-content-text-mix-color);
}
 
.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
 
.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}
 
.theme-light .CodeMirror {
    --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;
}
 
:root .CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #a900fe;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}
 
.CodeMirror {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
}
 
.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line>span::selection,
.CodeMirror .CodeMirror-line>span>span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line>span::-moz-selection,
.CodeMirror .CodeMirror-line>span>span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}
 
.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}
 
.CodeMirror div.CodeMirror-cursors,
.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}
 
.cm-keyword {
    color: var(--codemirror-purple);
}
 
.cm-def {
    color: var(--codemirror-blue);
}
 
.cm-comment {
    color: var(--codemirror-yellow);
}
 
.cm-variable-2 {
    color: var(--codemirror-light-blue);
}
 
.cm-string {
    color: var(--codemirror-red);
}
 
.cm-atom {
    color: var(--codemirror-pink);
}
 
.cm-number {
    color: var(--codemirror-green);
}
 
.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
 
.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;
}
 
/*************
* End editor *
**************/
 
/***************************************
* Various fixes for multi-theme Vector *
****************************************/
 
#wpUploadFile {
    background: none;
    border: none;
}
 
input {
    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-content-link-color);
    box-shadow: none;
}
 
input:focus-visible {
  outline:1px solid var(--wiki-content-link-color);
}
 
/* category bar and filetoc */
.catlinks,
ul#filetoc {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1);
    border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3);
    clear: both;
    margin-top: 1em;
    padding: 5px;
}
 
.catlinks li {
    border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4);
}
 
#filetoc li {
    border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4);
    padding: 0 1.5em;
}
 
#filetoc li:first-child {
    border-left: 0;
}
/**/
 
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-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-text-color);
}
 
body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
  background:var(--wiki-accent-color--hover) !important;
  border-color:var(--wiki-accent-color--hover) !important;
  color:var(--wiki-accent-text-color);
}
 
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color:var(--wiki-accent-text-color);
}
 
/* 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);
}
 
/**/
 
.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: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-text-color);
}
 
#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .6);
}
 
#mw-allmessagestable .am_actual {
    color: var(--wiki-accent-text-color);
}
 
#mw-allmessagestable tbody:hover .am_actual {
    background-color: rgba(var(--wiki-accent-color--rgb), .5);
}
 
.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: rgba(var(--wiki-success-color--rgb), .6);
}
 
.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;
}
 
.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: rgba(var(--wiki-accent-color--rgb), .25);
}
 
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-content-link-color);
 
}
 
table.cargoTable th.headerSort:hover {
    color: var(--wiki-content-link-color--hover);
}
 
#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}
 
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: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}
 
.action-pagevalues tr:hover {
    background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}
 
div.specialCargoQuery-extraPane {
    background: var(--wiki-content-background-color);
}
 
div.thumbinner {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
 
.thumbimage {
    background-color: unset;
    border: unset;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    background-color: transparent;
}
 
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}
 
:root .oo-ui-iconElement-icon {
    filter: invert(100%);
}
 
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
    filter: unset;
}
 
.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-content-link-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-content-link-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-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}
 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    outline: 1px solid transparent;
}
 
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.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-content-dynamic-color--inverted);
    border-color: var(--wiki-content-link-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:rgba(var(--wiki-content-link-color--rgb), 0.2);
    border-color: var(--wiki-content-link-color);
}
 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.5)
}
 
.oo-ui-indicatorElement-indicator {
    filter: invert(100);
}
 
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}
 
.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-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-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: rgba(var(--wiki-content-link-color--rgb), .15);
    color: var(--wiki-content-link-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);
}
 
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}
 
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--wiki-content-background-color);
}
 
.oo-ui-menuSelectWidget {
    background-color: var(--wiki-content-background-color--secondary);
}
 
.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-border-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-desc,
.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-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-link-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-content-link-color);
}
 
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15);
}
 
.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color);
}
 
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}
 
.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: rgba(var(--wiki-content-link-color--rgb), .15);
}
 
.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,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}
 
.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: rgba(var(--wiki-content-text-color--rgb), .6);
}
 
.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);
}
 
.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);
}
 
.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: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}
 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: border-color 300ms, box-shadow 300ms;
    transition: border-color 300ms, box-shadow 300ms;
    background-color: var(--wiki-content-background-color--secondary);
}
 
.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-content-link-color);
    border-color: var(--wiki-content-link-color);
    outline: 0;
}
 
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-link-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: 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-top-left-radius: 0;
    border-top-right-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 .oo-ui-inputWidget-input {
    color: inherit;
    background: transparent;
    font-family: inherit;
}
 
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
 
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
    background-color: transparent;
    border-color: var(--wiki-content-text-color);
}
 
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}
 
.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-bookletLayout-outlinePanel {
    padding: 7px 0;
}
 
.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-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-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
    color: var(--wiki-alert-color--hover);
}
 
.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-text-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);
}
 
.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-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--wiki-content-background-color--secondary);
}
 
.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-text-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);
}
 
.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-text-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 {
    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 {
    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-content-link-color);
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    background-color: transparent;
}
 
.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-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
}
 
.mw-ui-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}
 
.mw-ui-button:not(:disabled):visited {
    color: var(--wiki-content-link-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-content-link-color--hover);
}
 
.mw-ui-button:not(:disabled):focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
 
.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-link-color);
}
 
:root .mw-ui-icon-before::before {
    filter: invert(1);
}
 
.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: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5);
}
 
.oo-ui-messageDialog-message {
    color: var(--wiki-content-text-color);
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color);
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
    color: var(--wiki-content-link-color--hover);
}
 
.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-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}
 
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);
}
 
.theme-light .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #db0000;
    --pygments-c: #3a7575;
    --pygments-k: #008000;
    --pygments-o: #666;
    --pygments-ch: #3a7575;
    --pygments-cm: #3a7575;
    --pygments-cp: #986200;
    --pygments-cpf: #3a7575;
    --pygments-c1: #3a7575;
    --pygments-cs: #3a7575;
    --pygments-gd: #a00000;
    --pygments-gr: #db0000;
    --pygments-gh: #000080;
    --pygments-gi: #008100;
    --pygments-go: #6e6e6e;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #04d;
    --pygments-kc: #008000;
    --pygments-kd: #008000;
    --pygments-kn: #008000;
    --pygments-kp: #008000;
    --pygments-kr: #008000;
    --pygments-kt: #b00040;
    --pygments-m: #666;
    --pygments-s: #ba2121;
    --pygments-na: #647421;
    --pygments-nb: #008000;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #a412ff;
    --pygments-ni: #6d6d6d;
    --pygments-ne: #c9352e;
    --pygments-nf: #00f;
    --pygments-nl: #727200;
    --pygments-nn: #00f;
    --pygments-nt: #008000;
    --pygments-nv: #19177c;
    --pygments-ow: #a412ff;
    --pygments-w: #6e6e6e;
    --pygments-mb: #666;
    --pygments-mf: #666;
    --pygments-mh: #666;
    --pygments-mi: #666;
    --pygments-mo: #666;
    --pygments-sa: #ba2121;
    --pygments-sb: #ba2121;
    --pygments-sc: #ba2121;
    --pygments-dl: #ba2121;
    --pygments-sd: #ba2121;
    --pygments-s2: #ba2121;
    --pygments-se: #a55a1e;
    --pygments-sh: #ba2121;
    --pygments-si: #af4d74;
    --pygments-sx: #008000;
    --pygments-sr: #af4d74;
    --pygments-s1: #ba2121;
    --pygments-ss: #19177c;
    --pygments-bp: #008000;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #666;
}
 
:root .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #fe4242;
    --pygments-c: #4b9797;
    --pygments-k: #00a300;
    --pygments-o: #898989;
    --pygments-ch: #4b9797;
    --pygments-cm: #4b9797;
    --pygments-cp: #c17d00;
    --pygments-cpf: #4b9797;
    --pygments-c1: #4b9797;
    --pygments-cs: #4b9797;
    --pygments-gd: #ff3f3f;
    --pygments-gr: #fe4242;
    --pygments-gh: #7a7aff;
    --pygments-gi: #00a000;
    --pygments-go: #8a8a8a;
    --pygments-gp: #7a7aff;
    --pygments-gu: #f500f5;
    --pygments-gt: #4e84fe;
    --pygments-kc: #00a300;
    --pygments-kd: #00a300;
    --pygments-kn: #00a300;
    --pygments-kp: #00a300;
    --pygments-kr: #00a300;
    --pygments-kt: #fe357e;
    --pygments-m: #898989;
    --pygments-s: #e25e5e;
    --pygments-na: #80932a;
    --pygments-nb: #00a300;
    --pygments-nc: #7a7afe;
    --pygments-no: #ff4040;
    --pygments-nd: #bf5aff;
    --pygments-ni: #999;
    --pygments-ne: #da655f;
    --pygments-nf: #7a7afe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7a7afe;
    --pygments-nt: #00a300;
    --pygments-nv: #8381e7;
    --pygments-ow: #bf5aff;
    --pygments-w: #bbb;
    --pygments-mb: #898989;
    --pygments-mf: #898989;
    --pygments-mh: #898989;
    --pygments-mi: #898989;
    --pygments-mo: #898989;
    --pygments-sa: #e25e5e;
    --pygments-sb: #e25e5e;
    --pygments-sc: #e25e5e;
    --pygments-dl: #e25e5e;
    --pygments-sd: #e25e5e;
    --pygments-s2: #e25e5e;
    --pygments-se: #d07125;
    --pygments-sh: #e25e5e;
    --pygments-si: #c17492;
    --pygments-sx: #00a300;
    --pygments-sr: #c17492;
    --pygments-s1: #e25e5e;
    --pygments-ss: #8381e7;
    --pygments-bp: #00a300;
    --pygments-fm: #7a7afe;
    --pygments-vc: #8381e7;
    --pygments-vg: #8381e7;
    --pygments-vi: #8381e7;
    --pygments-vm: #8381e7;
    --pygments-il: #898989;
}
 
.mw-highlight .err {
    border-color: var(--pygments-err);
}
 
.mw-highlight .c {
    color: var(--pygments-c);
}
 
.mw-highlight .k {
    color: var(--pygments-k);
}
 
.mw-highlight .o {
    color: var(--pygments-o);
}
 
.mw-highlight .ch {
    color: var(--pygments-ch);
}
 
.mw-highlight .cm {
    color: var(--pygments-cm);
}
 
.mw-highlight .cp {
    color: var(--pygments-cp);
}
 
.mw-highlight .cpf {
    color: var(--pygments-cpf);
}
 
.mw-highlight .c1 {
    color: var(--pygments-c1);
}
 
.mw-highlight .cs {
    color: var(--pygments-cs);
}
 
.mw-highlight .gd {
    color: var(--pygments-gd);
}
 
.mw-highlight .gr {
    color: var(--pygments-gr);
}
 
.mw-highlight .gh {
    color: var(--pygments-gh);
}
 
.mw-highlight .gi {
    color: var(--pygments-gi);
}
 
.mw-highlight .go {
    color: var(--pygments-go);
}
 
.mw-highlight .gp {
    color: var(--pygments-gp);
}
 
.mw-highlight .gu {
    color: var(--pygments-gu);
}
 
.mw-highlight .gt {
    color: var(--pygments-gt);
}
 
.mw-highlight .kc {
    color: var(--pygments-kc);
}
 
.mw-highlight .kd {
    color: var(--pygments-kd);
}
 
.mw-highlight .kn {
    color: var(--pygments-kn);
}
 
.mw-highlight .kp {
    color: var(--pygments-kp);
}
 
.mw-highlight .kr {
    color: var(--pygments-kr);
}
 
.mw-highlight .kt {
    color: var(--pygments-kt);
}
 
.mw-highlight .m {
    color: var(--pygments-m);
}
 
.mw-highlight .s {
    color: var(--pygments-s);
}
 
.mw-highlight .na {
    color: var(--pygments-na);
}
 
.mw-highlight .nb {
    color: var(--pygments-nb);
}
 
.mw-highlight .nc {
    color: var(--pygments-nc);
}
 
.mw-highlight .no {
    color: var(--pygments-no);
}
 
.mw-highlight .nd {
    color: var(--pygments-nd);
}
 
.mw-highlight .ni {
    color: var(--pygments-ni);
}
 
.mw-highlight .ne {
    color: var(--pygments-ne);
}
 
.mw-highlight .nf {
    color: var(--pygments-nf);
}
 
.mw-highlight .nl {
    color: var(--pygments-nl);
}
 
.mw-highlight .nn {
    color: var(--pygments-nn);
}
 
.mw-highlight .nt {
    color: var(--pygments-nt);
}
 
.mw-highlight .nv {
    color: var(--pygments-nv);
}
 
.mw-highlight .ow {
    color: var(--pygments-ow);
}
 
.mw-highlight .w {
    color: var(--pygments-w);
}
 
.mw-highlight .mb {
    color: var(--pygments-mb);
}
 
.mw-highlight .mf {
    color: var(--pygments-mf);
}
 
.mw-highlight .mh {
    color: var(--pygments-mh);
}
 
.mw-highlight .mi {
    color: var(--pygments-mi);
}
 
.mw-highlight .mo {
    color: var(--pygments-mo);
}
 
.mw-highlight .sa {
    color: var(--pygments-sa);
}
 
.mw-highlight .sb {
    color: var(--pygments-sb);
}
 
.mw-highlight .sc {
    color: var(--pygments-sc);
}
 
.mw-highlight .dl {
    color: var(--pygments-dl);
}
 
.mw-highlight .sd {
    color: var(--pygments-sd);
}
 
.mw-highlight .s2 {
    color: var(--pygments-s2);
}
 
.mw-highlight .se {
    color: var(--pygments-se);
}
 
.mw-highlight .sh {
    color: var(--pygments-sh);
}
 
.mw-highlight .si {
    color: var(--pygments-si);
}
 
.mw-highlight .sx {
    color: var(--pygments-sx);
}
 
.mw-highlight .sr {
    color: var(--pygments-sr);
}
 
.mw-highlight .s1 {
    color: var(--pygments-s1);
}
 
.mw-highlight .ss {
    color: var(--pygments-ss);
}
 
.mw-highlight .bp {
    color: var(--pygments-bp);
}
 
.mw-highlight .fm {
    color: var(--pygments-fm);
}
 
.mw-highlight .vc {
    color: var(--pygments-vc);
}
 
.mw-highlight .vg {
    color: var(--pygments-vg);
}
 
.mw-highlight .vi {
    color: var(--pygments-vi);
}
 
.mw-highlight .vm {
    color: var(--pygments-vm);
}
 
.mw-highlight .il {
    color: var(--pygments-il);
}
 
.mw-highlight,
.mw-highlight pre {
    background: var(--pygments-background);
}
 
.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: rgba(var(--wiki-accent-color--rgb), .2);
}
 
.mw-apisandbox-toolbar {
    background: var(--wiki-content-background-color--secondary);
}
 
/* 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);
}
 
/**/
 
:root textarea {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
 
:root textarea:focus-visible {
    outline-color: var(--wiki-content-link-color);
    outline-style: solid;
}
 
/* make math formulas legible on dark theme */
:root .mwe-math-fallback-image-inline,
:root .mwe-math-fallback-image-display {
    filter: invert(1);
}
 
/* search bar */
#searchInput {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}
 
#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
 
:root #searchButton {
    filter: invert(1);
}
 
/* 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-text-color);
}
 
.suggestions-special .special-label {
  color:var(--wiki-content-text-mix-color);
}
 
.suggestions-special .special-query {
  color:var(--wiki-content-text-color);
}
 
/* search page */
fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border-color: var(--wiki-content-border-color);
}
 
#mw-searchoptions .divider {
    border-color: var(--wiki-content-border-color);
}
 
.mw-search-profile-tabs {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    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);
}
 
/* Invert the help icon on the helplink and add some padding */
#mw-indicator-mw-helplink a {
    background-image: none;
    /*padding-top: 1.7em;*/
    padding-right: 0.8em;
}
 
#mw-indicator-mw-helplink a::before {
    background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 25px;
    content: "";
}
 
:root #mw-indicator-mw-helplink a::before {
    filter: invert(1);
}
 
/* 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-ui-button.mw-ui-progressive:not(:disabled) {
  background-color: var(--wiki-accent-color);
  border-color: var(--wiki-accent-color);
  color: var(--wiki-accent-text-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,
.mw-ui-input:hover {
  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, .mw-ui-input:focus {
  box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color)
}
 
.mw-mmv-dialog {
  background-color:var(--wiki-content-background-color--secondary);
  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--secondary);
}
 
.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-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-content-link-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-content-link-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);
}
 
/*************************
* End Vector theme fixes *
**************************/
 
/*********************
* Mobile adjustments *
**********************/
 
@media screen and (max-width:720px) {
    html {
        --wiki-logo-width: 10rem;
        --wiki-logo-height: 8rem;
 
        --vector-tab-height: 2em;
        --vector-tab-border-width: 1px;
 
        --content-right-margin: 0;
 
        --search-height: 2.5em;
    }
 
    :root {
        --wiki-content-padding: 1rem;
    }
 
    body {
        grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
        background-color: var(--wiki-base-background-color);
    }
 
    #mw-head {
        top: 0;
        left: 0;
        width: calc(100% - 2 * var(--vector-tab-margin));
    }
 
    #p-search {
        position: absolute;
        box-sizing: border-box;
        top: calc(-3.6em - var(--search-height));
        left: calc(50% - 6px);
        right: auto;
        width: 100%;
        max-width: 20em;
        margin: 0;
        padding: 6px;
        transform: translateX(-50%);
    }
 
    #simpleSearch {
        width: 100vw;
    }
 
    .mw-body {
        top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height));
        border-left: none;
        border-right: none;
        margin: 0;
        /*margin-bottom: 5px;*/
        /*padding-top: 3.5em;*/
        margin-bottom: 4em;
    }
 
    .mw-footer {
        border-left: none;
        border-right: none;
    }
 
    #mw-panel {
        position: static;
        margin: 0;
        margin-top: 4em;
        padding: 0;
        top: 0;
        justify-content: space-around;
    }
 
    #mw-panel #p-logo + .portal .vector-menu-heading,
    #mw-panel .portal .vector-menu-heading {
        padding: 8px 6px;
    }
 
    #mw-navigation #mw-panel .portal {
        width: unset;
        /*text-align: center;*/
    }
 
    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
 
    /* 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)>.mwe-math-element {
        display: block;
        overflow-x: auto;
    }
 
    /* reset mw internal css */
    #footer-icons {
        float: none;
    }
 
    #footer #footer-info-copyright {
        padding-right: 0;
        padding-bottom: 40px;
        right: auto;
        left: 0;
    }
 
    #footer-info-copyright img {
        right: auto;
        left: 0;
    }
 
    #wikigg-footer {
        display: grid;
        grid-template-columns: 35px 1fr;
        grid-template-rows: auto auto;
        align-items: center;
        justify-items: start;
        padding: 3px 0 3px 10px;
    }
 
    #wikigg-footer .footer-right {
        grid-column: 2/3;
        grid-row: 1/2;
        margin: 0;
    }
 
    #wikigg-footer .footer-middle {
        grid-column: 1/2;
        grid-row: 1/3;
    }
 
    #wikigg-footer .footer-left {
        grid-column: 2/3;
        grid-row: 2/3;
        margin: 0;
    }
 
    :root {
        --pi-width: 100%;
    }
 
    /* Center infoboxes */
    .portable-infobox {
        margin: auto;
        max-width: 100%;
        width: calc(var(--pi-width) - 2em);
    }
 
    /* Display changelist legeng in the middle while expanded */
    .mw-changeslist-legend {
        float: none;
        margin: 0 1em 0.5em;
    }
 
    /* Undo changes from above when collapsed */
    .mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed {
        float: right;
        margin: 0;
        margin-top: 0.5em;
    }
 
    /* Thumbs crowding text */
    div.tright,
    div.tleft {
        float: none;
        display: block;
        margin: 0 auto 0.5em auto;
    }
 
    div.tright .thumbinner,
    div.tleft .thumbinner {
        margin: auto;
    }
 
}
 
/*************************
* End mobile adjustments *
**************************/
 
/*******************
* Biomes map thumb *
********************/
 
.map-thumb {
    float: right;
    text-align: center;
}
 
.map-thumb > div {
    height: 200px;
    width: 270px;
    overflow: hidden;
    border: solid 1px var(--wiki-content-border-color);
    border-radius: 6px;
    margin: auto;
}
 
.map-thumb img {
    position: relative;
    left: -138px;
    top: -30px;
}
 
@media screen and (max-width: 720px) {
    .map-thumb {
        float: unset;
    }
}
 
/***********************
* End biomes map thumb *
************************/
 
/*************************************
* [[Template:MovelistTable]] styling *
**************************************/
.movelist {
    margin-bottom: 1em;
    display: grid;
    width: auto;
    grid-gap: 0.5em;
}
 
.movelist-item {
    display: grid;
    grid-template-columns: [description] auto [showcase] auto;
    grid-template-rows: auto;
}
 
.movelist-description {
    grid-column: 1 / description;
    grid-row: 1 / 1;
}
 
.movelist-showcase {
    grid-column: 2 / showcase;
    grid-row: 1 / 1;
}
 
.movelist-showcase img {
    float: right;
}
 
@media screen and (max-width: 720px) {
    .movelist-item {
        grid-template-columns: auto;
        grid-template-rows: [description] auto [showcase] auto;
    }
 
    .movelist-description {
        grid-column: 1 / 1;
        grid-row: 1 / description;
        margin-bottom: 1em;
    }
 
    .movelist-showcase {
        grid-column: 1 / 1;
        grid-row: 2 / showcase;
        margin: auto;
    }
 
    .movelist-showcase img {
        float: none;
        max-width: 100%;
        height: auto;
    }
}
 
/*****************************************
* End [[Template:MovelistTable]] styling *
******************************************/
 
/********************
* Game showcase fix *
*********************/
 
div.games-showcase-header {
    margin: 0 0 1em;
    padding-top: 1em;
}
 
div.games-showcase-header + .content-body #siteNotice {
    border-top: 1px solid;
}
 
div.games-showcase-footer {
    margin-top: 1em;
}
 
/************************
* End game showcase fix *
*************************/
 
/*****************
* Max page width *
******************/
 
@media screen and (min-width: 1440px) {
    html {
        --layout-sidespace: minmax(0, 1fr);
        --layout-content-width: 1234px;
    }
}
 
/*********************
* End max page width *
**********************/
 
/***************
* Spoiler text *
****************/
 
.spoiler-inline {
    background-color: black;
    color: black;
    padding: 0.2em;
    transition: 0.1s ease;
}
 
.spoiler-inline:hover {
    color: var(--wiki-content-text-color);
    transition: 0.5s ease-in;
}
 
.spoiler-inline a {
    color: black;
    transition: 0.1s ease;
}
 
.spoiler-inline:hover a {
    color: var(--wiki-content-link-color);
    transition: 0.5s ease-in;
}
 
/*******************
* End spoiler text *
********************/
 
 
/*******************
* Fix for the table's caption not having consistent wrapping upon toggling *
********************/
 
table.mw-collapsible.mw-collapsed caption {
white-space: nowrap;
}
 
/*******************
* End collapsible caption fix *
********************/
 
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--wiki-content-link-color);
}

Edição atual tal como às 18h30min de 27 de dezembro de 2024

/* Todos os CSS colocado aqui serão carregados para usuários do tema Vector */
Disponível em “http://wiki.gla.com.br/index.php?title=MediaWiki:Vector.css&oldid=27239”