MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
/* Base CSS "borrowed" from Karmazoo Wiki */
html {
--wiki-logo-width: 60rem;
--wiki-logo-height: 25rem;
--wiki-logo-top-spacing: 15px;
--wiki-logo-image: url(/images/a/a0/Wiki-logo.png); /* [[File:Karmazoologo.webp]] */
--vector-tab-height: 2rem;
--vector-tab-border-width: 0px;
--vector-tab-top-spacing: 0.5em;
--vector-tab-margin: var(--wiki-content-padding);
--sidebar-width: 10rem;
--sidebar-spacing: 2.5rem;
--sidebar-heading-color: white;
--sidebar-heading-color--rgb: 255, 225, 255;
--sidebar-heading-border-bottom: 0px 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: black;
--wiki-body-background-image: url(/images/0/00/Background_blurred.png); /* [[File:Karma Zoo Wiki Background V2.png]] */
--wiki-body-background-color: black;
--wiki-body-background-color--rgb: 0, 0, 0;
--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-image: none;
--wiki-content-background-image-repeat: no-repeat, no-repeat, repeat, repeat;
--wiki-content-background-image-position: center, bottom center, top, top;
--wiki-content-background-image-size: cover;
--wiki-content-background-color: black;
--wiki-content-background-color--rgb: 0, 0, 0;
--wiki-content-background-color--secondary: black;
--wiki-content-background-color--secondary--rgb: 0, 0, 0;
--wiki-content-background-color--tertiary: black;
--wiki-content-background-color--tertiary--rgb: 0, 0, 0;
--wiki-content-border-color: white;
--wiki-content-border-color--rgb: 255, 255, 255;
--wiki-content-border-image-source: url(/images/c/cb/Border-image.png);
--wiki-content-border-image-slice: 50;
--wiki-content-border-image-width: 2.5rem;
--wiki-content-border-image-outset: 1rem;
--wiki-content-border-image-repeat: stretch;
--wiki-content-text-color: white;
--wiki-content-text-color--rgb: 255, 255, 255;
--wiki-content-link-color: cornflowerblue;
--wiki-content-link-color--rgb: 100, 149, 237;
--wiki-content-link-color--hover: grey;
--wiki-content-link-color--hover--rgb: 128,128,128;
--wiki-content-link-label-color: cornflowerblue;
--wiki-content-redlink-color: #f44;
--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-footer-margin-top: 2.75rem;
--wiki-heading-color: white;
--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: transparent;
--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);
}
/* Head and page base (unused */
/*#mw-head-base {*/
/* background: transparent;*/
/*}*/
/*#mw-head {*/
/* top: calc(var(--logo-height) + var(--wiki-logo-top-spacing) + var(--vector-tab-top-spacing));*/
/* z-index: 1;*/
/*}*/
#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;
}
hr {
overflow: hidden;
}
/************************
* End general framework *
*************************/
/*******
* Logo *
********/
/* [[File:Site-logo.png]] */
/*.mw-wiki-logo {*/
/* background-size: contain;*/
/*}*/
/*#p-logo,*/
/*#p-logo a {*/
/* width: var(--wiki-logo-width);*/
/* height: var(--wiki-logo-height);*/
/*}*/
/*#p-logo a {*/
/* 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));*/
/*}*/
/*#mw-panel {*/
/* position: absolute;*/
/* top: 3em;*/
/* z-index: 1;*/
/*}*/
/* 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;
transition: 150ms ease-in-out;
animation: logoAnim 2s linear infinite alternate;
}
@keyframes logoAnim{
0% {
-webkit-filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.4));
}
100% {
-webkit-filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.8));
}
}
/* 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 *
***************/
.vector-menu-tabs {
.vector-menu-content {
.vector-menu-content-list {
.mw-list-item {
background: unset;
display: inline flow-root;
float: unset;
height: 2em;
position: relative;
vertical-align: top;
width: 2em;
& a {
background: unset;
height: 32px;
opacity: 0;
padding: unset;
width: 32px;
span {
width: 0;
overflow: hidden;
}
}
}
.mw-watchlink a::before {
content: unset;
}
#ca-watch .head-icon-watch__fill {
visibility: hidden;
}
}
}
}
.head-icon {
left: 0;
pointer-events: none;
position: absolute;
top: 0;
height: 32px;
margin-bottom: calc(-1 * var(--pixel-size));
width: 32px;
}
#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;
font-family: "Sen", sans-serif;
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) {
margin-left: 5px;
}
#p-cactions {
display: none;
}
.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);
}
/*#mw-head .vector-menu-dropdown .vector-menu-heading {*/
/* padding-right: 0.5em;*/
/* margin-top: 0.523em;*/
/* padding-top: 0.462em;*/
/*}*/
.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 {
color: #fff;
}
.vector-menu-tabs .selected svg {
filter: drop-shadow(0px 0px 8px white);
}
.mw-list-item:hover svg {
transition-timing-function: ease-in;
transition: 0.2s;
filter: drop-shadow(0px 0px 4px grey);
}
.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-search {
margin-top: 0.2em;
}
/******************
* End vector tabs *
*******************/
/***************
* Left Sidebar *
****************/
#p-logo + .mw-portlet .vector-menu-heading {
display: block;
}
/* #mw-panel .vector-menu-portal {
background-color:var(--wiki-sidebar-background-color);
margin:0 0.2em 10px 0.2em;
padding:0;
}
#mw-panel .vector-menu-content {
border:2px solid var(--wiki-sidebar-border-color);
box-shadow:inset 0 0 1px 0 rgba(0,0,0,0.5), inset 0 0 0 3px var(--wiki-sidebar-border-color--secondary);
margin:0;
padding:0 0.25em 0.4em 0.5em;
}
.vector-menu-portal .vector-menu-content .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
color:var(--wiki-sidebar-link-color);
}
.vector-menu-portal .vector-menu-heading {
background:none;
color:var(--wiki-sidebar-header-color);
margin:0px 0.5em;
font-size:0.8em;
} */
#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;
text-align: center;
}
#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: 10px;
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-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: 1em;
font-family: 'Michroma',sans serif;
text-transform: uppercase;
font-weight: bold;
font-style: normal;
line-height: 18px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: grey;
}
#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: black;
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;
background: linear-gradient(to right, transparent 20%, white 20%, white 80%, transparent 80%) 0 0 / 100% 1px no-repeat;
}
#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: "Sen",sans-serif;
line-height: inherit;
background: none;
border-radius: var(--sidebar-inner-border-radius);
}
#mw-panel .portal .body li:hover {
background: url(/images/7/71/Left-navigation-selector-flipped.gif) left center no-repeat, url(/images/5/50/Left-navigation-selector.gif) right center no-repeat;
background-size: 12px 12px;
color: white;
font-weight: bold;
}
#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 */
background-position: 16px 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: "Sen", sans-serif;
font-size: large;
line-height: 1.5ex;
color: var(--wiki-content-text-color);
background-color: transparent;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75);
border: none;
border-radius: var(--sidebar-border-radius);
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-image);
background-repeat: var(--wiki-content-background-image-repeat);
background-position: var(--wiki-content-background-image-position);
background-size: var(--wiki-content-background-image-size);
background-color: rgba(var(--wiki-body-background-color--rgb), 0.95);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border-radius: var(--sidebar-border-radius);
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-radius: var(--sidebar-border-radius);
border-image: var(--wiki-content-border-image-source) var(--wiki-content-border-image-slice) / var(--wiki-content-border-image-width) / var(--wiki-content-border-image-outset) var(--wiki-content-border-image-repeat);
/* 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(1.75em) var(--wiki-content-padding) var(--wiki-content-padding);
font-family: "Sen", sans-serif;
/* 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;9
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;*/
line-height: 1.15;
border-bottom: 0px solid transparent;
border-image: linear-gradient(to right, #414f6a, rgba(0, 0, 0, 0)) 30% 5%;
padding-top: 0;
padding-bottom: 0;
}
.mw-body h1 {
font-family: "Down the Well";
text-transform: uppercase;
font-weight: 200;
font-style: normal;
padding-top: 0;
padding-bottom: 0;
}
/* All "small" headers that exist within the body of the wiki */
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
/* font-family: 'Dosis', sans-serif;*/
font-family: "Michroma",sans-serif;
letter-spacing: 1px;
font-weight: 800;
text-transform: uppercase;
color: grey;
/* 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: 5em;
}
.mw-body h2,
.mw-body-content h2 {
font-size: 1.8em;
padding-top: 0;
}
.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: 2.5rem;
--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-end/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: content-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: var(--wiki-footer-margin-top);
}
#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-source) var(--wiki-content-border-image-slice) / var(--wiki-content-border-image-width) / var(--wiki-content-border-image-outset) var(--wiki-content-border-image-repeat);
border-radius: var(--sidebar-border-radius);
/* backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); */
height: 40px;
display: flex;
align-items: flex-end;
/* padding: 0 var(--main-layout-gap); */
z-index: 11;
}
#mw-panel .portal,
#mw-panel #p-logo + .portal {
background: black;
box-shadow: none;
border: 1px solid;
margin: 0px 10px;
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: 0; /* 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 *
**********************/
/*#footer {*/
/* padding: 0.5em 1em;*/
/* background-color: rgba(var(--wiki-content-background-color--rgb), 0.45);*/
/* margin-bottom: 1em;*/
/* backdrop-filter: blur(3px);*/
/* -webkit-backdrop-filter: blur(3px);*/
/* border-radius: 0 0 10px 10px;*/
/* border: 1px solid #527fd0;*/
/* border-top: none;*/
/*}*/
/*#footer ul li {*/
/* color: #E8E8E8;*/
/*}*/
/* Hide main page header */
/*body.page-Dead_Cells_Wiki h1.firstHeading {*/
/* display:none;*/
/*}*/
/*body #pageWrapper {*/
/* margin-right: 1em;*/
/*}*/
/* Head */
/*div#mw-page-base {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/*}*/
/*#mw-head-base {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/* border-bottom: 0px;*/
/*}*/
/*div#mw-head {*/
/* color: #e8e8e8;*/
/* background: transparent;*/
/* border: none;*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 5em;*/
/* margin-top: 0;*/
/* margin-right:0;*/
/*}*/
/* Tabs */
/*#left-navigation {*/
/* margin-top: calc(3.3em - 1px);*/
/* margin-left: 11em;*/
/* height: 30px;*/
/*}*/
/*#right-navigation {*/
/* margin-top: calc(3.3em - 1px);*/
/* margin-right: 0;*/
/* height: 30px;*/
/*}*/
/*div.vectorTabs li.selected, div.vectorTabs ul li {*/
/* background-image: none;*/
/* margin-right: 5px;*/
/* border-radius: 10px 10px 0 0;*/
/* border: 1px solid #527fd0;*/
/* border-bottom: none;*/
/* height: 1.7em;*/
/* backdrop-filter: blur(5px);*/
/* -webkit-backdrop-filter: blur(5px);*/
/*}*/
/*div.vectorTabs li.selected, div.vectorTabs ul li:hover {*/
/* background-color: #13274c; */
/*}*/
/*div.vectorTabs ul li {*/
/* background-color: rgba(19,39,76,0.5);*/
/*}*/
/*div#p-cactions {*/
/* background-image: none;*/
/* margin-right: 5px;*/
/* border-radius: 10px 10px 0 0;*/
/* border: 1px solid #527fd0;*/
/* border-bottom: none;*/
/* height: 1.7em;*/
/* background-color: rgba(19,39,76,0.5);*/
/* backdrop-filter: blur(5px);*/
/* -webkit-backdrop-filter: blur(5px);*/
/*}*/
/*.vectorTabs #ca-unwatch.icon a,*/
/*.vectorTabs #ca-watch.icon a {*/
/* padding-top: 23px;*/
/*}*/
/*.vector-menu-tabs .mw-watchlink.icon a:before { top: 0.5em; }*/
/*div#p-search {*/
/* margin-top: -7px;*/
/*}*/
/*#p-search form,*/
/*#p-search input {*/
/* margin: 0.15em 0 0;*/
/*}*/
/*div.vectorTabs {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/* height: 30px;*/
/* margin: 0;*/
/* padding: 0;*/
/*}*/
/*div.vectorTabs span,*/
/*div#mw-head div.vectorMenu .vector-menu-heading {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/*}*/
/*div.vectorTabs span a {*/
/* padding-top: 0.5em;*/
/*}*/
/*div.vectorTabs li.selected a,*/
/*div.vectorTabs li.selected a span,*/
/*div.vectorTabs li.selected a:visited,*/
/*div.vectorTabs li.selected a:visited span {*/
/* color: #FFFFFF !important;*/
/* font-weight: bold;*/
/* text-decoration: none;*/
/*}*/
/*div.vectorTabs ul {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/*}*/
/*div#mw-head,*/
/*div.vectorTabs li a,*/
/*.vectorTabs li a span,*/
/*div#mw-head div.vectorTabs a,*/
/*div.vectorMenu .vector-menu-heading span {*/
/* color: #C0C0C0;*/
/*}*/
/*div.vectorMenu .vector-menu-heading span {*/
/* font-family: sans-serif;*/
/* padding-top: 0.5em;*/
/*}*/
/*div.vectorTabs li a:hover,*/
/*div.vectorTabs li a:hover span {*/
/* color: #FFFFFF;*/
/*}*/
/*div.vectorTabs li a {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/* padding-top: 0.5em;*/
/* height: 2em;*/
/*}*/
/*div#mw-head div.vectorMenu h4,*/
/*div#p-variants.vectorMenu #mw-vector-current-variant {*/
/* padding-top: 0.5em;*/
/*}*/
/*.vector-menu-dropdown .vector-menu-heading:after {*/
/* position: relative;*/
/* top: 0.5em;*/
/* filter: invert(1);*/
/*}*/
/*.vector-menu-dropdown .vector-menu-heading {*/
/* padding-top: 0;*/
/*}*/
/*div.vectorMenu .menu {*/
/* background-color: #000000;*/
/* border: 1px solid #527fd0;*/
/*}*/
/*div#mw-head div.vectorMenu ul {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* border: none;*/
/*}*/
/*div#mw-head div.vectorMenu li a {*/
/* color: #FFFFFF;*/
/*}*/
/* Sidebar */
/*div#p-logo {*/
/* top: -140px !important;*/
/* left: 4px !important;*/
/*}*/
/*div#mw-panel {*/
/* text-shadow: 1px 1px 2px #3c2025;*/
/*}*/
/*.skin-vector div#mw-panel div.portal, */
/*.skin-vector div#mw-panel div.portal div.body,*/
/*.skin-vector #mw-panel.collapsible-nav .portal {*/
/* background-image: none;*/
/*}*/
/*.skin-vector div#mw-panel div.portal .vector-menu-heading,*/
/*.skin-vector #mw-panel.collapsible-nav .portal .vector-menu-heading a,*/
/*.skin-vector #mw-panel.collapsible-nav .portal .vector-menu-heading a:visited,*/
/*.skin-vector #mw-panel.collapsible-nav div.portal .vector-menu-heading a,*/
/*.skin-vector #mw-panel.collapsible-nav div.portal .vector-menu-heading a:visited,*/
/*.skin-vector #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading a,*/
/*.skin-vector #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading a:visited {*/
/* color: #f7eb62;*/
/* font-weight: bold;*/
/* font-family: sans-serif;*/
/*}*/
/*.skin-vector div#mw-panel div.portal div.body ul li a,*/
/*.skin-vector div#mw-panel div.portal div.body ul li a:link,*/
/*.skin-vector div#mw-panel div.portal div.body ul li a:visited {*/
/* color: #FFFFFF;*/
/*}*/
/*.skin-vector div#mw-panel div.portal div.body ul li a:hover {*/
/* color: var(--wiki-content-text-color);*/
/*}*/
/* Sidebar Formatting */
/*.skin-vector div#mw-panel div.portal {*/
/* background-color: rgba(var(--wiki-content-background-color--rgb), 0.85);*/
/* backdrop-filter: blur(5px);*/
/* -webkit-backdrop-filter: blur(5px);*/
/* box-shadow: 6px 9px 14px -7px rgba(0, 0, 0, 0.75);*/
/* border-radius: 2px;*/
/* margin: 5px;*/
/* border: 1px solid #527fd0;*/
/*}*/
/*.mw-wiki-logo {*/
/* width: 155px !important;*/
/* height: 127px !important;*/
/* padding: 6px;*/
/* 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));*/
/*}*/
/*.skin-vector #mw-panel.collapsible-nav .portal .vector-menu-heading {*/
/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAcUlEQVQ4EWNgGD5ghqzwf3R8RUf+PyEMDwGQ5o/TzeH47/uA/yAMEvv/Jx4rBhkONwDEABkC04TNMJih//+tBLsMRTOMg80QmEYQjVczLkNgBhClGZshRNsM0wyjYQELshnEhomTRIM0kq2ZJJsGTDEAz0G5qFGpNxYAAAAASUVORK5CYII=), linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);*/
/* margin-top: 0;*/
/*}*/
/*.skin-vector #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading {*/
/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAdUlEQVQ4EWNgwAKu6Mj/B2EsUviFQJr+/4knXTNM4/9/K0nTDNP4933Af5I0I2skSTO6RpjmGbLC+AMMm0aiNIM0fpxujhXjtRWkEWQDsmYQH68mUAyDFCBrJEoTTCPMNqI1IWskSROyRoJ+AilGBiANhDQBAOOmuagslTU2AAAAAElFTkSuQmCC), linear-gradient(to right, #13274c 70%, rgba(0, 0, 0, 0) 100%);*/
/* margin-top: 0;*/
/*}*/
/*#mw-panel .portal {*/
/* padding: 0 0;*/
/*}*/
/* 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: #00000000;
--wiki-table-header-background-color: #000000;
--wiki-table-border-color--rgb: 65, 79, 106;
}
.skin-vector .wikitable {
overflow: hidden;
/*background: url(/images/2/23/Box-background.png) center center;*/
background-color: black;
border: 1px solid white;
border-radius: 10px;
border-spacing: 0;
border-collapse: inherit;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
/* 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.mw-collapsed {*/
/* border-collapse: collapse;*/
/*}*/
.skin-vector .wikitable th {
background: url(/images/2/23/Box-background.png) center center;
border-bottom: 1px solid white;
border-top: none;
border-left: none;
border-right: none;
text-align: center;
color: var(--wiki-content-text-color);
padding: 5px;
text-transform: uppercase;
font-weight: bold;
}
.skin-vector .wikitable td {
color: var(--wiki-content-text-color);
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid white;
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: white;
/* 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-family: "Sen", sans-serif;
font-size: 0.88em;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
border: 1px solid var(--wiki-content-border-color);;
/* 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-family: "Sen",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);
}
/* Preferences */
/*.skin-vector #preftoc {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* border: 0px;*/
/* margin: 0 0 4px !important;*/
/*}*/
/*.skin-vector #preftoc,*/
/*.skin-vector #preftoc li, */
/*.skin-vector #preferences, */
/*.skin-vector #preftoc li a {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* background-image: none;*/
/* color: #c0c0c0;*/
/*}*/
/*.skin-vector #preftoc li.selected a {*/
/* background-image: url(/images/5/5e/Tab_fade.png);*/
/* color: var(--wiki-content-text-color);*/
/*}*/
/*.skin-vector #preferences {*/
/* background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);*/
/* border: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*.skin-vector #preferences fieldset {*/
/* border-color: rgba(65, 79, 106, 0.3);*/
/*}*/
/*.skin-vector #preferences legend {*/
/* color: var(--wiki-content-text-color);*/
/*}*/
/* wiki editor styling */
/*div.wikiEditor-ui {*/
/* background: rgba(0, 0, 0, 0);*/
/* border: medium none;*/
/*}*/
/*div.wikiEditor-ui-buttons {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* border-top: medium none;*/
/* margin-right: 5px;*/
/*}*/
/*div.wikiEditor-ui-controls {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* border-bottom: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-tabs div {*/
/* border-bottom: 1px solid rgba(65, 79, 106, 0.3);*/
/* border-right: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-tabs div a {*/
/* background: #000000;*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-tabs div.current {*/
/* border-bottom: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-tabs div.current a {*/
/* color: #FFFFFF;*/
/* font-weight: bold;*/
/*}*/
/*div.wikiEditor-ui .wikiEditor-ui-top {*/
/* border-bottom: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-toolbar {*/
/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
/*}*/
/*div.wikiEditor-ui-toolbar .group {*/
/* border-right: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-toolbar .group-search {*/
/* border-left: 1px solid rgba(65, 79, 106, 0.3);*/
/* border-right: none;*/
/*}*/
/*div.wikiEditor-ui-toolbar .group .label {*/
/* color: #c8c8c8;*/
/*}*/
/*.tab {*/
/* border-color: rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-toolbar .tabs span.tab a,*/
/*div.wikiEditor-ui-toolbar .tabs span.tab a:visited {*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-toolbar .tabs span.tab a.current,*/
/*div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-toolbar .group .tool-select .label {*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-toolbar .sections .section {*/
/* background-color: rgba(0, 0, 0, 0.2);*/
/* border-top: 1px solid rgba(65, 79, 106, 0.3);*/
/*}*/
/*div.wikiEditor-ui-toolbar .booklet .index div {*/
/* color: #cd2f46;*/
/*}*/
/*div.wikiEditor-ui-toolbar .booklet .index .current {*/
/* background-color: #000000;*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-toolbar .booklet .pages {*/
/* background-color: #000000;*/
/*}*/
/*div.wikiEditor-ui-toolbar .page-characters div span {*/
/* border: 1px solid rgba(65, 79, 106, 0.3);*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-ui-toolbar .page-characters div span:hover {*/
/* background-color: rgba(255, 255, 255, 0.1);*/
/* border-color: rgba(65, 79, 106, 0.3);*/
/* color: #cd2f46;*/
/*}*/
/*div.wikiEditor-ui-toolbar .page-table td {*/
/* border-top: 1px solid rgba(65, 79, 106, 0.3);*/
/* color: #c8c8c8;*/
/*}*/
/*div.wikiEditor-preview-loading {*/
/* background-color: rgba(0, 0, 0, 0);*/
/*}*/
/*div.wikiEditor-preview-contents {*/
/* background-color: rgba(0, 0, 0, 0);*/
/* border-color: -moz-use-text-color rgba(65, 79, 106, 0.3) rgba(65, 79, 106, 0.3);*/
/* border-image: none;*/
/* border-style: none solid solid;*/
/* border-width: medium 1px 1px;*/
/*}*/
/*div.editOptions {*/
/* background-color: rgba(var(--wiki-content-background-color--tertiary--rgb), 0.1);*/
/* border: 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-image: url("/images/2/23/Box-background.png");
background-size: auto;
background-position: top;
color: var(--wiki-content-text-color);
margin: 5px;
padding: 5px 10px;
border: 1px solid var(--wiki-content-border-color);;
border-radius: 10px;
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: 10px 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);
}
}
.fplink {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.box-button-grid{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* 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;
}
.linkslabel {
margin: 0px 0px 9px 0px;
font-family:"Sen", sans-serif;
font-size:16px;
}
.fancyhr {
margin: 10px 0px 10px 0px;
float: left;
width: 95%;
border: 0;
height: 2px;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.fancyhr2 {
margin: 10px 0px 10px 0px;
float: left;
width: 95%;
border: 0;
height: 2px;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
.lockedunlocked {
color: #8796ad;
font-weight: bold;
}
.formexpand {
color: #4287f5;
text-decoration: underline;
}
.tabber__header {
align-items: center;
font-size:20px;
color:#4287f5;
}
.tabber__tab[aria-selected=true] {
border-bottom: 2px solid #4287f5;
padding-bottom: calc(0.5em - 2px);
}
.tabber__indicator {
width:0px!important;
}
.cardhover{
background:#F8F8F8;
border: 5px solid #DFDFDF;
color: #717171;
font-size: 13px;
height: 280px;
letter-spacing: 1px;
line-height: 20px;
position: relative;
text-align: center;
text-transform: uppercase;
top: -320px;
left:-70px;
display:none;
padding:0 0px;
z-index:2;
}
.cardhover:after{
content:'';
position:absolute;
bottom:-10px;
width:10px;
height:10px;
border-bottom:5px solid #dfdfdf;
border-right:5px solid #dfdfdf;
background:#f8f8f8;
left:50%;
margin-left:-10px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:2;
}
.tooltip{
cursor:pointer;
}
.tooltip:hover span{
display:block;
}
@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;
}
/*New style main button*/
.dc_button {
vertical-align: top;
font-weight: bold;
text-align: center;
display: inline-block;
text-transform: uppercase;
width: 140px;
height: 100px;
margin: 5px;
}
.dc_button a {
display: block;
}
.dc_button a img {
background-color: black;
border: 1px solid white;
border-radius: 10px;
padding: 5px;
}
.dc_btext {
margin: 6px 0px 0px 0px;
height: 20px !important;
overflow: hidden;
}
.dc_button:hover a img {
box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5);
}
/**/
.dc_button2 {
height: fit-content;
width: fit-content !important;
margin: 5px 0px 5px 0px;
display: inline-block;
justify-content: center;
text-transform: uppercase;
border-radius: 50px;
border: 1px solid white; /* old color: rgb(8, 181, 248); */
background-color: white;
}
.dc_button2 a {
display: block;
padding: 10px 30px 10px 30px;
color: black;
font-weight: bold;
}
.dc_button2:hover {
background-color: black;
}
.dc_button2 a:hover {
color: cornflowerblue;
}
.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-color: grey;
color: black;
}
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
background-color: grey;
color: black;
border: 1px solid grey;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button:hover {
background-color: black;
color: grey;
border: 1px solid grey;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
background-color: black;
color: white;
border: 1px solid white;
}
.mw-ui-input {
background-color: black;
height: 32px;
color: white;
border: 1px solid white;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.mw-ui-button.mw-ui-progressive:hover {
}
.mw-ui-button.mw-ui-progressive,
.mw-ui-input:focus {
background-color: black;
}
.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;
}
/* 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: url(/images/2/23/Box-background.png);
--pi-background-image-repeat: repeat;
--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-source);
--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;
--selected-width: 0;
}
.portable-infobox {
background: var(--pi-background);
background-image: var(--pi-background-image);
background-repeat: var(--pi-background-image-repeat);
background-position: var(--pi-background-image-position);
background-size: var(--pi-background-image-size);
border: 1px solid white;
border-radius: 10px;
border-image: var(--pi-border-image) var(--wiki-content-border-image-slice) / var(--wiki-content-border-image-width) / var(--wiki-content-border-image-outset) var(--wiki-content-border-image-repeat);
padding: 6px;
margin-left: 1em;
margin-bottom: 0.5em;
width: var(--pi-width);
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}
/* 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 {
line-height: 50px; /*36*/
color: white;
font-size: 120;
/* font-family: 'Dosis', sans-serif;*/
font-family: 'Sen', sans-serif;
text-transform: uppercase;
padding: 5px !important;
text-align: center;
font-weight: bold;
}
.portable-infobox:is(.pi-theme-version, .pi-theme-dlc) .pi-navigation {
text-align: center;
/* font-family: 'Dosis', sans-serif;*/
font-family: 'Sen', sans-serif;
font-weight: bold;
background: var(--pi-header-background);
padding: 5px;
border-top: 3px solid transparent;
border-image: var(--pi-header-border-image);
}
.portable-infobox .pi-group {
background-color: black;
margin: 5px;
border: 1px solid white;
border-radius: 10px;
}
.portable-infobox .pi-section-contents{
padding: 1rem;
}
.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: "Sen", 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;
}
.portable-infobox > .pi-item:last-child {
border-bottom: 1px solid white;
}
.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-family: 'Sen', 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 {
padding-left: 12px;
padding-right: 12px;
color: white;
background: url(/images/7/71/Left-navigation-selector-flipped.gif) left center no-repeat, url(/images/5/50/Left-navigation-selector.gif) right center no-repeat;
background-size: 12px 12px;
}
.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: var(--pi-width);
height: auto;
}
.pi-image-thumbnail {
background-color: black;
border: 1px solid white;
border-radius: 10px;
}
/* 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 forr 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:is(.pi-header, .pi-title) {
background: linear-gradient(to right, transparent 20%, white 20%, white 80%, transparent 80%) 0 100% / 100% 1px no-repeat;
}
.portable-infobox .pi-secondary-background + .pi-secondary-background {
border-top: none;
}
/*.portable-infobox:is(.pi-theme-enemy, .pi-theme-npc) {*/
/* border-radius: 12px;*/
/* font-size: 89%;*/
/* padding: 0.2em;*/
/* width: 295px;*/
/*}*/
/* Gives data labels unique background */
.portable-infobox .pi-data-label {
color: grey;
padding: 0.5px 7px;
text-align: right;
font-size: 14px;
}
.portable-infobox .pi-data {
border: none;
}
/* 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;
}
.portable-infobox .pi-item .pi-section-content .pi-navigation {
text-align: center;
font-weight: normal;
}
.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: grey;
--theme-widget-toc-arrow-color--hover: grey;
--theme-widget-toc-item-hover-background: rgba(var(--wiki-content-link-color--rgb), 0.15);
}
/** ToC **/
.toc {
clear: left;
border-radius: 10px;
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;*/
font-family: 'Sen', sans-serif;
color: grey;
}
.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 grey);
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-family: 'Sen', sans-serif;
font-weight: normal;
}
.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 12px;
border-radius: 4px;
}
.toc>ul a:hover {
text-decoration: none;
background: url(/images/7/71/Left-navigation-selector-flipped.gif) left center no-repeat, url(/images/5/50/Left-navigation-selector.gif) right center no-repeat;
background-size: 12px 12px;
font-weight: bold;
}
.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:0px 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: "Sen", sans-serif;
}
.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: white;
border-color: #bf0017;
color: black;
}
.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: white;
color: black;
border-color: white;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.mw-ui-button:not(:disabled):visited {
background-color: white;
color: black;
border-color: white;
}
.mw-ui-button:not(:disabled):hover {
background-color: white;
color: black;
border: 1px solid white;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.mw-ui-button:not(:disabled):focus {
border-color: var(--wiki-content-link-color);
box-shadow: none;
background-color: white;
color: black;
}
.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
background-color: black;
color: white;
border: 1px solid black;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
: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: white;
color: black;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled,
.mw-ui-input:hover {
}
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
background-color: white;
color: black;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-input:focus {
background-color: black;
color: white;
border-color: white;
}
.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 {
background-color: white;
color: black;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
background-color: white;
color: black;
}
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{
background-color: white;
color: black;
}
/*************************
* 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));
}
/*#right-navigation #p-search {*/
/* margin-right: 0;*/
/*}*/
#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;
}
/*div#mw-page-base {*/
/* height: calc(var(--wiki-logo-height) + var(--wiki-logo-top-spacing) + var(--search-height));*/
/*}*/
#mw-panel {
position: static;
margin: 0;
margin-top: 4em;
padding: 0;
top: 0;
justify-content: space-around;
}
#mw-panel {
background-color: black;
}
/* Sidebar is not collapsible in mobile view, so hide the arrow */
/*#mw-panel .portal .vector-menu-heading::after {*/
/* display: none;*/
/*}*/
/* #mw-panel .portal .body li a.feedlink { /* "Atom" RSS Feed fix */
/* background-position: calc(50vw - 27px) center; /* align icon with other text */
/*}*/
#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;
}
/*.content-wrapper {*/
/* max-width: 1440px;*/
/* margin: 0 auto;*/
/*}*/
/*#mw-head {*/
/* left: calc(var(--sidebar-width) + var(--sidebar-spacing) - 5px);*/
/* max-width: calc(1259px - 2 * var(--vector-tab-margin));*/
/* margin: 0 auto;*/
/*}*/
/*.mw-footer {*/
/* left: calc(var(--sidebar-width) + var(--sidebar-spacing) - 5.65rem);*/
/* max-width: 1259px;*/
/* margin-left: auto;*/
/* margin-right: auto;*/
/*}*/
}
/*********************
* 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;
}
.mw-content-ltr .redirectText li:first-child::before {
content:'';
display:inline-block;
width:47px;
height:1em;
vertical-align: middle;
background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441);
filter:var(--wiki-icon-general-filter);
}
/*******************
* End spoiler text *
********************/
/************
* Fireflies *
*************/
.firefly {
position: fixed;
left: 50%;
top: 50%;
width: 0.4vw;
height: 0.4vw;
margin: -0.2vw 0 0 9.8vw;
animation: ease 200s alternate infinite;
pointer-events: none;
}
.firefly::before, .firefly::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
transform-origin: -10vw;
}
.firefly::before {
background: black;
opacity: 0.4;
animation: drift ease alternate infinite;
}
.firefly::after {
background: white;
opacity: 0;
box-shadow: 0 0 0vw 0vw yellow;
animation: drift ease alternate infinite, flash ease infinite;
}
.firefly:nth-child(1) {
animation-name: move1;
}
.firefly:nth-child(1)::before {
animation-duration: 10s;
}
.firefly:nth-child(1)::after {
animation-duration: 10s, 10540ms;
animation-delay: 0ms, 6067ms;
}
@keyframes move1 {
0% {
transform: translateX(-10vw) translateY(-14vh) scale(0.59);
}
3.8461538462% {
transform: translateX(45vw) translateY(24vh) scale(0.32);
}
7.6923076923% {
transform: translateX(12vw) translateY(41vh) scale(0.66);
}
11.5384615385% {
transform: translateX(45vw) translateY(-21vh) scale(0.57);
}
15.3846153846% {
transform: translateX(-28vw) translateY(-27vh) scale(0.74);
}
19.2307692308% {
transform: translateX(34vw) translateY(40vh) scale(0.53);
}
23.0769230769% {
transform: translateX(11vw) translateY(45vh) scale(0.8);
}
26.9230769231% {
transform: translateX(-1vw) translateY(-32vh) scale(0.94);
}
30.7692307692% {
transform: translateX(-16vw) translateY(-41vh) scale(0.48);
}
34.6153846154% {
transform: translateX(4vw) translateY(-17vh) scale(0.95);
}
38.4615384615% {
transform: translateX(23vw) translateY(-12vh) scale(0.34);
}
42.3076923077% {
transform: translateX(30vw) translateY(-12vh) scale(0.47);
}
46.1538461538% {
transform: translateX(-18vw) translateY(-42vh) scale(0.31);
}
50% {
transform: translateX(26vw) translateY(25vh) scale(0.77);
}
53.8461538462% {
transform: translateX(-2vw) translateY(21vh) scale(0.74);
}
57.6923076923% {
transform: translateX(10vw) translateY(-6vh) scale(0.79);
}
61.5384615385% {
transform: translateX(-10vw) translateY(46vh) scale(0.37);
}
65.3846153846% {
transform: translateX(5vw) translateY(5vh) scale(0.6);
}
69.2307692308% {
transform: translateX(-44vw) translateY(39vh) scale(0.99);
}
73.0769230769% {
transform: translateX(-35vw) translateY(-36vh) scale(0.6);
}
76.9230769231% {
transform: translateX(-39vw) translateY(21vh) scale(0.81);
}
80.7692307692% {
transform: translateX(41vw) translateY(30vh) scale(0.28);
}
84.6153846154% {
transform: translateX(0vw) translateY(9vh) scale(0.27);
}
88.4615384615% {
transform: translateX(-42vw) translateY(-42vh) scale(0.61);
}
92.3076923077% {
transform: translateX(27vw) translateY(-4vh) scale(0.92);
}
96.1538461538% {
transform: translateX(48vw) translateY(1vh) scale(0.62);
}
100% {
transform: translateX(7vw) translateY(-35vh) scale(0.31);
}
}
.firefly:nth-child(2) {
animation-name: move2;
}
.firefly:nth-child(2)::before {
animation-duration: 9s;
}
.firefly:nth-child(2)::after {
animation-duration: 9s, 6460ms;
animation-delay: 0ms, 4145ms;
}
@keyframes move2 {
0% {
transform: translateX(44vw) translateY(-39vh) scale(0.85);
}
3.7037037037% {
transform: translateX(47vw) translateY(49vh) scale(0.73);
}
7.4074074074% {
transform: translateX(-28vw) translateY(-44vh) scale(0.68);
}
11.1111111111% {
transform: translateX(19vw) translateY(2vh) scale(0.44);
}
14.8148148148% {
transform: translateX(-15vw) translateY(-31vh) scale(0.43);
}
18.5185185185% {
transform: translateX(11vw) translateY(-11vh) scale(0.47);
}
22.2222222222% {
transform: translateX(-40vw) translateY(25vh) scale(1);
}
25.9259259259% {
transform: translateX(38vw) translateY(6vh) scale(0.62);
}
29.6296296296% {
transform: translateX(7vw) translateY(44vh) scale(0.28);
}
33.3333333333% {
transform: translateX(34vw) translateY(-9vh) scale(0.56);
}
37.037037037% {
transform: translateX(-45vw) translateY(-26vh) scale(0.26);
}
40.7407407407% {
transform: translateX(12vw) translateY(10vh) scale(1);
}
44.4444444444% {
transform: translateX(42vw) translateY(5vh) scale(0.78);
}
48.1481481481% {
transform: translateX(-24vw) translateY(50vh) scale(0.36);
}
51.8518518519% {
transform: translateX(-14vw) translateY(-37vh) scale(0.49);
}
55.5555555556% {
transform: translateX(-45vw) translateY(-46vh) scale(0.65);
}
59.2592592593% {
transform: translateX(-8vw) translateY(-19vh) scale(0.82);
}
62.962962963% {
transform: translateX(27vw) translateY(5vh) scale(0.38);
}
66.6666666667% {
transform: translateX(7vw) translateY(16vh) scale(0.97);
}
70.3703703704% {
transform: translateX(-14vw) translateY(16vh) scale(0.88);
}
74.0740740741% {
transform: translateX(-36vw) translateY(36vh) scale(0.56);
}
77.7777777778% {
transform: translateX(-31vw) translateY(-27vh) scale(0.55);
}
81.4814814815% {
transform: translateX(37vw) translateY(21vh) scale(0.46);
}
85.1851851852% {
transform: translateX(25vw) translateY(20vh) scale(0.65);
}
88.8888888889% {
transform: translateX(34vw) translateY(37vh) scale(0.54);
}
92.5925925926% {
transform: translateX(24vw) translateY(-3vh) scale(0.6);
}
96.2962962963% {
transform: translateX(-30vw) translateY(37vh) scale(0.64);
}
100% {
transform: translateX(8vw) translateY(-7vh) scale(0.99);
}
}
.firefly:nth-child(3) {
animation-name: move3;
}
.firefly:nth-child(3)::before {
animation-duration: 9s;
}
.firefly:nth-child(3)::after {
animation-duration: 9s, 6410ms;
animation-delay: 0ms, 4219ms;
}
@keyframes move3 {
0% {
transform: translateX(28vw) translateY(13vh) scale(0.47);
}
5.5555555556% {
transform: translateX(45vw) translateY(34vh) scale(0.36);
}
11.1111111111% {
transform: translateX(-25vw) translateY(-6vh) scale(0.87);
}
16.6666666667% {
transform: translateX(-40vw) translateY(40vh) scale(0.46);
}
22.2222222222% {
transform: translateX(40vw) translateY(-49vh) scale(0.54);
}
27.7777777778% {
transform: translateX(-15vw) translateY(33vh) scale(0.69);
}
33.3333333333% {
transform: translateX(-26vw) translateY(-47vh) scale(0.39);
}
38.8888888889% {
transform: translateX(45vw) translateY(-5vh) scale(0.56);
}
44.4444444444% {
transform: translateX(-49vw) translateY(24vh) scale(0.98);
}
50% {
transform: translateX(30vw) translateY(24vh) scale(0.72);
}
55.5555555556% {
transform: translateX(-34vw) translateY(39vh) scale(0.78);
}
61.1111111111% {
transform: translateX(-33vw) translateY(12vh) scale(0.66);
}
66.6666666667% {
transform: translateX(18vw) translateY(39vh) scale(0.91);
}
72.2222222222% {
transform: translateX(42vw) translateY(-30vh) scale(0.37);
}
77.7777777778% {
transform: translateX(28vw) translateY(-28vh) scale(0.86);
}
83.3333333333% {
transform: translateX(-7vw) translateY(14vh) scale(0.67);
}
88.8888888889% {
transform: translateX(-2vw) translateY(-42vh) scale(0.64);
}
94.4444444444% {
transform: translateX(-44vw) translateY(-22vh) scale(0.93);
}
100% {
transform: translateX(35vw) translateY(-28vh) scale(0.45);
}
}
.firefly:nth-child(4) {
animation-name: move4;
}
.firefly:nth-child(4)::before {
animation-duration: 17s;
}
.firefly:nth-child(4)::after {
animation-duration: 17s, 9484ms;
animation-delay: 0ms, 6352ms;
}
@keyframes move4 {
0% {
transform: translateX(41vw) translateY(23vh) scale(0.54);
}
3.5714285714% {
transform: translateX(14vw) translateY(-5vh) scale(0.55);
}
7.1428571429% {
transform: translateX(41vw) translateY(-24vh) scale(0.95);
}
10.7142857143% {
transform: translateX(-25vw) translateY(8vh) scale(1);
}
14.2857142857% {
transform: translateX(48vw) translateY(-20vh) scale(0.73);
}
17.8571428571% {
transform: translateX(1vw) translateY(-18vh) scale(0.42);
}
21.4285714286% {
transform: translateX(30vw) translateY(29vh) scale(0.84);
}
25% {
transform: translateX(9vw) translateY(29vh) scale(0.65);
}
28.5714285714% {
transform: translateX(-33vw) translateY(-45vh) scale(0.78);
}
32.1428571429% {
transform: translateX(34vw) translateY(46vh) scale(0.34);
}
35.7142857143% {
transform: translateX(15vw) translateY(45vh) scale(0.49);
}
39.2857142857% {
transform: translateX(50vw) translateY(18vh) scale(0.76);
}
42.8571428571% {
transform: translateX(-39vw) translateY(35vh) scale(0.32);
}
46.4285714286% {
transform: translateX(-6vw) translateY(11vh) scale(0.45);
}
50% {
transform: translateX(-43vw) translateY(-3vh) scale(0.74);
}
53.5714285714% {
transform: translateX(4vw) translateY(-45vh) scale(0.74);
}
57.1428571429% {
transform: translateX(-46vw) translateY(-38vh) scale(0.27);
}
60.7142857143% {
transform: translateX(-8vw) translateY(2vh) scale(0.69);
}
64.2857142857% {
transform: translateX(49vw) translateY(-33vh) scale(0.86);
}
67.8571428571% {
transform: translateX(23vw) translateY(48vh) scale(0.43);
}
71.4285714286% {
transform: translateX(25vw) translateY(42vh) scale(0.32);
}
75% {
transform: translateX(-2vw) translateY(48vh) scale(0.48);
}
78.5714285714% {
transform: translateX(40vw) translateY(20vh) scale(0.37);
}
82.1428571429% {
transform: translateX(-18vw) translateY(-40vh) scale(0.93);
}
85.7142857143% {
transform: translateX(22vw) translateY(-22vh) scale(0.85);
}
89.2857142857% {
transform: translateX(-13vw) translateY(3vh) scale(0.55);
}
92.8571428571% {
transform: translateX(26vw) translateY(-21vh) scale(0.84);
}
96.4285714286% {
transform: translateX(32vw) translateY(-30vh) scale(0.79);
}
100% {
transform: translateX(23vw) translateY(47vh) scale(0.61);
}
}
.firefly:nth-child(5) {
animation-name: move5;
}
.firefly:nth-child(5)::before {
animation-duration: 15s;
}
.firefly:nth-child(5)::after {
animation-duration: 15s, 6024ms;
animation-delay: 0ms, 1015ms;
}
@keyframes move5 {
0% {
transform: translateX(-11vw) translateY(35vh) scale(0.39);
}
5.8823529412% {
transform: translateX(40vw) translateY(24vh) scale(0.73);
}
11.7647058824% {
transform: translateX(1vw) translateY(25vh) scale(0.6);
}
17.6470588235% {
transform: translateX(-14vw) translateY(5vh) scale(0.39);
}
23.5294117647% {
transform: translateX(-41vw) translateY(-29vh) scale(0.82);
}
29.4117647059% {
transform: translateX(38vw) translateY(36vh) scale(0.47);
}
35.2941176471% {
transform: translateX(-27vw) translateY(48vh) scale(0.32);
}
41.1764705882% {
transform: translateX(6vw) translateY(20vh) scale(0.43);
}
47.0588235294% {
transform: translateX(-25vw) translateY(27vh) scale(0.48);
}
52.9411764706% {
transform: translateX(-15vw) translateY(-8vh) scale(0.78);
}
58.8235294118% {
transform: translateX(4vw) translateY(41vh) scale(0.46);
}
64.7058823529% {
transform: translateX(50vw) translateY(20vh) scale(0.7);
}
70.5882352941% {
transform: translateX(-13vw) translateY(7vh) scale(0.5);
}
76.4705882353% {
transform: translateX(29vw) translateY(-15vh) scale(0.89);
}
82.3529411765% {
transform: translateX(-36vw) translateY(29vh) scale(0.46);
}
88.2352941176% {
transform: translateX(-7vw) translateY(24vh) scale(0.82);
}
94.1176470588% {
transform: translateX(-43vw) translateY(46vh) scale(0.34);
}
100% {
transform: translateX(18vw) translateY(46vh) scale(0.67);
}
}
.firefly:nth-child(6) {
animation-name: move6;
}
.firefly:nth-child(6)::before {
animation-duration: 9s;
}
.firefly:nth-child(6)::after {
animation-duration: 9s, 7072ms;
animation-delay: 0ms, 6412ms;
}
@keyframes move6 {
0% {
transform: translateX(-45vw) translateY(3vh) scale(0.66);
}
5% {
transform: translateX(-39vw) translateY(18vh) scale(0.41);
}
10% {
transform: translateX(-37vw) translateY(11vh) scale(0.61);
}
15% {
transform: translateX(19vw) translateY(10vh) scale(0.68);
}
20% {
transform: translateX(-43vw) translateY(-44vh) scale(0.72);
}
25% {
transform: translateX(-13vw) translateY(33vh) scale(0.69);
}
30% {
transform: translateX(-39vw) translateY(-43vh) scale(0.29);
}
35% {
transform: translateX(-48vw) translateY(-43vh) scale(0.55);
}
40% {
transform: translateX(14vw) translateY(34vh) scale(0.47);
}
45% {
transform: translateX(-24vw) translateY(-29vh) scale(0.26);
}
50% {
transform: translateX(-6vw) translateY(12vh) scale(0.52);
}
55% {
transform: translateX(43vw) translateY(32vh) scale(0.35);
}
60% {
transform: translateX(5vw) translateY(39vh) scale(0.43);
}
65% {
transform: translateX(-20vw) translateY(8vh) scale(0.85);
}
70% {
transform: translateX(37vw) translateY(-15vh) scale(0.77);
}
75% {
transform: translateX(-2vw) translateY(-38vh) scale(0.27);
}
80% {
transform: translateX(-45vw) translateY(39vh) scale(0.56);
}
85% {
transform: translateX(7vw) translateY(28vh) scale(0.76);
}
90% {
transform: translateX(42vw) translateY(15vh) scale(1);
}
95% {
transform: translateX(23vw) translateY(-42vh) scale(0.99);
}
100% {
transform: translateX(3vw) translateY(44vh) scale(0.65);
}
}
.firefly:nth-child(7) {
animation-name: move7;
}
.firefly:nth-child(7)::before {
animation-duration: 11s;
}
.firefly:nth-child(7)::after {
animation-duration: 11s, 8190ms;
animation-delay: 0ms, 7869ms;
}
@keyframes move7 {
0% {
transform: translateX(29vw) translateY(12vh) scale(0.81);
}
5.8823529412% {
transform: translateX(48vw) translateY(-42vh) scale(0.67);
}
11.7647058824% {
transform: translateX(-15vw) translateY(1vh) scale(0.58);
}
17.6470588235% {
transform: translateX(2vw) translateY(-26vh) scale(0.71);
}
23.5294117647% {
transform: translateX(26vw) translateY(-29vh) scale(0.47);
}
29.4117647059% {
transform: translateX(29vw) translateY(-45vh) scale(0.67);
}
35.2941176471% {
transform: translateX(21vw) translateY(44vh) scale(0.61);
}
41.1764705882% {
transform: translateX(-9vw) translateY(9vh) scale(0.94);
}
47.0588235294% {
transform: translateX(-39vw) translateY(-17vh) scale(0.59);
}
52.9411764706% {
transform: translateX(-38vw) translateY(1vh) scale(0.66);
}
58.8235294118% {
transform: translateX(-14vw) translateY(-21vh) scale(0.92);
}
64.7058823529% {
transform: translateX(30vw) translateY(3vh) scale(0.9);
}
70.5882352941% {
transform: translateX(43vw) translateY(-31vh) scale(0.72);
}
76.4705882353% {
transform: translateX(-6vw) translateY(27vh) scale(0.28);
}
82.3529411765% {
transform: translateX(-26vw) translateY(-26vh) scale(0.45);
}
88.2352941176% {
transform: translateX(-21vw) translateY(-15vh) scale(0.82);
}
94.1176470588% {
transform: translateX(-18vw) translateY(28vh) scale(0.36);
}
100% {
transform: translateX(47vw) translateY(-42vh) scale(0.91);
}
}
.firefly:nth-child(8) {
animation-name: move8;
}
.firefly:nth-child(8)::before {
animation-duration: 12s;
}
.firefly:nth-child(8)::after {
animation-duration: 12s, 7616ms;
animation-delay: 0ms, 4804ms;
}
@keyframes move8 {
0% {
transform: translateX(24vw) translateY(-6vh) scale(0.3);
}
5.2631578947% {
transform: translateX(-23vw) translateY(-16vh) scale(0.67);
}
10.5263157895% {
transform: translateX(50vw) translateY(-21vh) scale(0.38);
}
15.7894736842% {
transform: translateX(-8vw) translateY(0vh) scale(0.77);
}
21.0526315789% {
transform: translateX(-47vw) translateY(-26vh) scale(0.89);
}
26.3157894737% {
transform: translateX(36vw) translateY(36vh) scale(0.72);
}
31.5789473684% {
transform: translateX(14vw) translateY(-47vh) scale(0.5);
}
36.8421052632% {
transform: translateX(38vw) translateY(-8vh) scale(0.27);
}
42.1052631579% {
transform: translateX(-31vw) translateY(40vh) scale(0.3);
}
47.3684210526% {
transform: translateX(-10vw) translateY(-21vh) scale(0.34);
}
52.6315789474% {
transform: translateX(-17vw) translateY(32vh) scale(0.36);
}
57.8947368421% {
transform: translateX(47vw) translateY(-14vh) scale(0.98);
}
63.1578947368% {
transform: translateX(-28vw) translateY(-7vh) scale(0.79);
}
68.4210526316% {
transform: translateX(9vw) translateY(-45vh) scale(0.63);
}
73.6842105263% {
transform: translateX(-12vw) translateY(-32vh) scale(0.59);
}
78.9473684211% {
transform: translateX(-23vw) translateY(-17vh) scale(0.34);
}
84.2105263158% {
transform: translateX(-6vw) translateY(-6vh) scale(0.34);
}
89.4736842105% {
transform: translateX(-35vw) translateY(42vh) scale(0.38);
}
94.7368421053% {
transform: translateX(29vw) translateY(-42vh) scale(0.89);
}
100% {
transform: translateX(36vw) translateY(-21vh) scale(0.28);
}
}
.firefly:nth-child(9) {
animation-name: move9;
}
.firefly:nth-child(9)::before {
animation-duration: 14s;
}
.firefly:nth-child(9)::after {
animation-duration: 14s, 9357ms;
animation-delay: 0ms, 8445ms;
}
@keyframes move9 {
0% {
transform: translateX(22vw) translateY(15vh) scale(0.77);
}
4% {
transform: translateX(-49vw) translateY(3vh) scale(0.76);
}
8% {
transform: translateX(-48vw) translateY(16vh) scale(0.51);
}
12% {
transform: translateX(-35vw) translateY(-29vh) scale(0.26);
}
16% {
transform: translateX(-21vw) translateY(-15vh) scale(0.79);
}
20% {
transform: translateX(-22vw) translateY(40vh) scale(0.58);
}
24% {
transform: translateX(-30vw) translateY(-24vh) scale(0.89);
}
28% {
transform: translateX(9vw) translateY(19vh) scale(0.79);
}
32% {
transform: translateX(32vw) translateY(35vh) scale(0.84);
}
36% {
transform: translateX(11vw) translateY(-32vh) scale(0.69);
}
40% {
transform: translateX(7vw) translateY(-9vh) scale(0.79);
}
44% {
transform: translateX(-18vw) translateY(-3vh) scale(0.59);
}
48% {
transform: translateX(-15vw) translateY(-13vh) scale(0.6);
}
52% {
transform: translateX(-22vw) translateY(-1vh) scale(1);
}
56% {
transform: translateX(44vw) translateY(47vh) scale(0.29);
}
60% {
transform: translateX(-9vw) translateY(35vh) scale(0.89);
}
64% {
transform: translateX(38vw) translateY(-18vh) scale(0.99);
}
68% {
transform: translateX(8vw) translateY(35vh) scale(0.95);
}
72% {
transform: translateX(20vw) translateY(15vh) scale(0.92);
}
76% {
transform: translateX(12vw) translateY(28vh) scale(0.74);
}
80% {
transform: translateX(0vw) translateY(-34vh) scale(0.54);
}
84% {
transform: translateX(29vw) translateY(-40vh) scale(0.35);
}
88% {
transform: translateX(34vw) translateY(15vh) scale(0.35);
}
92% {
transform: translateX(22vw) translateY(-38vh) scale(0.27);
}
96% {
transform: translateX(-13vw) translateY(27vh) scale(0.53);
}
100% {
transform: translateX(-18vw) translateY(4vh) scale(0.85);
}
}
.firefly:nth-child(10) {
animation-name: move10;
}
.firefly:nth-child(10)::before {
animation-duration: 16s;
}
.firefly:nth-child(10)::after {
animation-duration: 16s, 9281ms;
animation-delay: 0ms, 820ms;
}
@keyframes move10 {
0% {
transform: translateX(29vw) translateY(-14vh) scale(0.36);
}
4.1666666667% {
transform: translateX(-37vw) translateY(10vh) scale(0.89);
}
8.3333333333% {
transform: translateX(47vw) translateY(43vh) scale(0.41);
}
12.5% {
transform: translateX(3vw) translateY(34vh) scale(0.62);
}
16.6666666667% {
transform: translateX(-4vw) translateY(-23vh) scale(0.59);
}
20.8333333333% {
transform: translateX(-45vw) translateY(7vh) scale(0.35);
}
25% {
transform: translateX(-33vw) translateY(-2vh) scale(0.8);
}
29.1666666667% {
transform: translateX(8vw) translateY(2vh) scale(0.33);
}
33.3333333333% {
transform: translateX(-35vw) translateY(-7vh) scale(0.66);
}
37.5% {
transform: translateX(-49vw) translateY(-31vh) scale(0.9);
}
41.6666666667% {
transform: translateX(28vw) translateY(-21vh) scale(0.4);
}
45.8333333333% {
transform: translateX(4vw) translateY(2vh) scale(0.34);
}
50% {
transform: translateX(8vw) translateY(9vh) scale(0.31);
}
54.1666666667% {
transform: translateX(-19vw) translateY(38vh) scale(0.81);
}
58.3333333333% {
transform: translateX(-48vw) translateY(42vh) scale(0.47);
}
62.5% {
transform: translateX(-23vw) translateY(5vh) scale(0.92);
}
66.6666666667% {
transform: translateX(-14vw) translateY(-12vh) scale(0.99);
}
70.8333333333% {
transform: translateX(8vw) translateY(-47vh) scale(0.92);
}
75% {
transform: translateX(-19vw) translateY(-39vh) scale(0.86);
}
79.1666666667% {
transform: translateX(30vw) translateY(-23vh) scale(0.4);
}
83.3333333333% {
transform: translateX(6vw) translateY(4vh) scale(0.73);
}
87.5% {
transform: translateX(-1vw) translateY(12vh) scale(0.6);
}
91.6666666667% {
transform: translateX(18vw) translateY(-24vh) scale(0.29);
}
95.8333333333% {
transform: translateX(-29vw) translateY(-7vh) scale(0.52);
}
100% {
transform: translateX(15vw) translateY(6vh) scale(0.44);
}
}
.firefly:nth-child(11) {
animation-name: move11;
}
.firefly:nth-child(11)::before {
animation-duration: 13s;
}
.firefly:nth-child(11)::after {
animation-duration: 13s, 7352ms;
animation-delay: 0ms, 6206ms;
}
@keyframes move11 {
0% {
transform: translateX(-45vw) translateY(43vh) scale(0.85);
}
5.5555555556% {
transform: translateX(-26vw) translateY(-18vh) scale(0.43);
}
11.1111111111% {
transform: translateX(-8vw) translateY(40vh) scale(0.34);
}
16.6666666667% {
transform: translateX(28vw) translateY(-16vh) scale(0.74);
}
22.2222222222% {
transform: translateX(-6vw) translateY(-45vh) scale(0.48);
}
27.7777777778% {
transform: translateX(29vw) translateY(37vh) scale(0.27);
}
33.3333333333% {
transform: translateX(33vw) translateY(46vh) scale(0.49);
}
38.8888888889% {
transform: translateX(35vw) translateY(-10vh) scale(0.78);
}
44.4444444444% {
transform: translateX(-37vw) translateY(-28vh) scale(0.73);
}
50% {
transform: translateX(-24vw) translateY(-45vh) scale(0.45);
}
55.5555555556% {
transform: translateX(42vw) translateY(19vh) scale(0.72);
}
61.1111111111% {
transform: translateX(-44vw) translateY(22vh) scale(0.47);
}
66.6666666667% {
transform: translateX(-15vw) translateY(-12vh) scale(0.85);
}
72.2222222222% {
transform: translateX(-18vw) translateY(-13vh) scale(0.69);
}
77.7777777778% {
transform: translateX(9vw) translateY(-48vh) scale(0.96);
}
83.3333333333% {
transform: translateX(-4vw) translateY(-18vh) scale(0.82);
}
88.8888888889% {
transform: translateX(22vw) translateY(34vh) scale(0.36);
}
94.4444444444% {
transform: translateX(-22vw) translateY(-42vh) scale(0.69);
}
100% {
transform: translateX(-48vw) translateY(7vh) scale(0.58);
}
}
.firefly:nth-child(12) {
animation-name: move12;
}
.firefly:nth-child(12)::before {
animation-duration: 16s;
}
.firefly:nth-child(12)::after {
animation-duration: 16s, 8698ms;
animation-delay: 0ms, 2658ms;
}
@keyframes move12 {
0% {
transform: translateX(44vw) translateY(17vh) scale(0.51);
}
3.5714285714% {
transform: translateX(1vw) translateY(6vh) scale(0.41);
}
7.1428571429% {
transform: translateX(49vw) translateY(12vh) scale(0.53);
}
10.7142857143% {
transform: translateX(34vw) translateY(18vh) scale(0.97);
}
14.2857142857% {
transform: translateX(-39vw) translateY(-13vh) scale(0.65);
}
17.8571428571% {
transform: translateX(-3vw) translateY(-16vh) scale(0.69);
}
21.4285714286% {
transform: translateX(48vw) translateY(-18vh) scale(0.89);
}
25% {
transform: translateX(-9vw) translateY(-11vh) scale(0.46);
}
28.5714285714% {
transform: translateX(12vw) translateY(-48vh) scale(0.91);
}
32.1428571429% {
transform: translateX(38vw) translateY(29vh) scale(0.88);
}
35.7142857143% {
transform: translateX(-46vw) translateY(-13vh) scale(0.65);
}
39.2857142857% {
transform: translateX(39vw) translateY(42vh) scale(0.5);
}
42.8571428571% {
transform: translateX(26vw) translateY(-24vh) scale(0.39);
}
46.4285714286% {
transform: translateX(45vw) translateY(-12vh) scale(0.29);
}
50% {
transform: translateX(28vw) translateY(26vh) scale(0.37);
}
53.5714285714% {
transform: translateX(30vw) translateY(-32vh) scale(0.7);
}
57.1428571429% {
transform: translateX(-32vw) translateY(8vh) scale(0.88);
}
60.7142857143% {
transform: translateX(11vw) translateY(-19vh) scale(0.41);
}
64.2857142857% {
transform: translateX(3vw) translateY(-25vh) scale(0.29);
}
67.8571428571% {
transform: translateX(-35vw) translateY(9vh) scale(0.94);
}
71.4285714286% {
transform: translateX(21vw) translateY(-48vh) scale(0.27);
}
75% {
transform: translateX(-31vw) translateY(-48vh) scale(0.75);
}
78.5714285714% {
transform: translateX(33vw) translateY(-20vh) scale(0.98);
}
82.1428571429% {
transform: translateX(-4vw) translateY(27vh) scale(0.27);
}
85.7142857143% {
transform: translateX(-49vw) translateY(-34vh) scale(0.7);
}
89.2857142857% {
transform: translateX(-38vw) translateY(-1vh) scale(0.31);
}
92.8571428571% {
transform: translateX(2vw) translateY(-13vh) scale(0.47);
}
96.4285714286% {
transform: translateX(21vw) translateY(2vh) scale(0.51);
}
100% {
transform: translateX(31vw) translateY(-3vh) scale(0.53);
}
}
.firefly:nth-child(13) {
animation-name: move13;
}
.firefly:nth-child(13)::before {
animation-duration: 11s;
}
.firefly:nth-child(13)::after {
animation-duration: 11s, 9638ms;
animation-delay: 0ms, 1928ms;
}
@keyframes move13 {
0% {
transform: translateX(22vw) translateY(23vh) scale(0.43);
}
4.5454545455% {
transform: translateX(44vw) translateY(30vh) scale(0.77);
}
9.0909090909% {
transform: translateX(29vw) translateY(14vh) scale(0.83);
}
13.6363636364% {
transform: translateX(47vw) translateY(-35vh) scale(0.56);
}
18.1818181818% {
transform: translateX(30vw) translateY(10vh) scale(0.93);
}
22.7272727273% {
transform: translateX(7vw) translateY(-9vh) scale(0.7);
}
27.2727272727% {
transform: translateX(-43vw) translateY(37vh) scale(0.78);
}
31.8181818182% {
transform: translateX(-34vw) translateY(5vh) scale(0.54);
}
36.3636363636% {
transform: translateX(-20vw) translateY(24vh) scale(0.93);
}
40.9090909091% {
transform: translateX(6vw) translateY(-45vh) scale(0.73);
}
45.4545454545% {
transform: translateX(11vw) translateY(-47vh) scale(0.58);
}
50% {
transform: translateX(28vw) translateY(-42vh) scale(0.95);
}
54.5454545455% {
transform: translateX(-48vw) translateY(-8vh) scale(0.38);
}
59.0909090909% {
transform: translateX(-7vw) translateY(16vh) scale(0.41);
}
63.6363636364% {
transform: translateX(-20vw) translateY(-8vh) scale(0.8);
}
68.1818181818% {
transform: translateX(-36vw) translateY(-10vh) scale(0.92);
}
72.7272727273% {
transform: translateX(40vw) translateY(31vh) scale(0.71);
}
77.2727272727% {
transform: translateX(-13vw) translateY(5vh) scale(0.61);
}
81.8181818182% {
transform: translateX(-10vw) translateY(2vh) scale(0.88);
}
86.3636363636% {
transform: translateX(9vw) translateY(-21vh) scale(0.9);
}
90.9090909091% {
transform: translateX(12vw) translateY(41vh) scale(0.83);
}
95.4545454545% {
transform: translateX(6vw) translateY(47vh) scale(0.42);
}
100% {
transform: translateX(15vw) translateY(25vh) scale(0.52);
}
}
.firefly:nth-child(14) {
animation-name: move14;
}
.firefly:nth-child(14)::before {
animation-duration: 16s;
}
.firefly:nth-child(14)::after {
animation-duration: 16s, 9552ms;
animation-delay: 0ms, 8281ms;
}
@keyframes move14 {
0% {
transform: translateX(15vw) translateY(-28vh) scale(0.81);
}
5.2631578947% {
transform: translateX(49vw) translateY(46vh) scale(0.81);
}
10.5263157895% {
transform: translateX(32vw) translateY(41vh) scale(0.37);
}
15.7894736842% {
transform: translateX(30vw) translateY(35vh) scale(0.96);
}
21.0526315789% {
transform: translateX(-28vw) translateY(26vh) scale(0.6);
}
26.3157894737% {
transform: translateX(-39vw) translateY(-14vh) scale(0.98);
}
31.5789473684% {
transform: translateX(-48vw) translateY(-11vh) scale(0.92);
}
36.8421052632% {
transform: translateX(-16vw) translateY(-45vh) scale(0.47);
}
42.1052631579% {
transform: translateX(-3vw) translateY(-14vh) scale(0.65);
}
47.3684210526% {
transform: translateX(-28vw) translateY(7vh) scale(0.97);
}
52.6315789474% {
transform: translateX(16vw) translateY(-10vh) scale(0.67);
}
57.8947368421% {
transform: translateX(26vw) translateY(32vh) scale(0.58);
}
63.1578947368% {
transform: translateX(34vw) translateY(37vh) scale(0.32);
}
68.4210526316% {
transform: translateX(15vw) translateY(5vh) scale(0.34);
}
73.6842105263% {
transform: translateX(-24vw) translateY(35vh) scale(0.63);
}
78.9473684211% {
transform: translateX(-32vw) translateY(46vh) scale(0.32);
}
84.2105263158% {
transform: translateX(-17vw) translateY(-9vh) scale(0.5);
}
89.4736842105% {
transform: translateX(-24vw) translateY(3vh) scale(0.59);
}
94.7368421053% {
transform: translateX(21vw) translateY(35vh) scale(0.79);
}
100% {
transform: translateX(-49vw) translateY(-9vh) scale(0.52);
}
}
.firefly:nth-child(15) {
animation-name: move15;
}
.firefly:nth-child(15)::before {
animation-duration: 17s;
}
.firefly:nth-child(15)::after {
animation-duration: 17s, 6277ms;
animation-delay: 0ms, 8444ms;
}
@keyframes move15 {
0% {
transform: translateX(-7vw) translateY(-24vh) scale(0.77);
}
4.347826087% {
transform: translateX(-14vw) translateY(23vh) scale(0.54);
}
8.6956521739% {
transform: translateX(-8vw) translateY(-21vh) scale(0.27);
}
13.0434782609% {
transform: translateX(43vw) translateY(-14vh) scale(0.85);
}
17.3913043478% {
transform: translateX(-34vw) translateY(-33vh) scale(0.33);
}
21.7391304348% {
transform: translateX(-33vw) translateY(-41vh) scale(0.84);
}
26.0869565217% {
transform: translateX(46vw) translateY(-17vh) scale(0.63);
}
30.4347826087% {
transform: translateX(-18vw) translateY(27vh) scale(0.6);
}
34.7826086957% {
transform: translateX(-16vw) translateY(-49vh) scale(0.59);
}
39.1304347826% {
transform: translateX(-38vw) translateY(-21vh) scale(0.77);
}
43.4782608696% {
transform: translateX(-28vw) translateY(37vh) scale(0.8);
}
47.8260869565% {
transform: translateX(-3vw) translateY(-23vh) scale(0.77);
}
52.1739130435% {
transform: translateX(-18vw) translateY(-35vh) scale(0.5);
}
56.5217391304% {
transform: translateX(-17vw) translateY(-17vh) scale(0.7);
}
60.8695652174% {
transform: translateX(17vw) translateY(-45vh) scale(0.31);
}
65.2173913043% {
transform: translateX(-21vw) translateY(32vh) scale(0.84);
}
69.5652173913% {
transform: translateX(32vw) translateY(30vh) scale(0.56);
}
73.9130434783% {
transform: translateX(-13vw) translateY(6vh) scale(0.89);
}
78.2608695652% {
transform: translateX(17vw) translateY(39vh) scale(0.53);
}
82.6086956522% {
transform: translateX(-12vw) translateY(23vh) scale(0.9);
}
86.9565217391% {
transform: translateX(-40vw) translateY(22vh) scale(0.94);
}
91.3043478261% {
transform: translateX(-5vw) translateY(-37vh) scale(0.91);
}
95.652173913% {
transform: translateX(42vw) translateY(21vh) scale(0.37);
}
100% {
transform: translateX(18vw) translateY(48vh) scale(0.99);
}
}
@keyframes drift {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes flash {
0%, 30%, 100% {
opacity: 0;
box-shadow: 0 0 0vw 0vw yellow;
}
5% {
opacity: 1;
box-shadow: 0 0 2vw 0.4vw yellow;
}
}
/****************
* End Fireflies *
*****************/
/* Home page layout */
.home-bottom-halves {
display: flex;
}
@media (max-width: 1100px) {
.home-bottom-halves {
flex-wrap: wrap;
}
}
/* Make redlinks dashed */
a.new,
div#content a.new {
text-decoration: underline;
text-decoration-style: dashed;
}