Mudanças entre as edições de "MediaWiki:Vector.css"
Ir para navegação
Ir para pesquisar
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); }