MediaWiki:Vector.css
Jump to navigation
Jump to search
In other languages: Español • Polski • Русский • Українська
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Vector skin */
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;
}
.mw-prefs-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 *
********************/