Mudanças entre as edições de "MediaWiki:Vector.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
/* | /* CSS placed here will affect users of the Vector skin */ | ||
.mw- | html { | ||
border: 1px solid # | --wiki-logo-width: 15rem; | ||
padding: 0. | --wiki-logo-height: 11rem; | ||
margin-bottom: | --wiki-logo-top-spacing: 35px; | ||
color: # | --wiki-logo-image: url(/images/e/e6/Site-logo.png); /* [[File:Site-logo.png]] */ | ||
background-color: # | |||
--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; | |||
} | } | ||
.mw- | /* 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; | cursor: pointer; | ||
color: | 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; | margin: 0; | ||
padding: 10px; | 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; | 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; | |||
width: | 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; | |||
} | |||
color: | |||
#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; | cursor: pointer; | ||
color: # | 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 { | ul { | ||
list-style-image: none; | 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; | text-align: center; | ||
border: | color: var(--wiki-content-text-color); | ||
padding: 5px; | |||
} | |||
.skin-vector .wikitable td { | |||
border: none; | |||
color: var(--wiki-content-text-color); | |||
padding: 5px; | 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%; | 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-bottom: 0.5em; | ||
margin-left: 0; | margin-left: 1em; | ||
margin- | 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: | 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; | text-align: center; | ||
} | } | ||
. | .fpbox .heading { | ||
color: | border-bottom: rgba(65, 79, 106, 0.3); | ||
padding- | 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 */ | ||
border- | .fplink .box { | ||
border- | border-collapse: separate; | ||
border-spacing: 5px; | |||
display: table; | |||
width: 100%; | 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; | 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; | display: block; | ||
height: | height: 100%; | ||
} | } | ||
. | .dc_button2:hover { | ||
position: | box-shadow: 0px 0px 16px rgba(45, 26, 26, 0.75) inset, 0 0 5px #3ee3ff; | ||
padding: 0 | 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; | 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; | |||
} | |||
white-space: | |||
.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; | background: none; | ||
} | } | ||
.portable-infobox .pi-secondary-background + .pi-secondary-background { | |||
border-top: none; | |||
} | } | ||
background: | /* Gives data labels unique background */ | ||
border: | .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; | |||
} | } | ||
background-color: | /* 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; | background-repeat: no-repeat; | ||
background- | } | ||
.portable-infobox.pi-theme-brut .pi-image { | |||
background-image: url(/images/0/00/Brutality-bg.png); /* [[File:Brutality-bg.png]] */ | |||
} | |||
.portable-infobox.pi-theme-tact .pi-image { | |||
background-image: url(/images/5/56/Tactics-bg.png); /* [[File:Tactics-bg.png]] */ | |||
} | |||
.portable-infobox.pi-theme-surv .pi-image { | |||
background-image: url(/images/c/c0/Survival-bg.png); /* [[File:Survival-bg.png]] */ | |||
} | |||
.portable-infobox:is(.pi-theme-bruttact, .pi-theme-tactbrut) .pi-image { | |||
background-image: url(/images/3/32/BrutalityTactics-bg.png); /* [[File:BrutalityTactics-bg.png]] */ | |||
} | |||
.portable-infobox:is(.pi-theme-tactsurv, .pi-theme-survtact) .pi-image { | |||
background-image: url(/images/0/0c/TacticsSurvival-bg.png); /* [[File:TacticsSurvival-bg.png]] */ | |||
} | |||
.portable-infobox:is(.pi-theme-brutsurv, .pi-theme-survbrut) .pi-image { | |||
background-image: url(/images/c/c3/BrutalitySurvival-bg.png); /* [[File:BrutalitySurvival-bg.png]] */ | |||
} | |||
.portable-infobox:is(.pi-theme-colorless, .pi-theme-upgrade) .pi-image { | |||
background-image: url(/images/7/7f/Colorless-bg.png); /* [[File:Colorless-bg.png]] */ | |||
} | |||
/* Hides the "scaling" field for items and mutations */ | |||
.portable-infobox:is(.pi-theme-mutation, .pi-theme-brut, .pi-theme-tact, .pi-theme-surv, | |||
.pi-theme-bruttact, .pi-theme-tactbrut, .pi-theme-brutsurv, .pi-theme-survbrut, | |||
.pi-theme-tactsurv, .pi-theme-survtact, .pi-theme-colorless) .pi-data:is([data-source="scaling"], [data-source="scaling_2"], | |||
[data-source="scaling_3"], [data-source="scaling_4"]) { | |||
display: none; | |||
} | |||
/* Change infobox background depending on the scaling */ | |||
.portable-infobox:is(.pi-theme-brut, .pi-theme-tact, .pi-theme-surv) { | |||
background-size: 200px; | |||
} | |||
.portable-infobox.pi-theme-brut { | |||
background-image: url(/images/4/4f/Infobox-brut-bg.png); /* [[File:Infobox-brut-bg.png]] */ | |||
} | |||
.portable-infobox.pi-theme-tact { | |||
background-image: url(/images/6/6d/Infobox-tact-bg.png); /* [[File:Infobox-tact-bg.png]] */ | |||
} | |||
.portable-infobox.pi-theme-surv { | |||
background-image: url(/images/e/e7/Infobox-surv-bg.png); /* [[File:Infobox-surv-bg.png]] */ | |||
} | |||
/********************** | |||
* End infobox styling * | |||
***********************/ | |||
/* Title of search result pages */ | |||
.unified-search__result__title { | |||
font-size: 18px; | |||
} | |||
/* WDS Banner notifications styling */ | |||
.wds-banner-notification { | |||
color: var(--wiki-content-text-color); | |||
background-color: rgba(0, 0, 0, 0.5); | |||
border: 1px solid #527fd0; | |||
border-radius: 10px; | |||
} | |||
.wds-banner-notification__text { | |||
color: var(--wiki-content-text-color); | |||
} | |||
.wds-success .wds-banner-notification__icon { | |||
border-radius: 8.5px 0 0 8.5px; | |||
} | |||
/* End of WDS styling */ | |||
table { | |||
display: table; | |||
white-space: inherit; | |||
} | |||
.mw-changeslist-legend, | |||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { | |||
background: none; | |||
} | |||
/************** | |||
* Preferences * | |||
***************/ | |||
:root { | |||
--preferences-background-color: var(--wiki-body-background-color); | |||
} | |||
.page-Special_Preferences .mw-body::before { | |||
background: var(--preferences-background-color); | |||
backdrop-filter: none; | |||
} | |||
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, | |||
.mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { | |||
border: none; | |||
} | |||
.oo-ui-tabSelectWidget-framed { | |||
background-color: var(--wiki-content-background-color--tertiary); | |||
border: 1px solid var(--wiki-content-link-color); | |||
border-bottom: none; | |||
border-radius: 5px 5px 0 0; | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { | |||
background-color: var(--wiki-content-background-color--secondary); | |||
color: var(--wiki-content-link-color); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { | |||
color: var(--wiki-content-text-color); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { | |||
background-color: var(--wiki-content-link-color); | |||
color: var(--wiki-content-link-label-color); | |||
} | |||
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { | |||
border-bottom: none; | |||
} | |||
#preferences .mw-htmlform-submit-buttons { | |||
background-color: var(--preferences-background-color); | |||
border-top: 1px solid var(--wiki-content-link-color); | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
.oo-ui-textInputWidget .oo-ui-inputWidget-input, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { | |||
background-color: var(--wiki-content-background-color--secondary); | |||
color: var(--wiki-content-text-color); | |||
border-color: var(--wiki-content-border-color); | |||
} | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { | |||
color: var(--wiki-content-text-color); | |||
} | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, | |||
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { | |||
background-color: var(--wiki-content-background-color--secondary); | |||
color: var(--wiki-content-text-color); | |||
border-color: var(--wiki-content-link-color); | |||
box-shadow: none; | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { | |||
color: var(--wiki-content-text-color); | |||
} | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, | |||
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, | |||
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | |||
background-color: rgba(var(--wiki-content-link-color--rgb), 0.15); | |||
color: var(--wiki-content-link-color); | |||
} | |||
.oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout { | |||
border-left: 1px solid var(--wiki-content-link-color) !important; | |||
border-right: 1px solid var(--wiki-content-link-color) !important; | |||
border-radius: 0; | |||
} | |||
/**************** | |||
* End preferences * | |||
*****************/ | |||
/*************** | |||
* Page history * | |||
****************/ | |||
#pagehistory li { | |||
background-color: rgba(0, 0, 0, 0); | |||
border: none; | |||
padding: 3px; | |||
} | |||
#pagehistory li.selected { | |||
background-color: var(--wiki-content-background-color--secondary); | |||
border: 1px dashed var(--wiki-content-border-color); | |||
color: var(--wiki-content-text-color); | |||
padding: 3px; | |||
} | |||
.diff td.diff-addedline { | |||
background-color: var(--wiki-content-background-color); | |||
border-color: var(--wiki-success-color); | |||
border-width: 1px 1px 1px 4px; | |||
} | |||
.diff td.diff-addedline .diffchange { | |||
background-color: var(--wiki-success-color); | |||
color: var(--wiki-success-label-color); | |||
} | |||
.diff td.diff-deletedline { | |||
background-color: var(--wiki-content-background-color); | |||
border-color: var(--wiki-alert-color); | |||
border-width: 1px 1px 1px 4px; | |||
} | |||
.diff td.diff-deletedline .diffchange { | |||
background-color: var(--wiki-alert-color); | |||
color: var(--wiki-alert-label-color); | |||
} | |||
.diff td.diff-context { | |||
background: transparent; | |||
border-color: var(--wiki-content-border-color); | |||
color: var(--wiki-content-text-color); | |||
} | |||
.diff-marker a.mw-diff-movedpara-right { | |||
color: transparent; | |||
} | |||
.diff-marker a.mw-diff-movedpara-right:hover:after { | |||
opacity: .75; | |||
} | |||
.diff-marker a.mw-diff-movedpara-right:after { | |||
color: var(--wiki-content-text-color); | |||
content: "\21a9"; | |||
} | |||
.diff-marker a.mw-diff-movedpara-left { | |||
color: transparent; | |||
} | |||
.diff-marker a.mw-diff-movedpara-left:hover:after { | |||
opacity: .75; | |||
} | |||
.diff-marker a.mw-diff-movedpara-left:after { | |||
color: var(--wiki-content-text-color); | |||
content: "\21aa"; | |||
} | |||
/******************* | |||
* End page history * | |||
********************/ | |||
/******************** | |||
* Table of contents * | |||
*********************/ | |||
/* Copied from Terraria Wiki */ | |||
:root { | |||
--theme-border-color: var(--wiki-content-border-color); | |||
--theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7); | |||
--theme-text-color: var(--wiki-content-text-color); | |||
--theme-text-color-note: #bcbcbc; | |||
--theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8); | |||
--theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color); | |||
--theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15); | |||
} | |||
/** ToC **/ | |||
.toc { | |||
clear: left; | |||
border-radius: 4px; | |||
border: 1px solid var(--theme-border-color); | |||
background: var(--theme-box-background); | |||
margin: 1em auto 1em 0; | |||
padding: 0; | |||
font-size: 1em; | |||
min-width: 12em; | |||
box-shadow: 0 0.1em 0.2em #000000; | |||
} | |||
.toc .toctitle h2 { | |||
margin: 0; | |||
display: flex; | |||
align-items: center; | |||
padding: 0 0.5em; | |||
border: none; | |||
font-family: 'Nova Flat', sans-serif; | |||
color: var(--wiki-content-link-color); | |||
} | |||
.toc .toctitle h2::before { | |||
content: ''; | content: ''; | ||
display: block; | 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; | position: absolute; | ||
width: 100%; | |||
left: 0 | 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; | 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; | display: block; | ||
height: 0; | |||
border: 0; | |||
padding-top: 0; | |||
padding- | padding-bottom: 0; | ||
} | |||
font- | /* 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; | 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; | margin: 0; | ||
border: | } | ||
border-top-width: 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; | padding: 0; | ||
} | } | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { | |||
.mw- | color: var(--wiki-content-text-color); | ||
border-color:# | } | ||
background-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: | 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); | |||
color:# | } | ||
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { | |||
content: "["; | |||
} | |||
color:# | |||
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { | |||
content: "]"; | |||
} | |||
border-color: | .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { | ||
color: var(--wiki-content-text-color); | |||
color: | } | ||
background-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; | |||
color: | |||
} | } | ||
.spoiler-inline a { | |||
color: | color: black; | ||
transition: 0.1s ease; | |||
} | } | ||
.spoiler-inline:hover a { | |||
color: | color: var(--wiki-content-link-color); | ||
transition: 0.5s ease-in; | |||
} | } | ||
/******************* | |||
* End spoiler text * | |||
********************/ | |||
/******************* | |||
* Fix for the table's caption not having consistent wrapping upon toggling * | |||
********************/ | |||
table.mw-collapsible.mw-collapsed caption { | |||
white-space: nowrap; | |||
} | } | ||
.mw- | /******************* | ||
* End collapsible caption fix * | |||
********************/ | |||
.mw-collapsible-toggle-default .mw-collapsible-text { | |||
color: var(--wiki-content-link-color); | |||
} | } | ||
Edição das 01h16min de 26 de dezembro de 2024
/* 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;
}
#preferences .mw-htmlform-submit-buttons {
background-color: var(--preferences-background-color);
border-top: 1px solid var(--wiki-content-link-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--wiki-content-text-color);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-link-color);
box-shadow: none;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--wiki-content-text-color);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: rgba(var(--wiki-content-link-color--rgb), 0.15);
color: var(--wiki-content-link-color);
}
.oo-ui-indexLayout-stackLayout>.oo-ui-panelLayout {
border-left: 1px solid var(--wiki-content-link-color) !important;
border-right: 1px solid var(--wiki-content-link-color) !important;
border-radius: 0;
}
/****************
* End preferences *
*****************/
/***************
* Page history *
****************/
#pagehistory li {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 3px;
}
#pagehistory li.selected {
background-color: var(--wiki-content-background-color--secondary);
border: 1px dashed var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
padding: 3px;
}
.diff td.diff-addedline {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-success-color);
border-width: 1px 1px 1px 4px;
}
.diff td.diff-addedline .diffchange {
background-color: var(--wiki-success-color);
color: var(--wiki-success-label-color);
}
.diff td.diff-deletedline {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-alert-color);
border-width: 1px 1px 1px 4px;
}
.diff td.diff-deletedline .diffchange {
background-color: var(--wiki-alert-color);
color: var(--wiki-alert-label-color);
}
.diff td.diff-context {
background: transparent;
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.diff-marker a.mw-diff-movedpara-right {
color: transparent;
}
.diff-marker a.mw-diff-movedpara-right:hover:after {
opacity: .75;
}
.diff-marker a.mw-diff-movedpara-right:after {
color: var(--wiki-content-text-color);
content: "\21a9";
}
.diff-marker a.mw-diff-movedpara-left {
color: transparent;
}
.diff-marker a.mw-diff-movedpara-left:hover:after {
opacity: .75;
}
.diff-marker a.mw-diff-movedpara-left:after {
color: var(--wiki-content-text-color);
content: "\21aa";
}
/*******************
* End page history *
********************/
/********************
* Table of contents *
*********************/
/* Copied from Terraria Wiki */
:root {
--theme-border-color: var(--wiki-content-border-color);
--theme-box-background: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.7);
--theme-text-color: var(--wiki-content-text-color);
--theme-text-color-note: #bcbcbc;
--theme-widget-toc-arrow-color: rgba(var(--wiki-content-link-color--rgb), 0.8);
--theme-widget-toc-arrow-color--hover: var(--wiki-content-link-color);
--theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15);
}
/** ToC **/
.toc {
clear: left;
border-radius: 4px;
border: 1px solid var(--theme-border-color);
background: var(--theme-box-background);
margin: 1em auto 1em 0;
padding: 0;
font-size: 1em;
min-width: 12em;
box-shadow: 0 0.1em 0.2em #000000;
}
.toc .toctitle h2 {
margin: 0;
display: flex;
align-items: center;
padding: 0 0.5em;
border: none;
font-family: 'Nova Flat', sans-serif;
color: var(--wiki-content-link-color);
}
.toc .toctitle h2::before {
content: '';
display: block;
width: 12px;
height: 0;
border-bottom: 52px solid transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
filter: drop-shadow(0 40px 0 var(--wiki-content-link-color));
margin: -40px 6px 0 0;
}
.toc .toctitle {
position: relative;
overflow: hidden;
text-align: left;
}
.toc .toctogglelabel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
padding-right: 1em;
display: flex;
align-items: center;
justify-content: flex-end;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after {
display: none;
}
.toc .toctogglelabel::after {
display: none;
}
.toc .toctogglelabel::before {
content: '';
display: inline-block;
background: none;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: var(--theme-widget-toc-arrow-color) transparent;
border-width: 0 5px 6px 5px;
vertical-align: middle;
flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
border-color: var(--theme-widget-toc-arrow-color--hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
border-width: 6px 5px 0 5px;
}
/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked~ul {
overflow: hidden;
display: block;
height: 0;
border: 0;
padding-top: 0;
padding-bottom: 0;
}
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul {
margin: 0 0 0 1em;
}
.toc a {
color: var(--theme-text-color);
}
.toc .tocnumber {
color: var(--theme-text-color-note);
}
.toc .tocnumber::after {
content: '.';
}
.toc .toctext {
font-family: 'Dosis', sans-serif;
font-weight: bolder;
}
.toc .toctitle,
.toc>ul {
padding: 0.5em;
}
.toc>ul {
border-top: 1px solid var(--theme-border-color);
margin: 0;
}
.toc>ul a {
display: block;
padding: 2px 0.5em;
border-radius: 4px;
transition: background 0.1s;
}
.toc>ul a:hover {
text-decoration: none;
background: var(--theme-widget-toc-item-hover-background);
}
.toc h2 {
font-weight: normal;
}
.toc li {
margin: 0;
}
/************************
* End table of contents *
*************************/
/**************
* Wiki editor *
***************/
.wikiEditor-ui {
background: rgba(0, 0, 0, 0);
border: none;
}
.wikiEditor-ui .wikiEditor-ui-view {
border:1px solid var(--wiki-content-border-color)
}
.wikiEditor-ui-tabs div {
border-bottom: 1px solid #3B3352;
border-right: 1px solid #3B3352;
}
.wikiEditor-ui-buttons {
background: rgba(0, 0, 0, 0);
border-top: none;
margin-right: 5px;
}
.wikiEditor-ui-toolbar {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
color: var(--wiki-content-link-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
background:var(--wiki-content-background-color--secondary);
border:1px solid var(--wiki-content-border-color);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color:var(--wiki-content-text-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color:var(--wiki-content-background-color);
}
:root .wikiEditor-ui-toolbar .tabs span.tab a::before,
:root .wikiEditor-ui-toolbar .group .tool-select .label::after {
filter: invert(1);
}
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
color: var(--wiki-content-text-color);
}
.wikiEditor-ui-toolbar .booklet>.index> :hover {
background-color: var(--wiki-content-background-color--secondary);
}
.wikiEditor-ui-toolbar .sections .section {
background-color: rgba(0, 0, 0, 0.2);
border-top: 1px solid #3B3352;
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #3B3352;
}
.wikiEditor-ui-toolbar .booklet .pages {
background-color: rgba(255, 255, 255, 0.2);
}
.wikiEditor-ui-toolbar .booklet .index .current {
background-color: rgba(255, 255, 255, 0.2);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: #3B3352;
}
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #3B3352;
}
.wikiEditor-ui-tabs div a {
background: none repeat scroll 0 0 #9A647F;
display: inline-block;
}
.wikiEditor-ui-tabs div.current {
border-bottom: 1px solid #3B3352;
}
.wikiEditor-ui-tabs div.current a {
font-weight: bold;
}
.wikiEditor-ui-tabs {
border-left: 1px solid #3B3352;
border-top: 1px solid #3B3352;
}
.wikiEditor-preview-contents {
background: rgba(0, 0, 0, 0);
background-color: rgba(255, 255, 255, 0.2);
border-color: #3B3352;
border-style: solid;
border-width: 0 1px 1px;
}
.wikiEditor-ui-controls {
background: rgba(0, 0, 0, 0);
border-bottom: 1px solid #3B3352;
}
.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
background-color: transparent;
}
.editOptions {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
border-image: none;
border-radius: 0 0 5px 5px;
border-style: none solid solid;
border-width: medium 1px 1px;
}
input#wpSummary {
margin-bottom: 1em;
margin-top: 1em;
width: 80%;
}
:root .ace_editor .ace_gutter {
background: #232323;
color: #E2E2E2;
}
:root .ace_editor .ace_print-margin {
width: 1px;
background: #232323;
}
:root .ace_editor {
background-color: #141414;
color: #F8F8F8;
}
:root .ace_editor .ace_cursor {
color: #A7A7A7;
}
:root .ace_editor .ace_marker-layer .ace_selection {
background: rgba(221, 240, 255, 0.20);
}
:root .ace_editor.ace_multiselect .ace_selection.ace_start {
box-shadow: 0 0 3px 0px #141414;
}
:root .ace_editor .ace_marker-layer .ace_step {
background: rgb(102, 82, 0);
}
:root .ace_editor .ace_marker-layer .ace_bracket {
margin: -1px 0 0 -1px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
:root .ace_editor .ace_marker-layer .ace_active-line {
background: rgba(255, 255, 255, 0.031);
}
:root .ace_editor .ace_gutter-active-line {
background-color: rgba(255, 255, 255, 0.031);
}
.ace-tm .ace_marker-layer .ace_selected-word {
background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}
:root .ace_editor .ace_marker-layer .ace_selection {
background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}
:root .ace_editor .ace_marker-layer .ace_selected-word {
border: 1px solid rgba(221, 240, 255, 0.20);
}
:root .ace_editor .ace_invisible {
color: rgba(255, 255, 255, 0.25);
}
:root .ace_editor .ace_keyword,
:root .ace_editor .ace_meta {
color: #CDA869;
}
:root .ace_editor .ace_constant,
:root .ace_editor .ace_constant.ace_character,
:root .ace_editor .ace_constant.ace_character.ace_escape,
:root .ace_editor .ace_constant.ace_other,
:root .ace_editor .ace_heading,
:root .ace_editor .ace_markup.ace_heading,
:root .ace_editor .ace_support.ace_constant {
color: #CF6A4C;
}
:root .ace_editor .ace_invalid.ace_illegal {
color: #F8F8F8;
background-color: rgba(86, 45, 86, 0.75);
}
:root .ace_editor .ace_invalid.ace_deprecated {
text-decoration: underline;
font-style: italic;
color: #D2A8A1;
}
:root .ace_editor .ace_support {
color: #9B859D;
}
:root .ace_editor .ace_fold {
background-color: #AC885B;
border-color: #F8F8F8;
}
:root .ace_editor .ace_support.ace_function {
color: #DAD085;
}
:root .ace_editor .ace_list,
:root .ace_editor .ace_markup.ace_list,
:root .ace_editor .ace_storage {
color: #F9EE98;
}
:root .ace_editor .ace_entity.ace_name.ace_function,
:root .ace_editor .ace_meta.ace_tag,
:root .ace_editor .ace_variable {
color: #AC885B;
}
:root .ace_editor .ace_string {
color: #8F9D6A;
}
:root .ace_editor .ace_string.ace_regexp {
color: #E9C062;
}
:root .ace_editor .ace_comment {
font-style: italic;
color: #5F5A60;
}
:root .ace_editor .ace_variable {
color: #7587A6;
}
:root .ace_editor .ace_xml-pe {
color: #494949;
}
:root .ace_editor .ace_indent-guide {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y;
}
.ace_search {
background-color:var(--wiki-content-background-color--secondary);
color:var(--wiki-content-text-color);
border:1px solid var(--wiki-content-border-color);
}
.ace_search_field {
background-color:var(--wiki-content-background-color--secondary);
border:1px solid var(--wiki-content-border-color);
color:var(--wiki-content-text-mix-color);
}
.ace_button {
color:var(--wiki-content-text-color);
border:1px solid var(--wiki-content-border-color);
}
.ace_button:hover {
background-color:var(--wiki-accent-color--hover);
color:var(--wiki-accent-text-color);
}
.ace_button.checked {
background-color:var(--wiki-accent-color);
color:var(--wiki-accent-text-color);
}
.ace_searchbtn {
background-color:var(--wiki-accent-color);
color:var(--wiki-accent-text-color);
border:1px solid var(--wiki-content-border-color);
}
.ace_searchbtn:hover {
background-color:var(--wiki-accent-color--hover);
color:var(--wiki-accent-text-color);
}
.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
border-color:var(--wiki-accent-text-color);
}
.ace_searchbtn_close {
color:var(--wiki-content-text-mix-color);
}
.wikiEditor-ui .codeEditor-status {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.mw-editform #wpTextbox1 {
background: rgba(var(--wiki-content-background-color--rgb), 0.5);
color: var(--wiki-content-text-color);
}
.theme-light .CodeMirror {
--codemirror-yellow: #9e8500;
--codemirror-light-blue: #008ae7;
--codemirror-blue: #0085f9;
--codemirror-green: #290;
--codemirror-red: #ef4f00;
--codemirror-dark-red: #a11;
--codemirror-purple: #80c;
--codemirror-pink: #ed00ed;
--codemirror-light-gray: #858585;
--codemirror-gray: #6b8a8a;
}
:root .CodeMirror {
--codemirror-yellow: #ffd700;
--codemirror-light-blue: #adf;
--codemirror-blue: #08f;
--codemirror-green: #290;
--codemirror-red: #f50;
--codemirror-dark-red: #dd1616;
--codemirror-purple: #a900fe;
--codemirror-pink: #e0e;
--codemirror-light-gray: #eee;
--codemirror-gray: #84a0a0;
}
.CodeMirror {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-text-color);
}
.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line>span::selection,
.CodeMirror .CodeMirror-line>span>span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line>span::-moz-selection,
.CodeMirror .CodeMirror-line>span>span::-moz-selection,
.CodeMirror .CodeMirror-selected {
background: rgba(var(--wiki-content-link-color--rgb), .3);
}
.CodeMirror-linenumber {
color: rgba(var(--wiki-content-text-color--rgb), .6);
}
.CodeMirror div.CodeMirror-cursors,
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid var(--wiki-content-text-color);
}
.cm-keyword {
color: var(--codemirror-purple);
}
.cm-def {
color: var(--codemirror-blue);
}
.cm-comment {
color: var(--codemirror-yellow);
}
.cm-variable-2 {
color: var(--codemirror-light-blue);
}
.cm-string {
color: var(--codemirror-red);
}
.cm-atom {
color: var(--codemirror-pink);
}
.cm-number {
color: var(--codemirror-green);
}
.CodeMirror-gutters {
background-color: var(--wiki-content-background-color--secondary);
border-right-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.cm-mw-matching {
background-color: var(--codemirror-yellow);
}
.cm-mw-skipformatting {
background-color: var(--codemirror-light-blue);
}
.cm-mw-list {
color: var(--codemirror-blue);
}
.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
background-color: var(--wiki-content-background-color--secondary);
color: var(--codemirror-blue);
}
.cm-mw-indenting {
color: var(--codemirror-blue);
}
.cm-mw-mnemonic {
color: var(--codemirror-green);
}
.cm-mw-comment {
color: var(--codemirror-gray);
}
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
color: var(--codemirror-blue);
}
.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
color: var(--codemirror-purple);
}
.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
color: var(--codemirror-red);
}
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
color: var(--codemirror-dark-red);
}
.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
color: var(--codemirror-green);
}
.cm-mw-link,
.cm-mw-link-pagename {
color: var(--wiki-content-link-color);
}
.cm-mw-link-tosection {
color: var(--codemirror-blue);
}
.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
color: var(--wiki-content-link-color);
}
.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
color: var(--codemirror-pink);
}
.cm-mw-matchingbracket {
background-color: var(--wiki-content-background-color--secondary);
box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
font-weight: bold;
}
/*************
* End editor *
**************/
/***************************************
* Various fixes for multi-theme Vector *
****************************************/
#wpUploadFile {
background: none;
border: none;
}
input {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
input:hover,
input:focus,
input:active {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-link-color);
box-shadow: none;
}
input:focus-visible {
outline:1px solid var(--wiki-content-link-color);
}
/* category bar and filetoc */
.catlinks,
ul#filetoc {
background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
border: 1px solid rgba(var(--wiki-separator-color--rgb), 0.1);
border-bottom: 1px solid rgba(var(--wiki-separator-color--rgb), 0.3);
clear: both;
margin-top: 1em;
padding: 5px;
}
.catlinks li {
border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4);
}
#filetoc li {
border-left: 1px solid rgba(var(--wiki-separator-color--rgb), 0.4);
padding: 0 1.5em;
}
#filetoc li:first-child {
border-left: 0;
}
/**/
body .ui-dialog .ui-widget-header {
/* we need an important here because the built-in styles have one :( */
background:var(--wiki-content-background-color) !important;
border:1px solid var(--wiki-content-border-color);
color:var(--wiki-content-text-color);
}
.ui-widget-content {
background:var(--wiki-content-background-color--secondary);
color:var(--wiki-content-text-color);
border:1px solid var(--wiki-content-border-color);
}
body .ui-button {
/* we need an important here because the built-in styles have one. Vector is a mess */
background:var(--wiki-accent-color) !important;
border-color:var(--wiki-accent-color) !important;
color:var(--wiki-accent-text-color);
}
body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
background:var(--wiki-accent-color--hover) !important;
border-color:var(--wiki-accent-color--hover) !important;
color:var(--wiki-accent-text-color);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color:var(--wiki-accent-text-color);
}
/* notifications ("your edit was saved", etc.) */
.mw-notification {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
}
/**/
.mw_metadata td,
.mw_metadata th {
border-color: var(--wiki-content-border-color);
}
.mw_metadata th {
background-color: var(--wiki-content-background-color--secondary);
}
.mw_metadata td {
background-color: var(--wiki-content-background-color);
}
.mw-datatable td,
.mw-datatable th {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
}
#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover>td {
background-color: var(--wiki-content-background-color--secondary);
}
#mw-allmessagestable .am_default {
background-color: rgba(var(--wiki-accent-color--rgb), .8);
color: var(--wiki-accent-text-color);
}
#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
background-color: rgba(var(--wiki-accent-color--rgb), .6);
}
#mw-allmessagestable .am_actual {
color: var(--wiki-accent-text-color);
}
#mw-allmessagestable tbody:hover .am_actual {
background-color: rgba(var(--wiki-accent-color--rgb), .5);
}
.mw-datatable,
.mw-json {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-border-color);
color: inherit;
}
.mw-datatable>*>tr>th,
.mw-datatable>tr>th,
.mw-json>*>tr>th,
.mw-json>tr>th {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
padding-bottom: 9px;
padding-top: 9px;
}
.mw-datatable>*>tr>td,
.mw-datatable>tr>td,
.mw-json>*>tr>td,
.mw-json>tr>td {
border-color: var(--wiki-content-border-color);
}
.mw-json tr {
background-color: inherit;
}
.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
background: rgba(var(--wiki-success-color--rgb), .6);
}
.mw-json .mw-json-empty {
background: var(--wiki-content-background-color--secondary);
}
.mw-message-box,
.mw-message-box-warning {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-text-color);
}
.mw-message-box-warning {
border-color: var(--wiki-warning-color);
border-width: 1px 1px 1px 10px;
}
.wikitable *,
.wikitable :after,
.wikitable :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.cargo-pagevalues-tableinfo {
background-color: var(--wiki-content-background-color);
border-bottom: 1px solid var(--wiki-content-border-color);
top: 46px;
position: static;
/* override sticky in the built-in */
}
.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
fill: var(--wiki-content-background-color--secondary);
fill-opacity: 1;
}
.cargo-table-diagram .cargo-table-svg .node rect {
stroke: var(--wiki-content-border-color);
opacity: 1;
}
.cargo-table-diagram .cargo-table-svg .node text tspan {
fill: var(--wiki-content-text-color);
}
table.cargoTable {
color: var(--wiki-content-text-color);
}
table.cargoTable tbody td,
table.cargoTable thead th {
border: 1px solid var(--wiki-content-border-color);
}
table.cargoTable tr:hover {
background-color: rgba(var(--wiki-accent-color--rgb), .25);
}
table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
background-color: var(--wiki-accent-color);
}
table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
background-color: var(--wiki-content-background-color);
}
table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
background-color: var(--wiki-content-background-color--secondary);
}
table.cargoTable th.headerSort {
color: var(--wiki-content-link-color);
}
table.cargoTable th.headerSort:hover {
color: var(--wiki-content-link-color--hover);
}
#mw-content-text div.cargoReplacementTableInfo {
background: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
}
div.drilldown-filters-wrapper {
background-color: transparent;
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.action-pagevalues tr:nth-of-type(2n) {
background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}
.action-pagevalues tr:hover {
background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}
div.specialCargoQuery-extraPane {
background: var(--wiki-content-background-color);
}
div.thumbinner {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.thumbimage {
background-color: unset;
border: unset;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
background-color: transparent;
}
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active)>.oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
:root .oo-ui-iconElement-icon {
filter: invert(100%);
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
filter: unset;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span {
border-color: var(--wiki-content-link-color);
filter: unset;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: var(--wiki-content-link-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
box-shadow:none;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
border-color: var(--wiki-content-link-color);
box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span {
border-color: var(--wiki-content-link-color);
box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
outline: 1px solid transparent;
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span {
background-color: var(--wiki-content-dynamic-color--inverted);
border-color: var(--wiki-content-link-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span {
background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
border-color: var(--wiki-content-link-color);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
background-color:rgba(var(--wiki-content-link-color--rgb), 0.5)
}
.oo-ui-indicatorElement-indicator {
filter: invert(100);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
border-color: var(--wiki-content-link-color);
box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}
.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
color: var(--wiki-content-text-color);
padding: 8px 6px;
-webkit-transition: color .3s, background-color .3s;
transition: color .3s, background-color .3s;
}
.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
background-color: rgba(var(--wiki-content-link-color--rgb), .15);
color: var(--wiki-content-link-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: transparent;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--wiki-content-border-color);
padding: 0;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label {
color: var(--wiki-content-link-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover {
color: var(--wiki-content-link-color--hover);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
content: "[";
}
.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
content: "]";
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: rgba(var(--wiki-content-text-color--rgb), .6);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--wiki-content-background-color);
}
.oo-ui-menuSelectWidget {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
background-color: var(--wiki-content-background-color);
border-bottom-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-link-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
border-color: var(--wiki-content-link-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
background-color: rgba(var(--wiki-content-link-color--rgb), .15);
}
.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: rgba(var(--wiki-content-text-color--rgb), .6);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
background-color: rgba(var(--wiki-content-link-color--rgb), .15);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: rgba(var(--wiki-content-text-color--rgb), .6);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
border-color: var(--wiki-content-text-color);
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: rgba(var(--wiki-content-text-color--rgb), .6);
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: transparent;
color: var(--wiki-content-text-color);
}
.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
}
.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--wiki-content-text-mix-color-95);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
-webkit-transition: border-color 300ms, box-shadow 300ms;
transition: border-color 300ms, box-shadow 300ms;
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
border-color: var(--wiki-content-link-color);
outline: 0;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wiki-content-link-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
border-color: var(--wiki-alert-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: var(--wiki-content-background-color--secondary);
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
border-color: var(--wiki-alert-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
color: var(--wiki-alert-color);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
opacity: 0.5;
}
.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
color: inherit;
background: transparent;
font-family: inherit;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
background-color: transparent;
border-color: var(--wiki-content-text-color);
}
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--wiki-content-link-color);
border-color: var(--wiki-content-link-color);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-link-color);
}
.oo-ui-bookletLayout-outlinePanel {
padding: 7px 0;
}
.oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
color: var(--wiki-content-text-color--hover);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
color: var(--wiki-alert-color);
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
color: var(--wiki-alert-color--hover);
}
.oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button {
border: 1px solid transparent;
}
.oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button {
color: inherit;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-text-color);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color--hover);
border-color: var(--wiki-accent-color--hover);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button {
background-color: #bf0017;
border-color: #bf0017;
color: #fff;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: #59000b;
border-color: #59000b;
}
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: transparent;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: var(--wiki-content-background-color--secondary);
}
.oo-ui-popupWidget-popup {
background-color: var(--wiki-content-text-mix-color-95);
border-color: var(--wiki-content-border-color);
}
.mw-ui-button {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-link-color);
border-color: var(--wiki-content-border-color);
}
.mw-ui-button:not(:disabled):visited {
color: var(--wiki-content-link-color);
}
.mw-ui-button:not(:disabled):hover {
background-color: var(--wiki-content-text-mix-color-95);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-link-color--hover);
}
.mw-ui-button:not(:disabled):focus {
border-color: var(--wiki-content-link-color);
box-shadow: none;
}
.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
background-color: var(--wiki-content-background-color);
border-color: var(--wiki-content-link-color);
}
:root .mw-ui-icon-before::before {
filter: invert(1);
}
.oo-ui-windowManager-modal>.oo-ui-dialog>.oo-ui-window-frame {
background-color: var(--wiki-content-background-color);
color: var(--wiki-content-text-color);
border-color: var(--wiki-content-border-color);
}
.oo-ui-windowManager-modal>.oo-ui-dialog {
background-color: rgba(var(----wiki-content-dynamic-color--inverted--rgb), 0.5);
}
.oo-ui-messageDialog-message {
color: var(--wiki-content-text-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
color: var(--wiki-content-link-color--hover);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button {
background-color: var(--wiki-content-background-color--secondary);
color: var(--wiki-content-link-color--hover);
border-color: var(--wiki-content-link-color);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
border-color: var(--wiki-content-link-color);
box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}
pre,
code,
.mw-code {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
.theme-light .mw-highlight {
--pygments-background: var(--wiki-content-background-color--secondary);
--pygments-err: #db0000;
--pygments-c: #3a7575;
--pygments-k: #008000;
--pygments-o: #666;
--pygments-ch: #3a7575;
--pygments-cm: #3a7575;
--pygments-cp: #986200;
--pygments-cpf: #3a7575;
--pygments-c1: #3a7575;
--pygments-cs: #3a7575;
--pygments-gd: #a00000;
--pygments-gr: #db0000;
--pygments-gh: #000080;
--pygments-gi: #008100;
--pygments-go: #6e6e6e;
--pygments-gp: #000080;
--pygments-gu: #800080;
--pygments-gt: #04d;
--pygments-kc: #008000;
--pygments-kd: #008000;
--pygments-kn: #008000;
--pygments-kp: #008000;
--pygments-kr: #008000;
--pygments-kt: #b00040;
--pygments-m: #666;
--pygments-s: #ba2121;
--pygments-na: #647421;
--pygments-nb: #008000;
--pygments-nc: #00f;
--pygments-no: #800;
--pygments-nd: #a412ff;
--pygments-ni: #6d6d6d;
--pygments-ne: #c9352e;
--pygments-nf: #00f;
--pygments-nl: #727200;
--pygments-nn: #00f;
--pygments-nt: #008000;
--pygments-nv: #19177c;
--pygments-ow: #a412ff;
--pygments-w: #6e6e6e;
--pygments-mb: #666;
--pygments-mf: #666;
--pygments-mh: #666;
--pygments-mi: #666;
--pygments-mo: #666;
--pygments-sa: #ba2121;
--pygments-sb: #ba2121;
--pygments-sc: #ba2121;
--pygments-dl: #ba2121;
--pygments-sd: #ba2121;
--pygments-s2: #ba2121;
--pygments-se: #a55a1e;
--pygments-sh: #ba2121;
--pygments-si: #af4d74;
--pygments-sx: #008000;
--pygments-sr: #af4d74;
--pygments-s1: #ba2121;
--pygments-ss: #19177c;
--pygments-bp: #008000;
--pygments-fm: #00f;
--pygments-vc: #19177c;
--pygments-vg: #19177c;
--pygments-vi: #19177c;
--pygments-vm: #19177c;
--pygments-il: #666;
}
:root .mw-highlight {
--pygments-background: var(--wiki-content-background-color--secondary);
--pygments-err: #fe4242;
--pygments-c: #4b9797;
--pygments-k: #00a300;
--pygments-o: #898989;
--pygments-ch: #4b9797;
--pygments-cm: #4b9797;
--pygments-cp: #c17d00;
--pygments-cpf: #4b9797;
--pygments-c1: #4b9797;
--pygments-cs: #4b9797;
--pygments-gd: #ff3f3f;
--pygments-gr: #fe4242;
--pygments-gh: #7a7aff;
--pygments-gi: #00a000;
--pygments-go: #8a8a8a;
--pygments-gp: #7a7aff;
--pygments-gu: #f500f5;
--pygments-gt: #4e84fe;
--pygments-kc: #00a300;
--pygments-kd: #00a300;
--pygments-kn: #00a300;
--pygments-kp: #00a300;
--pygments-kr: #00a300;
--pygments-kt: #fe357e;
--pygments-m: #898989;
--pygments-s: #e25e5e;
--pygments-na: #80932a;
--pygments-nb: #00a300;
--pygments-nc: #7a7afe;
--pygments-no: #ff4040;
--pygments-nd: #bf5aff;
--pygments-ni: #999;
--pygments-ne: #da655f;
--pygments-nf: #7a7afe;
--pygments-nl: #a0a000;
--pygments-nn: #7a7afe;
--pygments-nt: #00a300;
--pygments-nv: #8381e7;
--pygments-ow: #bf5aff;
--pygments-w: #bbb;
--pygments-mb: #898989;
--pygments-mf: #898989;
--pygments-mh: #898989;
--pygments-mi: #898989;
--pygments-mo: #898989;
--pygments-sa: #e25e5e;
--pygments-sb: #e25e5e;
--pygments-sc: #e25e5e;
--pygments-dl: #e25e5e;
--pygments-sd: #e25e5e;
--pygments-s2: #e25e5e;
--pygments-se: #d07125;
--pygments-sh: #e25e5e;
--pygments-si: #c17492;
--pygments-sx: #00a300;
--pygments-sr: #c17492;
--pygments-s1: #e25e5e;
--pygments-ss: #8381e7;
--pygments-bp: #00a300;
--pygments-fm: #7a7afe;
--pygments-vc: #8381e7;
--pygments-vg: #8381e7;
--pygments-vi: #8381e7;
--pygments-vm: #8381e7;
--pygments-il: #898989;
}
.mw-highlight .err {
border-color: var(--pygments-err);
}
.mw-highlight .c {
color: var(--pygments-c);
}
.mw-highlight .k {
color: var(--pygments-k);
}
.mw-highlight .o {
color: var(--pygments-o);
}
.mw-highlight .ch {
color: var(--pygments-ch);
}
.mw-highlight .cm {
color: var(--pygments-cm);
}
.mw-highlight .cp {
color: var(--pygments-cp);
}
.mw-highlight .cpf {
color: var(--pygments-cpf);
}
.mw-highlight .c1 {
color: var(--pygments-c1);
}
.mw-highlight .cs {
color: var(--pygments-cs);
}
.mw-highlight .gd {
color: var(--pygments-gd);
}
.mw-highlight .gr {
color: var(--pygments-gr);
}
.mw-highlight .gh {
color: var(--pygments-gh);
}
.mw-highlight .gi {
color: var(--pygments-gi);
}
.mw-highlight .go {
color: var(--pygments-go);
}
.mw-highlight .gp {
color: var(--pygments-gp);
}
.mw-highlight .gu {
color: var(--pygments-gu);
}
.mw-highlight .gt {
color: var(--pygments-gt);
}
.mw-highlight .kc {
color: var(--pygments-kc);
}
.mw-highlight .kd {
color: var(--pygments-kd);
}
.mw-highlight .kn {
color: var(--pygments-kn);
}
.mw-highlight .kp {
color: var(--pygments-kp);
}
.mw-highlight .kr {
color: var(--pygments-kr);
}
.mw-highlight .kt {
color: var(--pygments-kt);
}
.mw-highlight .m {
color: var(--pygments-m);
}
.mw-highlight .s {
color: var(--pygments-s);
}
.mw-highlight .na {
color: var(--pygments-na);
}
.mw-highlight .nb {
color: var(--pygments-nb);
}
.mw-highlight .nc {
color: var(--pygments-nc);
}
.mw-highlight .no {
color: var(--pygments-no);
}
.mw-highlight .nd {
color: var(--pygments-nd);
}
.mw-highlight .ni {
color: var(--pygments-ni);
}
.mw-highlight .ne {
color: var(--pygments-ne);
}
.mw-highlight .nf {
color: var(--pygments-nf);
}
.mw-highlight .nl {
color: var(--pygments-nl);
}
.mw-highlight .nn {
color: var(--pygments-nn);
}
.mw-highlight .nt {
color: var(--pygments-nt);
}
.mw-highlight .nv {
color: var(--pygments-nv);
}
.mw-highlight .ow {
color: var(--pygments-ow);
}
.mw-highlight .w {
color: var(--pygments-w);
}
.mw-highlight .mb {
color: var(--pygments-mb);
}
.mw-highlight .mf {
color: var(--pygments-mf);
}
.mw-highlight .mh {
color: var(--pygments-mh);
}
.mw-highlight .mi {
color: var(--pygments-mi);
}
.mw-highlight .mo {
color: var(--pygments-mo);
}
.mw-highlight .sa {
color: var(--pygments-sa);
}
.mw-highlight .sb {
color: var(--pygments-sb);
}
.mw-highlight .sc {
color: var(--pygments-sc);
}
.mw-highlight .dl {
color: var(--pygments-dl);
}
.mw-highlight .sd {
color: var(--pygments-sd);
}
.mw-highlight .s2 {
color: var(--pygments-s2);
}
.mw-highlight .se {
color: var(--pygments-se);
}
.mw-highlight .sh {
color: var(--pygments-sh);
}
.mw-highlight .si {
color: var(--pygments-si);
}
.mw-highlight .sx {
color: var(--pygments-sx);
}
.mw-highlight .sr {
color: var(--pygments-sr);
}
.mw-highlight .s1 {
color: var(--pygments-s1);
}
.mw-highlight .ss {
color: var(--pygments-ss);
}
.mw-highlight .bp {
color: var(--pygments-bp);
}
.mw-highlight .fm {
color: var(--pygments-fm);
}
.mw-highlight .vc {
color: var(--pygments-vc);
}
.mw-highlight .vg {
color: var(--pygments-vg);
}
.mw-highlight .vi {
color: var(--pygments-vi);
}
.mw-highlight .vm {
color: var(--pygments-vm);
}
.mw-highlight .il {
color: var(--pygments-il);
}
.mw-highlight,
.mw-highlight pre {
background: var(--pygments-background);
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
padding-left: 3.5em;
box-shadow: inset 2.75em 0 0 var(----wiki-content-dynamic-color--inverted);
}
.mw-highlight .hll {
background-color: rgba(var(--wiki-accent-color--rgb), .2);
}
.mw-apisandbox-toolbar {
background: var(--wiki-content-background-color--secondary);
}
/* special:replacetext */
.ext-replacetext-searchoptions {
background-color: transparent;
border: 1px solid var(--wiki-content-border-color);
}
.ext-replacetext-searchoptions .ext-replacetext-divider {
border-bottom: 1px solid var(--wiki-content-border-color);
}
/**/
:root textarea {
background-color: var(--wiki-content-background-color--secondary);
border: 1px solid var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
}
:root textarea:focus-visible {
outline-color: var(--wiki-content-link-color);
outline-style: solid;
}
/* make math formulas legible on dark theme */
:root .mwe-math-fallback-image-inline,
:root .mwe-math-fallback-image-display {
filter: invert(1);
}
/* search bar */
#searchInput {
background-color: var(--wiki-content-background-color--secondary);
border-color: var(--wiki-content-border-color);
color: var(--wiki-content-text-color);
box-shadow: none;
}
#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
border-color: var(--wiki-content-link-color);
box-shadow: none;
}
:root #searchButton {
filter: invert(1);
}
/* Search suggestions */
.suggestions-results,
.suggestions-special {
background-color:var(--wiki-content-background-color--secondary);
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
color:var(--wiki-content-text-color);
}
.suggestions-result {
color:var(--wiki-content-link-color);
}
.suggestions-result-current {
background-color:var(--wiki-accent-color);
color:var(--wiki-accent-text-color);
}
.suggestions-special .special-label {
color:var(--wiki-content-text-mix-color);
}
.suggestions-special .special-query {
color:var(--wiki-content-text-color);
}
/* search page */
fieldset#mw-searchoptions {
background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
border-color: var(--wiki-content-border-color);
}
#mw-searchoptions .divider {
border-color: var(--wiki-content-border-color);
}
.mw-search-profile-tabs {
background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
border: 1px solid var(--wiki-content-border-color);
margin-top: 1em;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: var(--wiki-content-text-color);
}
/* Invert the help icon on the helplink and add some padding */
#mw-indicator-mw-helplink a {
background-image: none;
/*padding-top: 1.7em;*/
padding-right: 0.8em;
}
#mw-indicator-mw-helplink a::before {
background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
height: 20px;
padding-left: 25px;
content: "";
}
:root #mw-indicator-mw-helplink a::before {
filter: invert(1);
}
/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
background-color:var(--wiki-content-background-color);
border-color:var(--wiki-content-border-color);
color:var(--wiki-content-text-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
color: var(--wiki-accent-text-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color:var(--wiki-accent-color--hover);
}
.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled,
.mw-ui-input:hover {
box-shadow:0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color);
border:2px solid var(--wiki-content-border-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
background-color: var(--wiki-accent-color);
border-color: var(--wiki-accent-color);
}
.mw-ui-button.mw-ui-progressive, .mw-ui-input:focus {
box-shadow: 0px 0px 16px rgba(0,0,0,0.75) inset, 0 0 5px var(--wiki-content-border-color)
}
.mw-mmv-dialog {
background-color:var(--wiki-content-background-color--secondary);
box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
background-color: var(--wiki-content-background-color--secondary);
}
.mw-mmv-options-dialog-header {
color:var(--wiki-content-text-color);
}
.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
color:var(--wiki-content-text-mix-color);
}
.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
color:var(--wiki-content-link-color);
}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
box-shadow: inset 0 0 0 1px rgba(0,0,0,1),inset 0 0 0 2px var(--wiki-content-link-color);
}
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus{
color:var(--wiki-content-text-color);
}
/*************************
* End Vector theme fixes *
**************************/
/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:720px) {
html {
--wiki-logo-width: 10rem;
--wiki-logo-height: 8rem;
--vector-tab-height: 2em;
--vector-tab-border-width: 1px;
--content-right-margin: 0;
--search-height: 2.5em;
}
:root {
--wiki-content-padding: 1rem;
}
body {
grid-template-columns: [body-left aside-left content-left] minmax(0, 1fr) [aside-right content-right body-right];
background-color: var(--wiki-base-background-color);
}
#mw-head {
top: 0;
left: 0;
width: calc(100% - 2 * var(--vector-tab-margin));
}
#p-search {
position: absolute;
box-sizing: border-box;
top: calc(-3.6em - var(--search-height));
left: calc(50% - 6px);
right: auto;
width: 100%;
max-width: 20em;
margin: 0;
padding: 6px;
transform: translateX(-50%);
}
#simpleSearch {
width: 100vw;
}
.mw-body {
top: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height));
border-left: none;
border-right: none;
margin: 0;
/*margin-bottom: 5px;*/
/*padding-top: 3.5em;*/
margin-bottom: 4em;
}
.mw-footer {
border-left: none;
border-right: none;
}
#mw-panel {
position: static;
margin: 0;
margin-top: 4em;
padding: 0;
top: 0;
justify-content: space-around;
}
#mw-panel #p-logo + .portal .vector-menu-heading,
#mw-panel .portal .vector-menu-heading {
padding: 8px 6px;
}
#mw-navigation #mw-panel .portal {
width: unset;
/*text-align: center;*/
}
.vector-menu-dropdown .vector-menu-content {
right: 0;
left: unset;
}
/* advanced search options */
#mw-searchoptions table {
float: none;
}
#mw-searchoptions table td {
display: block;
}
/* popup when clicking the download button in multimediaviewer */
.mw-mmv-dialog {
width: unset;
}
/* turn math elements into scroll blocks unless they're an immediate child of a span */
:not(span)>.mwe-math-element {
display: block;
overflow-x: auto;
}
/* reset mw internal css */
#footer-icons {
float: none;
}
#footer #footer-info-copyright {
padding-right: 0;
padding-bottom: 40px;
right: auto;
left: 0;
}
#footer-info-copyright img {
right: auto;
left: 0;
}
#wikigg-footer {
display: grid;
grid-template-columns: 35px 1fr;
grid-template-rows: auto auto;
align-items: center;
justify-items: start;
padding: 3px 0 3px 10px;
}
#wikigg-footer .footer-right {
grid-column: 2/3;
grid-row: 1/2;
margin: 0;
}
#wikigg-footer .footer-middle {
grid-column: 1/2;
grid-row: 1/3;
}
#wikigg-footer .footer-left {
grid-column: 2/3;
grid-row: 2/3;
margin: 0;
}
:root {
--pi-width: 100%;
}
/* Center infoboxes */
.portable-infobox {
margin: auto;
max-width: 100%;
width: calc(var(--pi-width) - 2em);
}
/* Display changelist legeng in the middle while expanded */
.mw-changeslist-legend {
float: none;
margin: 0 1em 0.5em;
}
/* Undo changes from above when collapsed */
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible.mw-collapsed {
float: right;
margin: 0;
margin-top: 0.5em;
}
/* Thumbs crowding text */
div.tright,
div.tleft {
float: none;
display: block;
margin: 0 auto 0.5em auto;
}
div.tright .thumbinner,
div.tleft .thumbinner {
margin: auto;
}
}
/*************************
* End mobile adjustments *
**************************/
/*******************
* Biomes map thumb *
********************/
.map-thumb {
float: right;
text-align: center;
}
.map-thumb > div {
height: 200px;
width: 270px;
overflow: hidden;
border: solid 1px var(--wiki-content-border-color);
border-radius: 6px;
margin: auto;
}
.map-thumb img {
position: relative;
left: -138px;
top: -30px;
}
@media screen and (max-width: 720px) {
.map-thumb {
float: unset;
}
}
/***********************
* End biomes map thumb *
************************/
/*************************************
* [[Template:MovelistTable]] styling *
**************************************/
.movelist {
margin-bottom: 1em;
display: grid;
width: auto;
grid-gap: 0.5em;
}
.movelist-item {
display: grid;
grid-template-columns: [description] auto [showcase] auto;
grid-template-rows: auto;
}
.movelist-description {
grid-column: 1 / description;
grid-row: 1 / 1;
}
.movelist-showcase {
grid-column: 2 / showcase;
grid-row: 1 / 1;
}
.movelist-showcase img {
float: right;
}
@media screen and (max-width: 720px) {
.movelist-item {
grid-template-columns: auto;
grid-template-rows: [description] auto [showcase] auto;
}
.movelist-description {
grid-column: 1 / 1;
grid-row: 1 / description;
margin-bottom: 1em;
}
.movelist-showcase {
grid-column: 1 / 1;
grid-row: 2 / showcase;
margin: auto;
}
.movelist-showcase img {
float: none;
max-width: 100%;
height: auto;
}
}
/*****************************************
* End [[Template:MovelistTable]] styling *
******************************************/
/********************
* Game showcase fix *
*********************/
div.games-showcase-header {
margin: 0 0 1em;
padding-top: 1em;
}
div.games-showcase-header + .content-body #siteNotice {
border-top: 1px solid;
}
div.games-showcase-footer {
margin-top: 1em;
}
/************************
* End game showcase fix *
*************************/
/*****************
* Max page width *
******************/
@media screen and (min-width: 1440px) {
html {
--layout-sidespace: minmax(0, 1fr);
--layout-content-width: 1234px;
}
}
/*********************
* End max page width *
**********************/
/***************
* Spoiler text *
****************/
.spoiler-inline {
background-color: black;
color: black;
padding: 0.2em;
transition: 0.1s ease;
}
.spoiler-inline:hover {
color: var(--wiki-content-text-color);
transition: 0.5s ease-in;
}
.spoiler-inline a {
color: black;
transition: 0.1s ease;
}
.spoiler-inline:hover a {
color: var(--wiki-content-link-color);
transition: 0.5s ease-in;
}
/*******************
* End spoiler text *
********************/
/*******************
* Fix for the table's caption not having consistent wrapping upon toggling *
********************/
table.mw-collapsible.mw-collapsed caption {
white-space: nowrap;
}
/*******************
* End collapsible caption fix *
********************/
.mw-collapsible-toggle-default .mw-collapsible-text {
color: var(--wiki-content-link-color);
}