Module:Sandbox/Nowiki behavior testing

2026-10-18T02:39:16Z

Erin Umbreon:

local p = {}

function p.whatAreYou(frame)
local before = require("Module:Arguments").getArgs(frame)[1]
mw.log("before: " .. before)
local fixed = mw.text.unstripNoWiki(before)
mw.log("after: " .. fixed)
return fixed
end

function p.logLines(frame)
local input = mw.text.unstripNoWiki(require("Module:Arguments").getArgs(frame)[1])

local lines = mw.text.split(input, "\n")
for _, line in ipairs(lines) do
mw.log("line: <<<" .. line .. ">>>")
mw.log("trimmed: <<<" .. mw.text.trim(line) .. ">>>")
end
end

function p.testRefPreprocessStripMarkerStuff(frame)
local a = frame:preprocess("<ref>This is a ref generated in the Scribunto frame</ref>")
local b = frame:getParent():preprocess("<ref>This is a ref generated in the parent frame</ref>")

local a_in_html = mw.html.createNode("div"):wikitext(
frame:preprocess("<ref>This is a ref generated in the Scribunto frame and wrapped in a div</ref>")
)
local b_in_html = mw.html.createNode("div"):wikitext(
frame:getParent():preprocess("<ref>This is a ref generated in the parent frame</ref>")
)

return ([[
===Nowiki output===
==== In scribunto frame ====
%s
==== In parent frame ====
%s
==== From scribunto frame, wrapped ====
%s
==== From parent frame, wrapped ====
%s
]]):format(a, b, a_in_html, b_in_html)
end

return p

User:Erin Umbreon/Sandbox

2026-10-18T02:35:05Z

Erin Umbreon:

{{hatnote|This user '''does not know what she is doing'''.}}

{{#invoke:Sandbox/Nowiki behavior testing|testRefPreprocessStripMarkerStuff}}

{{dialogue|<nowiki>
Y'shtola: Hello!</nowiki><ref>hehehehe</ref><nowiki>
Y'shtola: Goodbye!
</nowiki>}}

<references/>

[[Special:Diff/|yeag]]

{{/Noticebox
| title = High-end content
| color = red
| content =
The Bahamut raids have difficulty comparable to [[Savage raids]] and do not feature in any [[Duty Roulette|roulette]]s. They should not be queued via [[Duty Finder]]. Players should treat these raids as high-end content and form parties in [[Party Finder]] instead, [[unsync]]ing for easier completion if desired.}}
{{/Noticebox
| title = Future content
| color = green
| content = The subject of this article is currently in development, and is not yet available to players. It is expected to be released in [[patch 8.0]].
}}
{{/Noticebox
| title = Retired content
| color = blue
| content = The subject of this article was retired or removed from the game, and is no longer available to players. It was removed in [[patch 5.1]].
}}

[[redlink]]

i hate it here:
{{#tag:a|{{#invoke:Icon|renderGameIcon|frameType=standard|icon=File:Bluespirit longbow icon1.png|link=}}|href="https://example.com"}}

{{Markup example|<nowiki>
{{dialogue|<nowiki>
1st Maniple Centurion: yes
</nowiki>}}
</nowiki>}}


{{#if:
{{#set:Test property thingy aaa|yeet dab}}
}}

 Multi-purpose Fiberboard {{Item icon|Bluespirit Longbow|My Favorite Bow Ever}}

<div style="border:1px dashed currentcolor; padding:1em">
All characters defined by the icon font:


 
</div>

<span style="font-family:'EasonPro'">what</span>

asdf asdf asdf asdf asdf asdf<br>
asdf asdf asdf asdf asdf asdf<br>
asdf {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]<br>
asdf ghjk ghjk ghjk ghjk ghjk ghjk<br>
asdf ghjk {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]<br>
asdf ghjk ghjk ghjk ghjk ghjk ghjk<br>

* asdf asdf asdf asdf asdf asdf
* asdf asdf asdf asdf asdf asdf
* asdf {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]
* asdf ghjk ghjk ghjk ghjk ghjk ghjk
* asdf ghjk {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]
* asdf ghjk ghjk ghjk ghjk ghjk ghjk

__NOTOC__
== {{status effect|doom}} Doom {{status effect|buff|well fed}} Well Fed ==
=== {{status effect|doom}} Doom {{status effect|buff|well fed}} Well Fed ===
==== {{status effect|doom}} Doom {{status effect|buff|well fed}} Well Fed ====
===== {{status effect|doom}} Doom {{status effect|buff|well fed}} Well Fed =====
====== {{status effect|doom}} Doom {{status effect|buff|well fed}} Well Fed ======

asdf asdf asdf asdf asdf asdf
asdf asdf asdf asdf asdf asdf
asdf {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]
asdf ghjk ghjk ghjk ghjk ghjk ghjk
asdf ghjk {{status effect|doom}} [[Doom]] {{status effect|buff|well fed}} [[Well Fed]]
asdf ghjk ghjk ghjk ghjk ghjk ghjk

{| class="wikitable"
! Icon
! Name
|-
| {{status effect|doom}}
| Doom
|-
| {{status effect|buff|well fed}}
| Well Fed
|}

2026-10-12T14:17:09Z

Erin Umbreon: use built-in mechanism for hiding page title on main page (see mw:Manual:Mainpage)

/* Font for in-game special characters - https://github.com/ewwwin/ffxiv-symbol-fonts */
@import url("https://ewwwin.github.io/ffxiv-symbol-fonts/FFXIV_Lodestone_SSF.css");

/* #region Hoisted imports used by themes */

/* New fonts for Meteor headers & navigation to replace EasonPro */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght,ital@400,0;400,1;500,0;500,1;700,0;700,1&family=Oswald:wght@400&display=swap');

/* #endregion */

/* Render in-game special characters in wikitext output */
/* Class used by {{special chat character}} */
.mw-parser-output .SpecialChatCharacter__icon {font-family: "FFXIV_Lodestone_SSF"}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Colors used by templates (since templatestyles can't define new variables) */
--navbox-data-row-even-bg: #F7F7F7;
--navbox-header-bg: #CCCCFF;
--navbox-label-bg: #DDDDFF;
--navbox-label-border: 2px solid #FDFDFD;
--navbox-inner-border: 2px solid #FDFDFD;
--navbox-sublabel-bg: #DDDDFF;
--tooltip-border: #A3A9B1; /* TODO: what is this used by? */
--navbox-bg: #FDFDFD;
--dialogue-block-bg: #F2F2F2;
--dialogue-line-bg: #e8e8e8;
--dialogue-standalone-bg: var(--navbox-header-bg);
--dialogue-option-bg: var(--navbox-sublabel-bg);
--dialogue-optional-border: #008eff;
--dialogue-cutscene-bg: #b2ddff;
--dialogue-duty-bg: #ffbdb2;
--drops-list-collapsible-section: #FFC6AA;

/* Noise image for use in templates and also the new CSS themes */
--noise-texture: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MDBweCcgaGVpZ2h0PSc0MHB4Jz48ZmlsdGVyIGlkPSdub2lzZSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuNzUnIG51bU9jdGF2ZXM9JzMnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4gPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcgLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbm9pc2UpJyBvcGFjaXR5PScwLjQnLz48L3N2Zz4=");
}

/* #region Templatestyles color overrides for cross-skin, generic night mode */
html.view-dark {
/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);
}
/* #endregion */

/* #region Social userpage profile customizations */

/* Hide page title on userpages and in the "User profile" namespace since it's duplicated by the username in the profile section */
body.mw-wiki-user-page #firstHeading,
body.mw-social-profile-page #firstHeading,
body.ns-202 #firstHeading {display: none}
body.mw-wiki-user-page #mw-content-text,
body.mw-social-profile-page #mw-content-text,
body.ns-202 #mw-content-text {margin-top: 0}

/* Styles for profile info */
#profile-top {
display: flex;
align-items: stretch;
height: auto !important; /* overriding something dumb */
gap: 1rem;
border-bottom: 0;
padding: 0;
margin: -0.5rem 0 1rem;
}
#profile-right {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
#profile-image {margin: 0}
#profile-image img, #profile-image p {
border: 1px solid var(--border-color-subtle,#c8ccd1);
}
#profile-image p {border-top: 0}
#profile-title-container {padding: 0}
.profile-actions a {margin: 0}
.user-gift-container img {max-width: 100%}

/* I'm not sure where this used to be defined but it seems like the social profile page relies on this for layout */
.visualClear {clear: both}

/* #endregion */

/* Newly Added After Server Upgrade Start */

/* display the correct main page on desktop and mobile */
/* default desktop */
.desktop-frontpage { display: block; }
.mobile-frontpage { display: none; }
/* phones, narrow screens */
@media (max-width: 720px) {
.desktop-frontpage { display: none !important; }
.mobile-frontpage { display: block !important; }
}

/* Moving the mobile.css for infobox here */
@media (max-width: 768px) {
/***********************************************************************************
FURTHER CUSTOMIZATION
***********************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}
/* fixes quotation template on mobile */
.quotation-box {
margin-left: 0 !important;
}
/* From Valento */
/* General */
p img {
margin: 0;
}
img {
border: none;
vertical-align: middle;
}
p,
ul,
ol,
dl {
margin-top: 0.7692307692em;
margin-bottom: 0.7692307692em;
line-height: 1.5384615385em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png) !important;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}
div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url(/mediawiki/images/4/45/Shadow_after.png);
background-size: 100% 3px;
}
div.nav .box::after {
bottom: -4px;
}
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class="center"]::after,
.table.noshadowafter::after {
background-image: none;
}
div.nav table {
background-color: transparent;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.667em;
}
div.infobox .heading,
div.infobox .subheading,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
}
/* Moving the mobile.css for front page here */
/*
RESPONSIVE STRUCTURE
*/
#mobile-pagewrap {
width: 960px;
font-size: 95%;
margin: 15px auto;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.75em;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}
.mobile-column {
min-height: 330px;
width: 320px;
float: left;
}
.mobile-first-column {
width: 641px;
}
.mobile-box-content {
padding: 5px 15px;
}
#mobile-bottom {
clear: both;
}
/*
MEDIA QUERIES
*/
/* for 980px or less */
@media screen and (max-width: 980px) {
#mobile-pagewrap {
width: 94%;
}
.mobile-column {
width: 50%;
}
.mobile-first-column {
width: 70%;
}
.mobile-second-column {
width: 30%;
}
.mobile-box-content {
padding: 1% 4%;
}
.two-column-break {
clear: both;
}
}
/*for 820px or less*/
@media screen and (max-width: 820px) {
.mobile-first-column .floatleft {
float: none;
text-align: center;
width: 100%;
}
}
/* for 600px or less */
@media screen and (max-width: 600px) {
.mobile-column {
width: auto;
float: none;
}
.mobile-column {
min-height: inherit;
}
}
/*
FURTHER CUSTOMIZATION
************************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}

/* Newly Added After Server Upgrade End */

.glowbox {
display:inline-block!important;
box-shadow:0px 0px 5px 5px #ed2a54;
}

.displaynone {
display: none !important;
}

.is-wikipatron {
color: red !important;
}

.is-ultimapatron {
color: blue !important;
}

.is-warrioroflight {
color: gold !important;
}

/*<nowiki>*/
/** FONTS **/
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic")
format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold")
format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "CronosPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular")
format("svg");
font-weight: normal;
font-style: normal;
}

/* Hide RC quick links below minimum screen width */
@media screen and (max-width: 750px) {
#rcQuickLinks {
display: none;
}
}

/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc1 li.toclevel-4,
.toc1 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-3,
.toc2 li.toclevel-4,
.toc2 li.toclevel-5,
.toc2 li.toclevel-6,
.toc3 li.toclevel-4,
.toc3 li.toclevel-5,
.toc3 li.toclevel-6,
.toc4 li.toclevel-5,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide {
display: none;
}

/* TOC heading font */
#toc h2,
.toc h2 {
font-family: Arial, sans-serif !important;
}

/* Miscellaneous changes */
div.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0;
margin-bottom: 0.5em;
}
div.mw-dismissable-notice .mw-dismissable-notice-close {
margin-right: 5px;
}
ul.special abbr,
ul.special acronym {
border: none;
}
ol.references > li:target,
sup.reference:target,
cite:target {
background: #eef;
}
ol.references {
font-size: 90%;
}
sup,
sub {
line-height: 1em;
}
.mw-editsection {
float: right;
}
div.searchresults .mw-search-results {
float: none;
}
.mw-collapsible-toggle {
font-weight: normal;
font-size: 85%;
}
span.comment {
font-style: italic;
}
.autocomment {
color: gray;
}
.gray,
.gray a {
color: gray;
opacity: 50%;
}

/* Universal styles */
.hidelist ul {
list-style: none none;
margin: 0;
padding: 0;
}
.hidelist p {
font-style: italic;
margin: 0 0 0.2em;
}
.hidelist p + ul {
margin-bottom: 0.5em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
color: inherit;
}

/** MAIN PAGE STYLESHEET **/
#mainpagenavigation {
display: block;
border-collapse: collapse;
text-align: left;
}

#mainpagenavigation th {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.7692307692em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: linear-gradient(to bottom, #537189, #1C2A34) !important;
font-weight: 400;
height: 48px;
text-align: center;
font-size-adjust: 0.43;
}

#mainpagenavigation td {
background-color: #fff;
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
}
.view-dark #mainpagenavigation td {
background-color: var(--background-color-neutral, #333);
background-image: none;
}

#mainpagenavigation td.content {
vertical-align: top;
padding: 0.5em 1.5em;
}

#mainpagenavigation td.separator {
border-right: var(--border-color-muted, #dadde3) solid 1px;
}

/* older IE hacks */
#mainpagenavigation td.content > * {
width: 88%\0/;
}
#mainpagenavigation td.content > [class*="float"] {
width: auto\0/;
}
:root #mainpagenavigation td.content > * {
width: auto;
}

/** TABLE CLASSES **/
.table {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
}

/* make table captions bold */
.table > caption {
font-weight: bold;
}

/* this is a hack to add borders to IE8- */
.table > thead,
.table > tbody {
border: 0 solid #aaa\0/;
}

.table tr {
border: 1px solid #aaa\0/;
text-align: left;
border-color: #aaa;
}

/* and this removes them for IE9+ */
:root .table tr {
border-top-width: 0;
border-bottom-width: 0;
}

.table > * > tr > :first-child {
border-left: 1px solid #aaa;
}
.table > * > tr > :last-child {
border-right: 1px solid #aaa;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #aaa;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
background-color: #eee;
border-color: #aaa;
padding: 0.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
padding: 0.25em 0.5em;
}

.table tr > th,
.table[class*="center"] tr {
text-align: center;
}
.table[class*="left"] tr {
text-align: left;
}
.table[class*="right"] tr {
text-align: right;
}
.table[class*="middle"] tr {
vertical-align: middle;
}
.table[class*="top"] tr {
vertical-align: top;
}
.table[class*="bottom"] tr {
vertical-align: bottom;
}

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
background-color: #eee;
border: 1px solid #aaa;
}

.table > tbody > tr > th,
.table > tfoot > tr > th {
background-color: #e7e7e7;
border-color: #aaa;
}

.table > tbody > tr:nth-child(odd) {
background-color: #f3f3f3;
border-color: #aaa;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
border: 1px solid #aaa;
}

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
border-top-width: 0;
}

.table .line,
.table .line-bottom {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}

.table .line-top {
border-top-width: 1px !important;
border-top-style: solid;
border-top-color: #aaa;
}

.table .line-left {
border-left-width: 1px !important;
border-left-style: solid;
border-left-color: #aaa;
}

.table .line-right {
border-right-width: 1px !important;
border-right-style: solid;
border-right-color: #aaa;
}

.table table {
background-color: transparent;
padding: 0;
margin: 0;
}

/** STDT table classes **/
/* dps-role*/
.table.dps-role > :first-child > tr:first-child,
.table.dps-role > tbody > tr.heading,
.table.dps-role > :first-child > tr:first-child > *,
.table.dps-role > tbody > tr.heading > * {
background-color: #bb6363 !important;
border-color: #9a4848 !important;
}
.table.dps-role > tbody > tr > th,
.table.dps-role > tfoot > tr > th,
.table.dps-role > thead > tr > th,
table.table > tbody > tr.dps-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.dps-role > tbody > tr:nth-child(odd),
.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #f2e8e5;
}

/* healer-role*/
.table.healer-role > :first-child > tr:first-child,
.table.healer-role > tbody > tr.heading,
.table.healer-role > :first-child > tr:first-child > *,
.table.healer-role > tbody > tr.heading > * {
background-color: #3c6829 !important;
border-color: #2a491d !important;
}
.table.healer-role > tbody > tr > th,
.table.healer-role > tfoot > tr > th,
.table.healer-role > thead > tr > th,
table.table > tbody > tr.healer-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.healer-role > tbody > tr:nth-child(odd),
.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #e7f3e2;
}

/* tanker-role*/
.table.tanker-role > :first-child > tr:first-child,
.table.tanker-role > tbody > tr.heading,
.table.tanker-role > :first-child > tr:first-child > *,
.table.tanker-role > tbody > tr.heading > * {
background-color: #5587c1 !important;
border-color: #4871a0 !important;
}
.table.tanker-role > tbody > tr > th,
.table.tanker-role > tfoot > tr > th,
.table.tanker-role > thead > tr > th,
table.table > tbody > tr.tanker-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.tanker-role > tbody > tr:nth-child(odd),
.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #d2e3f7;
}

/* crafting-role*/
.table.crafting-role > :first-child > tr:first-child,
.table.crafting-role > tbody > tr.heading,
.table.crafting-role > :first-child > tr:first-child > *,
.table.crafting-role > tbody > tr.heading > * {
background-color: #878eb5 !important;
border-color: #777d9e !important;
}
.table.crafting-role > tbody > tr > th,
.table.crafting-role > tfoot > tr > th,
.table.crafting-role > thead > tr > th,
table.table > tbody > tr.crafting-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.crafting-role > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #dfe1ec;
}

/* gathering-role*/
.table.gathering-role > :first-child > tr:first-child,
.table.gathering-role > tbody > tr.heading,
.table.gathering-role > :first-child > tr:first-child > *,
.table.gathering-role > tbody > tr.heading > * {
background-color: #78a923 !important;
border-color: #5a8019 !important;
}
.table.gathering-role > tbody > tr > th,
.table.gathering-role > tfoot > tr > th,
.table.gathering-role > thead > tr > th,
table.table > tbody > tr.gathering-role > th {
background-color: #cbeb93;
border-color: #87a992;
}
.table.gathering-role > tbody > tr:nth-child(odd),
.table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #eaf7d4;
}

/* pet-role*/
.table.pet-role > :first-child > tr:first-child,
.table.pet-role > tbody > tr.heading,
.table.pet-role > :first-child > tr:first-child > *,
.table.pet-role > tbody > tr.heading > * {
background-color: #5fb7aa !important;
border-color: #479e91 !important;
}
.table.pet-role > tbody > tr > th,
.table.pet-role > tfoot > tr > th,
.table.pet-role > thead > tr > th,
table.table > tbody > tr.pet-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.pet-role > tbody > tr:nth-child(odd),
.table > tbody > tr.pet-role:nth-child(odd) {
background-color: #edf7f6;
}

/* npc */
.table.npc > :first-child > tr:first-child,
.table.npc > tbody > tr.heading,
.table.npc > :first-child > tr:first-child > *,
.table.npc > tbody > tr.heading > * {
background-color: #6c3;
border-color: #52a329t;
}
.table.npc > tbody > tr > th,
.table.npc > tfoot > tr > th,
.table.npc > thead > tr > th,
table.table > tbody > tr.npc > th {
background-color: #b3e699;
border-color: #8fb87a;
}
.table.npc > tbody > tr:nth-child(odd),
.table > tbody > tr.npc:nth-child(odd) {
background-color: #e8f8e1;
}

/* pve */
.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #fc6;
border-color: #cca352;
}
.table.pve > tbody > tr > th,
.table.pve > tfoot > tr > th,
.table.pve > thead > tr > th,
table.table > tbody > tr.pve > th {
background-color: #ffe6b3;
border-color: #ccb88f;
}
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
background-color: #fff8e8;
}

/* equip or item*/
.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #f96;
border-color: #cc7a52;
}
.table.equip > tbody > tr > th,
.table.equip > tfoot > tr > th,
.table.equip > thead > tr > th,
table.table > tbody > tr.equip > th,
.table.item > tbody > tr > th,
.table.item > tfoot > tr > th,
.table.item > thead > tr > th,
table.table > tbody > tr.item > th {
background-color: #ffccb3;
border-color: #cca38f;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd),
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
background-color: #fff0e8;
}

/* skin */
.table.skin > :first-child > tr:first-child,
.table.skin > tbody > tr.heading,
.table.skin > :first-child > tr:first-child > *,
.table.skin > tbody > tr.heading > * {
background-color: #e07a98 !important;
border-color: #996574 !important;
}
.table.skin > tbody > tr > th,
.table.skin > tfoot > tr > th,
.table.skin > thead > tr > th,
table.table > tbody > tr.skin > th {
background-color: #ffd4df;
border-color: #b3a1a5;
}
.table.skin > tbody > tr:nth-child(odd),
.table > tbody > tr.skin:nth-child(odd) {
background-color: #ffedf4;
}

/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #69c;
border-color: #527aa3;
}
.table.mech1 > tbody > tr > th,
.table.mech1 > tfoot > tr > th,
.table.mech1 > thead > tr > th,
table.table > tbody > tr.mech1 > th {
background-color: #b3cce6;
border-color: #8fa3b8;
}
.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
background-color: #e8f0f8;
}

/* mech2 */
.table.mech2 > :first-child > tr:first-child,
.table.mech2 > tbody > tr.heading,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading > * {
background-color: #3cc !important;
border-color: #29a3a3 !important;
}
.table.mech2 > tbody > tr > th,
.table.mech2 > tfoot > tr > th,
.table.mech2 > thead > tr > th,
table.table > tbody > tr.mech2 > th {
background-color: #99e6e6;
border-color: #7ab8b8;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
background-color: #e1f8f8;
}

/* lore */
.table.lore > :first-child > tr:first-child,
.table.lore > tbody > tr.heading,
.table.lore > :first-child > tr:first-child > *,
.table.lore > tbody > tr.heading > * {
background-color: #c6c !important;
border-color: #a352a3 !important;
}
.table.lore > tbody > tr > th,
.table.lore > tfoot > tr > th,
.table.lore > thead > tr > th,
table.table > tbody > tr.lore > th {
background-color: #e6b3e6;
border-color: #b88fb8;
}
.table.lore > tbody > tr:nth-child(odd),
.table > tbody > tr.lore:nth-child(odd) {
background-color: #f8e8f8;
}

/* location */
.table.location > :first-child > tr:first-child,
.table.location > tbody > tr.heading,
.table.location > :first-child > tr:first-child > *,
.table.location > tbody > tr.heading > * {
background-color: #96c !important;
border-color: #7a52a3 !important;
}
.table.location > tbody > tr > th,
.table.location > tfoot > tr > th,
.table.location > thead > tr > th,
table.table > tbody > tr.location > th {
background-color: #ccb3e6;
border-color: #a38fb8;
}
.table.location > tbody > tr:nth-child(odd),
.table > tbody > tr.location:nth-child(odd) {
background-color: #f0e8f8;
}

/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > tbody > tr.heading,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading > * {
background-color: #9c3 !important;
border-color: #7aa329 !important;
}
.table.promo > tbody > tr > th,
.table.promo > tfoot > tr > th,
.table.promo > thead > tr > th,
table.table > tbody > tr.promo > th {
background-color: #cce699;
border-color: #a3b87a;
}
.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
background-color: #f0f8e1;
}

/* buff */
.table.buff > :first-child > tr:first-child,
.table.buff > tbody > tr.heading,
.table.buff > :first-child > tr:first-child > *,
.table.buff > tbody > tr.heading > * {
background-color: #73d9d9 !important;
border-color: #5caeae !important;
}
.table.buff > tbody > tr > th,
.table.buff > tfoot > tr > th,
.table.buff > thead > tr > th,
table.table > tbody > tr.buff > th {
background-color: #b9ecec;
border-color: #94bdbd;
}
.table.buff > tbody > tr:nth-child(odd),
.table > tbody > tr.buff:nth-child(odd) {
background-color: #eaf9f9;
}

/* debuff */
.table.debuff > :first-child > tr:first-child,
.table.debuff > tbody > tr.heading,
.table.debuff > :first-child > tr:first-child > *,
.table.debuff > tbody > tr.heading > * {
background-color: #51a651 !important;
border-color: #418541 !important;
}

.table.debuff > tbody > tr > th,
.table.debuff > tfoot > tr > th,
.table.debuff > thead > tr > th,
table.table > tbody > tr.debuff > th {
background-color: #a8d3a8;
border-color: #86a986;
}

.table.debuff > tbody > tr:nth-child(odd),
.table > tbody > tr.debuff:nth-child(odd) {
background-color: #e5f2e5;
}

/* crafting */
/* recipe */
.table.crafting > :first-child > tr:first-child,
.table.crafting > tbody > tr.heading,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading > *,
.table.recipe > :first-child > tr:first-child,
.table.recipe > tbody > tr.heading,
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading > * {
background-color: #a68151 !important;
border-color: #856741 !important;
}

.table.crafting > tbody > tr > th,
.table.crafting > tfoot > tr > th,
.table.crafting > thead > tr > th,
table.table > tbody > tr.crafting > th,
.table.recipe > tbody > tr > th,
.table.recipe > tfoot > tr > th,
.table.recipe > thead > tr > th,
table.table > tbody > tr.recipe > th {
background-color: #d3c0a8;
border-color: #a99a86;
}

.table.crafting > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd),
.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) {
background-color: #f2ece5;
}

/* Action tables */
.table.actions,
.table.traits {
width: 100%;
max-width: 1000px;
display: table;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan],
.table.traits > :first-child > tr:first-child ~ tr th[colspan] {
text-align: left;
}
.table.actions
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection,
.table.traits
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection {
display: none;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan] h4,
.table.traits > :first-child > tr:first-child ~ tr th[colspan] h4 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* Using : lists within tables */
/* no top/bottom margin in these tables */
.table.fm dl,
.table.craftvariants dl {
margin-top: 0;
margin-bottom: 0;
}
/* no left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd {
margin-left: 0;
}
/* restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd {
margin-left: 2em;
}

/* Using * lists within combo tables */
.table.combo ul {
margin: 0.15em 0;
}
.table.combo li {
display: block;
}

/** INFOBOXES **/

div.infobox,
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}

div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.nav .box::after {
bottom: -4px;
}

div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*="center"]::after,
.table.noshadowafter::after {
background-image: none;
}

div.nav table {
background-color: transparent;
}

/** NAV BARS (headings are done with infobox headings) **/
div.nav {
position: relative;
width: 500px;
margin: auto;
}

div.nav .box {
position: relative;
font-size: 0.9230769231em;
border-spacing: 0;
overflow: visible;
min-height: 60px;
border: 1px solid #aaa;
margin: 5px;
padding: 0;
}

div.nav .heading {
font-family: Arial, sans-serif !important;
background-color: #888;
font-size: 1.083em;
line-height: 100%;
margin: -1px -1px 0;
padding: 0.769em 0;
}

div.nav .subheading {
font-family: Arial, sans-serif;
font-size: 1em;
font-size-adjust: 0.52;
padding: 0.833em 0;
}

.nav .selflink {
font-weight: bold;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.nav .center {
text-align: center;
margin: 10px 0;
}

div.nav .box table {
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin: 0.667em 0;
}

div.nav dt {
float: left;
text-align: right;
width: 150px;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px;
}

div.nav dd {
float: left;
text-align: left;
border-left: 2px solid #888;
width: 325px;
margin: 0;
padding: 2px 8px;
}

div.nav table th {
text-align: right;
border-right: 2px solid #888;
vertical-align: top;
padding: 2px 8px;
width: 150px;
}

div.nav table td {
padding: 2px 8px;
}

div.nav table td a,
div.nav table td strong.selflink {
white-space: nowrap;
}

div.nav.thin .box {
width: 400px;
margin-left: 50px;
}

div.nav.thin dt {
width: 75px;
}

div.nav.thin dd {
width: 290px;
}

div.nav.wide .box {
width: 600px;
margin-left: -50px;
}

div.nav.wide dt {
width: 150px;
}

div.nav.wide dd {
width: 400px;
}

div.nav .heading .selflink {
font-weight: bold !important;
}

div.nav.npc .heading {
background-color: #6c3;
}

div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th {
border-color: #6c3;
}

div.nav.pve .heading {
background-color: #fc6;
}

div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th {
border-color: #fc6;
}

div.nav.equip .heading {
background-color: #f96;
}

div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th {
border-color: #f96;
}

div.nav.mech1 .heading {
background-color: #69c;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #69c;
}

div.nav.mech2 .heading {
background-color: #3cc;
}

div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th {
border-color: #3cc;
}

div.nav.location .heading {
background-color: #96c;
}

div.nav.location dd,
div.nav.location dt,
div.nav.location table th {
border-color: #96c;
}

div.nav.lore .heading {
background-color: #c6c;
}

div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th {
border-color: #c6c;
}

div.nav.promo .heading {
background-color: #9c3;
}

div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th {
border-color: #9c3;
}

div.nav.quest .heading {
background-color: #efaa43;
}

div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th {
border-color: #eea63a;
}

div.nav.condition .heading {
background-color: #51a651;
}

div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th {
border-color: #51a651;
}

div.nav.hom .heading {
background-color: #c96;
}

div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th {
border-color: #c96;
}

div.nav.crafting .heading,
div.nav.recipe .heading {
background-color: #963;
}

div.nav.crafting dd,
div.nav.hom dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.hom dt,
div.nav.recipe table th {
border-color: #963;
}

div.nav.monsters .heading,
div.nav.monsters .subheading {
background-color: #6c3;
}

div.nav.monsters dd,
div.nav.monsters dt,
div.nav.monsters table th {
border-color: #6c3;
}

div.nav.duty .heading,
div.nav.duty .subheading {
background-color: #fb6537;
}

div.nav.duty dd,
div.nav.duty dt,
div.nav.duty table th {
border-color: #fb6537;
}

div.nav.whatever20 dd,
div.nav.whatever20 dt,
div.nav.whatever20 table th {
border-color: #d25d6b;
}

div.nav.whatever1 .heading,
div.nav.whatever1 .subheading {
background-color: #39c;
}

div.nav.whatever1 dd,
div.nav.whatever1 dt,
div.nav.whatever1 table th {
border-color: #39c;
}

div.nav.whatever2 .heading,
div.nav.whatever2 .subheading {
background-color: #c23f3a;
}

div.nav.whatever2 dd,
div.nav.whatever2 dt,
div.nav.whatever2 table th {
border-color: #c23f3a;
}

div.nav.whatever3 .heading,
div.nav.whatever3 .subheading {
background-color: #f93;
}

div.nav.whatever3 dd,
div.nav.whatever3 dt,
div.nav.whatever3 table th {
border-color: #f93;
}

div.nav.whatever4 .heading,
div.nav.whatever4 .subheading {
background-color: #963;
}

div.nav.whatever4 dd,
div.nav.whatever4 dt,
div.nav.whatever4 table th {
border-color: #963;
}

div.nav.whatever5 .heading,
div.nav.whatever5 .subheading {
background-color: #c66;
}

div.nav.whatever5 dd,
div.nav.whatever5 dt,
div.nav.whatever5 table th {
border-color: #c66;
}

div.nav.whatever6 .heading,
div.nav.whatever6 .subheading {
background-color: #ec5752;
}

div.nav.whatever6 dd,
div.nav.whatever6 dt,
div.nav.whatever6 table th {
border-color: #ec5752;
}

div.nav.whatever7 .heading,
div.nav.whatever7 .subheading {
background-color: #939;
}

div.nav.whatever7 dd,
div.nav.whatever7 dt,
div.nav.whatever7 table th {
border-color: #939;
}

div.nav.whatever8 .heading,
div.nav.whatever8 .subheading {
background-color: #396;
}

div.nav.whatever8 dd,
div.nav.whatever8 dt,
div.nav.whatever8 table th {
border-color: #396;
}

div.nav.whatever9 .heading,
div.nav.whatever9 .subheading {
background-color: #96f;
}

div.nav.whatever9 dd,
div.nav.whatever9 dt,
div.nav.whatever9 table th {
border-color: #96f;
}

div.nav.whatever10 .heading,
div.nav.whatever10 .subheading {
background-color: #d25d6b;
}

div.nav.whatever11 .heading,
div.nav.whatever11 .subheading {
background-color: #fc3;
}

div.nav.whatever12 dd,
div.nav.whatever12 dt,
div.nav.whatever12 table th {
border-color: #fc3;
}

div.nav.whatever13 .heading,
div.nav.whatever13 .subheading {
background-color: #6cf;
}

div.nav.whatever13 dd,
div.nav.whatever13 dt,
div.nav.whatever13 table th {
border-color: #6cf;
}

div.nav.whatever14 .heading,
div.nav.whatever14 .subheading {
background-color: #3c3;
}

div.nav.whatever14 dd,
div.nav.whatever14 dt,
div.nav.whatever14 table th {
border-color: #3c3;
}

/** PRINTER CHANGES **/
@media print {
#content {
border: 0 solid #fff;
box-shadow: none;
border-radius: 0;
}

#mainpagenavigation th,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * {
border: 1px solid #000 !important;
}
.table {
border-collapse: collapse !important;
}
}

/* Hiding icon redlinks */
span.thumb-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
}

/* Item icons */
span.thumb-icon.item-icon.small a.new {
background-image: url("/images/thumb/7/74/action.png/20px-action.png");
height: 20px;
width: 20px;
}
span.thumb-icon.item-icon.medium a.new {
background-image: url("/images/thumb/7/74/action.png/35px-action.png");
height: 35px;
width: 35px;
}

/* Infobox icons */
div.infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/40px-action.png");
height: 40px;
width: 40px;
}
div.action-infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/48px-action.png");
height: 48px;
width: 48px;
}

/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
margin: 0;
}

/* action icons */
/* These will require more work since the template takes a continuous size parameter, rather than discrete size values */
* + html span.thumb-icon a.new {
display: inline;
} /* IE7 fix */
* html span.thumb-icon a.new {
display: inline;
} /* IE6 fix */

/* Inline icons */
/* div is used by [[Template:Icon]] */
div.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
margin: 0 0.167em;
}
/* span is used by [[Template:Effect icon]] */
span.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
}

/* Masthead links */
#upperBar {
position: absolute;
top: 0;
left: 156px;
height: 30px;
z-index: 4;
font-size-adjust: 0.52;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
font-family: "EasonPro", "Times New Roman", "serif";
}
#upperBar ul li a {
color: #f1f9e2;
text-transform: uppercase;
font-size: 12px;
padding: 8px 10px;
line-height: 2.6;
}
#upperBar ul li a:hover {
text-decoration: none;
color: white;
}
#upperBar ul li:first-child a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -121px -30px;
}
#upperBar ul li:first-child + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -206px -30px;
}
#upperBar ul li:first-child + li + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -274px -30px;
}

/** Restore sort icons for sortable table headers **/
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}

/* Recipe boxes that don't look like infoboxes */
div.recipe-box {
/* from div.infobox-n.recipe */
min-width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 0 0;
/* from div.infobox-n*/
position: relative;
background: #fff;
border: 1px solid #aaa;
padding: 0;
/* from div.infobox, div.nav .box */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.recipe-box::after {
/* from div.infobox:after */
bottom: -4px;
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.recipe-box .subheading,
div.recipe-box .heading {
text-align: center;
background-color: #d3c0a8;
padding: 2px;
font-weight: bold;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border: 1px solid rgba(0, 0, 0, 0.25);
margin: -1px -1px 5px !important;
}

div.recipe-box .subheading {
border-width: 0 1px;
}

div.recipe-box dl {
margin: 10px 0;
}

div.recipe-box dt {
float: left;
text-align: right;
width: 130px; /* CUSTOM (OLD: 112px) */
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #a99a86;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.recipe-box dd {
float: left;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
line-height: 1.4;
}

/* dark view styles for recipe boxes and also main page cell backgrounds, for some reason */
html.view-dark #mainpagenavigation td,
html.view-dark div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

html.view-dark div.recipe-box .subheading,
html.view-dark div.recipe-box .heading {
border: 1px solid #383838;
background-color: #000;
background-image: none;
}

/* For generic ingredient lists anywhere on the wiki */
div.ingredients dt {
float: left;
clear: left;
text-align: right;
font-weight: normal;
width: 25px;
margin: 0 -2px 0 0;
padding: 2px 2px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
border: none;
}

div.ingredients.wide dt {
width: 50px;
}

div.ingredients dd {
float: left;
margin: 0;
padding: 1px 4px; /* CUSTOM (OLD: 2px 7px) */
border: none;
}

div.ingredients dl {
margin: 2px 0;
}

/* jqplot data labels (a SMW result format); improve readability */
.jqplot-data-label {
color: white;
text-shadow: 1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
color: black;
font-size: 120%;
}

/* Dialogue indent guides, added by demarcateDialogue in MediaWiki:Common.js */
.dialogue dl dd {
padding-left: 16px;
margin-left: 0;
}
.dialogue dl {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 11px;
border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl,
.dialogue td > dl {
margin-bottom: 10px;
border-left: none;
}

/* For Semantic Forms with multiple template instances, such as for a row template. */
body.page-Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
.multipleTemplateList
p {
display: none;
}
body.page-Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance.multipleTemplate,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance {
padding: 0px 5px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}
.table.form-row::after {
background: none;
}
.form-row tr th span input {
text-align: center;
line-height: 1;
}
.form-row tr th span input.left {
text-align: left;
}
input.form-lineheight {
height: 20px;
}
input.form-lineheight[type="checkbox"] {
margin: 0px;
}
select.form-lineheight {
height: 30px;
}

/* Remove top margin for ul within bug/anomaly templates */
.buglist ul {
margin-top: 0;
}

/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color: transparent;
margin: 0.5em 0 !important;
}

/* Hide smw annotation notice */
#smw-form-editpage-help {
display: none;
}

/* Fix last row spacing in SMW generated galleries */
.srf-gallery ul.gallery {
text-align: left;
}

/* Reduce width of SMW columns in ul format */
.smw-ul-columns div {
width: unset !important;
min-width: 300px;
}

/**
* Style for horizontal lists (separator following item).
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 6 (2014-05-09)
* @author mediawiki.org/wiki/User:Edokter
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

/* Deletion page field indents */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label {
display: inline-block;
width: 170px;
text-align: right;
margin-bottom: 5px;
}
#mw-deleteconfirm-table input#wpWatch {
margin-left: 156px;
}
}

/* Class for [[Template:Trait compact table]] */
.faded img {
opacity: 0.2;
}

/* Class for action history project */
.mw-parser-output .action-history {
padding: 0.2em 0.5em 0.5em 0.5em;
margin-bottom: 0.5em;
border: 1px #aaa dashed;
background-color: #f6f3e4;
}
.mw-parser-output .action-history li {
padding: 0.1em 0em;
}

/* SMW further results */
.table + .smw-template-furtherresults {
display: block;
}
.table + .smw-template-furtherresults a {
background: none;
color: #0645ad;
}

/* CUSTOM FOR FFXIV WIKI */
/* Action facts within description */
blockquote p {
margin-bottom: 0.2em !important;
}
blockquote dd {
line-height: 1.4em;
margin-left: 1em !important;
}
blockquote dl {
margin-top: 0 !important;
}

.hide {
display: none;
}

/* Description flavor colors */
span.colorized-description {
font-weight: bold;
}

span.colorized-description.triple-tick,
span.colorized-description.triple-tick > a {
color: #ba5a0b;
}

span.colorized-description.double-tick,
span.colorized-description.double-tick > a {
color: #827B00;
}

span.colorized-description.single-tick,
span.colorized-description.single-tick > a {
color: #0a9421;
}

/* Item effects */
div.item-effects {
font-size: 0.95em;
color: #707070;
border-bottom: 1px solid #a0a0a0;
display: inline-block;
width: 500px;
margin: 5px 0;
}

div.item-effects-list > p {
margin: 0 !important;
line-height: 1.4em;
}

/* Dialog box flavor texts */
.dialog-box {
position: relative;
display: inline-block;
padding: 0 8px;
line-height: 1.45em;
}

.dialog-box.golden-warning,
.dialog-box.golden-warning a,
.dialog-box.golden-warning a.new,
.dialog-box.golden-warning a:visited,
.dialog-box.golden-warning a.new:visited {
text-shadow: 0 0.02em 0.2em #dc8809;
color: #ffecb3;
}

.dialog-box.quest-milestone,
.dialog-box.quest-milestone a.new,
.dialog-box.quest-milestone a.new:visited {
text-shadow: 0 0.02em 0.2em #33adff;
color: #dbe5ff;
}
.dialog-box.quest-milestone a,
.dialog-box.quest-milestone a:visited {
text-shadow: 0 0.02em 0.2em #222;
color: #eee;
}

.dialog-box:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #222;
opacity: 0.9;
border-radius: 10px;
filter: blur(0.11em);
}

.dialog-box.quest-milestone:before {
background-color: #0047a3;
}

/* Recipe characteristics */
.recipe-box .characteristics {
margin-top: -10px;
}

/* Item rarity */
.rarity {
background: linear-gradient(#FFF3, #0003) #575C66;
padding: 0 0.35em;
font-weight: bold;
color: white !important;
border-radius: 0.25em;
box-shadow: 0 1px 1px #0004;
text-shadow: 0 -1px #0008;
font-size: 0.9em;
}

.rarity.dungeon,
.rarity.green {
background-color: #20bc70;
}
.rarity.tomestone,
.rarity.blue {
background-color: #2673c5
}
.rarity.aetherial,
.rarity.pink {
background-color: #ff65ad
}
.rarity.relic,
.rarity.purple {
background-color: #7641af
}

/* Nav */
div.nav.class-nav table th.class-cell,
div.nav.class-nav table td.class-cell,
div.nav.job-nav table th.class-cell,
div.nav.job-nav table td.class-cell {
text-align: left;
font-weight: normal;
}

div.nav.class-nav table th {
text-align: center;
}

div.nav.class-nav table th:last-child,
div.nav.job-nav table th:last-child {
border: none;
}

div.nav.job-nav {
width: 950px;
}

div.nav.class-nav {
width: 850px;
}

/* TABLES */
/* quest */
.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr > th,
.table.quest > tfoot > tr > th,
.table.quest > thead > tr > th,
table.table > tbody > tr.quest > th {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr:nth-child(odd),
.table > tbody > tr.quest:nth-child(odd) {
background-color: #fff3d8;
}

/* Partially collapsible tables */

.partial-collapsible-toggle {
position: relative;
padding-left: 1.25em;
cursor: pointer;
}
.partial-collapsible-toggle::before {
content: "";
position: absolute;
top: 50%;
left: 0;
border: 0.375em solid transparent;
border-inline-width: 0.75em;
border-left-color: currentcolor;
transform-origin: 25% 50%;
transform: translateY(-50%) rotate(90deg);
transition: transform 200ms;
}
.partial-collapsible-toggle.is-collapsed::before {
transform: translateY(-50%) rotate(0deg);
}
.collapsible-trigger-row {
background: var(--drops-list-collapsible-section) !important;
}

/* Relic weapons nav */
div.nav.relic .pre-relic-label {
width: 120px;
}

div.nav.relic .relic-list {
padding-bottom: 6px;
}

div.nav.relic .role-subheading {
padding: 0 8px;
position: absolute;
}

div.nav.relic td.mw-collapsible div.mw-collapsible-content {
padding-top: 0.6em;
}

div.nav.relic .first-role-job {
width: 112px;
}

div.nav.relic .heading {
background-color: #8d5bc2;
}

div.nav.relic dd,
div.nav.relic dt,
div.nav.relic table th {
border-color: #8d5bc2;
}

/* Map icons */
.map-icons {
display: inline-block;
width: 28px;
height: 24px;
vertical-align: middle;
text-align: center;
}

/* HQ color */
.hq-sepia {
filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
-webkit-filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
}

/* H3 Fix */
h3 {
margin-bottom: 0.25em !important;
}

/* OLD: Infobox template style */
.infobox {
border: 1px solid #020202;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}

/* new main page */

.mobile-element {
display: none !important;
}
.desktop-element {
display: block !important;
}

html {
height: auto;
}

/* top and bottom banners (add header and footer) */
body {
background-image: url("/mediawiki/images/3/3c/Light_mode_top_background_DT.jpg");
background-position: left top;
background-repeat: no-repeat !important;
min-height: 105vh;
}

/* Important: show only desktop ad code on Desktop*/
.nodesktop {
display: none !important;
}

/* makes primis a certain size on desktop */
.primis {
width:700px !important;
}

/*relic weapons*/
.relic-header {
border: 1px solid #ffc9c9;
background-color: #FFFFF3;
}

.relic-quest {
border: 1px solid #A2A8B1;
background-color: #F7F7F7;
}

.relic-quest p {
padding-left: 0.5em;
padding-right: 0.5em;
}

.relic-quest h3{
margin-left: 0.4em;
}

.relic-quest h4 {
font-size: 1.2em;
margin-left: 0.4em;
}

.relic-quest li {
margin-right: 0.4em;
}

.relic-quest .table {
margin-right: 0.5em;
}

.relic-quest div.thumbinner {
margin-right: 0.5em;
}

.relic-quest-heading {
background: #CCCCFF;
padding: 0.3em;
}

.relic-quest-cell {
background: #DDDDFF;
padding: 0.3em;
}

#fuse-privacy-tool {
font-size: 0.5rem;
}

div.mw-dismissable-notice .mw-dismissable-notice-close {
display: none !important;
}

/* Class for fixing line height around small inline icons */
.text-icon img {
max-height: 24px;
width: auto !important;
vertical-align: middle;
/* value difference is alignment fudge. vertical-align: middle is relative to the
* entire line, including descender height. our icons are almost always shown next
* to text with no descenders, so we want to center the icons for that instead */
margin-top: -2em;
margin-bottom: -1.85em;
}
/* don't apply the fix in headings, since their height and margins negate it */
:is(h2, h3, h4, h5, h6) .text-icon img {
margin-top: 0;
margin-bottom: 0;
max-height: none;
}

.mw-parser-output .action-history {
background-color: #EBEBEB;
}

.mw-indicators {
position: relative;
z-index: 0 !important;
}

.hover-image-container:hover .image-overlay {
opacity: 1;
}

.image-overlay {
position: absolute;
top: 3em;
bottom: 0;
left: 0;
right: 0;
height: 80%;
width: 100%;
opacity: 0;
transition: .5s ease;
}

/**
Navbox classes
**/
.navbox {
background: var(--navbox-bg);
}

.navbox,
.mw-parser-output .navbox-list-with-group,
.bg3wiki-navbox {
text-align: center;
border:1px solid var(--tooltip-border);
color: var(--fg);
width: 100%;
}

.mw-parser-output .navbox-list-with-group, {
color: var(--navbox-header-text);
background-color: var(--navbox-bg);
}

/* These important tags will be removed, emergency fix */
.navbox-title {
font-weight: bold;
background-color: var(--navbox-header-bg);
border-top: var(--navbox-inner-border);
}

div > table > tbody >tr > th.navbox-title {
border-top: none !important;
}

.navbox-group {
font-weight: bold;
background-color: var(--navbox-label-bg);
border-top: var(--navbox-label-border);
}

.navbox-subgroup .navbox-group {
font-weight: bold;
background-color: var(--navbox-sublabel-bg);
border-top: var(--navbox-label-border);
border-left: var(--navbox-label-border);
}

.navbox-list {
border:1px solid var(--tooltip-border);
background-color: var(--navbox-data-bg);
}

.navbox-odd {
background-color: var(--navbox-data-row-odd-bg);
border: none !important;
color: var(--fg);
}

.navbox-even {
background-color: var(--navbox-data-row-even-bg);
border: none !important;
border-top: var(--navbox-inner-border) !important;
color: var(--fg);
}

.navbox-list-with-group .navbox-list .navbox-odd {
border-top: var(--navbox-inner-border) !important;
}

/* #region Standard Frame Icon */

.standard-frame-icon {
--frame-image: url("/mediawiki/images/d/d9/Action_overlay_glassy.png");
--icon-size: 40px;

--frame-size: calc(var(--icon-size) * 1.2); /* 48px for 40px icon */
--icon-offset-x: calc(var(--icon-size) * 0.1); /* 4px for 40px icon */
--icon-offset-y: calc(var(--icon-size) * 0.075); /* 3px for 40px icon */

position: relative;
width: var(--frame-size);
height: var(--frame-size);
display: inline-block !important;
vertical-align: middle;

/* default background for missing/transparent icon images */
background-image: url(/mediawiki/images/2/2b/Action_background.png);
background-position: var(--icon-offset-x) var(--icon-offset-y);
background-size: var(--icon-size);
background-repeat: no-repeat;
}

/* Ensure clickbox covers entire icon */
.standard-frame-icon a {
position: absolute;
inset: 0;
}

/* Icon image */
.standard-frame-icon img,
.standard-frame-icon .mw-broken-media {
display: block;
position: absolute;
top: var(--icon-offset-y);
left: var(--icon-offset-x);
width: var(--icon-size);
height: var(--icon-size);
}
/* Display unknown item icon for broken icon links */
.standard-frame-icon .mw-broken-media {
background-image: url("/mediawiki/images/4/48/Unknown_item_icon.png");
background-size: var(--icon-size);
font-size: 0;
}

/* Frame */
.standard-frame-icon::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: var(--frame-image);
background-size: var(--frame-size);
z-index: 2;
pointer-events: none;
}

/* Dye slot container */
.standard-frame-icon-dye-slots {
position: absolute;
top: 0;
right: calc(var(--icon-size) * 0.075); /* 3px at 40px */
z-index: 3;
pointer-events: none;
}
/* Dye slot circles */
.standard-frame-icon-dye-slots span {
display: block;
width: calc(var(--icon-size) * 0.175); /* 7px at 40px */
height: calc(var(--icon-size) * 0.175);
border: calc(var(--icon-size) * 0.025) solid #000; /* 1px at 40px */
border-radius: 50%;
margin-bottom: calc(var(--icon-size) * 0.1); /* 4px gap at 40px */
}

/* Sizes */
.standard-frame-icon.mid {--icon-size: 30px}
.standard-frame-icon.small {--icon-size: 20px}
/* Alternate frames */
.standard-frame-icon-hq {--frame-image: url("/mediawiki/images/a/af/HQ_overlay.png")}
.standard-frame-icon-trait {--frame-image: url("/mediawiki/images/d/da/Trait_frame.png")}
.standard-frame-icon-achievement {--frame-image: url("/mediawiki/images/2/22/Achievement_frame.png")}

/* #endregion */

/* #region Icon label groups */

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a:not(.mw-selflink)::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
/* minerva override - fix width calculation in tables */
.skin-minerva .icon-label-container img {
max-width: none !important; /* overrides `max-width: 100% !important` */
}
/* Underline label link if any part of the icon container is hovered */
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* #endregion */

/* Link colors extend to any nested <code> elements within the link text */
.mw-parser-output a code {
color: inherit !important; /* important overrides dark theme styles */
}

/* Reference groups with different list styles */
.references[data-mw-group=lower-alpha] {
list-style-type: lower-alpha;
}

/* #region New table styles */

/* Base position, margin, sizing rules */
table.stdt__table_v2 {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
line-height: 1.4em;

--stdt__table-border-color: transparent;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: transparent;
--stdt__table-header-background-highlight: transparent;
--stdt__table-header-background-strength: 0%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: transparent;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;

--stdt__sort-icon-up: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtNi41IDQgNC00IDQgNHoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4=);
--stdt__sort-icon-down: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtMTQuNSAwLTQgNC00LTR6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+);
--stdt__sort-icon-both: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMjEgOSI+Cgk8cGF0aCBkPSJtMTQuNSA1LTQgNC00LTR6bTAtMS00LTQtNCA0eiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg==)
}

/* Border around table but not around caption */
table.stdt__table_v2 thead,
table.stdt__table_v2 tbody {
border: 1px solid var(--stdt__table-border-color);
background-color: var(--stdt__table-background);
}
/* Fix border inconsistencies with sortable tables because aaaaaa */
table.stdt__table_v2 thead { border-bottom-width: 0 }
table.stdt__table_v2 thead + tbody { border-top-width: 0 }

/* Default cell/caption padding */
table.stdt__table_v2 td,
table.stdt__table_v2 th,
table.stdt__table_v2 caption {
padding: 0.25em 0.5em;
}
/* Make caption text bold */
table.stdt__table_v2 caption {
font-weight: bold;
}

/* Default text color */
table.stdt__table_v2 td {
color: var(--stdt__table-body-color);
}

/* Heading row(s) padding */
table.stdt__table_v2 > thead > tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) > th {
padding-block: 0.5em;
}

/* Fix padding on sortable headers */
table.stdt__table_v2 > thead > tr > th.headerSort {
padding-right: 21px;
}

/* Headings and subheadings should be centered */
table.stdt__table_v2 th {
text-align: center;
}

/* Other alignment */
table.stdt__table_v2[class*="center"] tr {
text-align:center
}
table.stdt__table_v2[class*="left"] tr {
text-align:left
}
table.stdt__table_v2[class*="right"] tr {
text-align:right
}
table.stdt__table_v2[class*="middle"] tr {
vertical-align:middle
}
table.stdt__table_v2[class*="top"] tr {
vertical-align:top
}
table.stdt__table_v2[class*="bottom"] tr {
vertical-align:bottom
}

/* Heading row gradient */
table.stdt__table_v2 > thead > tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) {
/* hi ashe. i am now using "background strength" to mean "how strongly should the noise texture show through the top of the gradient," please feel free to rename that to something more sensible */
--stdt__header-color-mixed: color-mix(var(--stdt__table-header-background-primary) var(--stdt__table-header-background-strength), transparent);
/*
* in order to make the cursed background stacking shenanigans here work, the last (bottom) stop of the
* lowest background-image gradient needs to be transparent. doing this and using background-color to
* control the color at the bottom of the gradient allows the cells to seamlessly extend downwards past
* the bottom of the <tr>'s background-image
*
* does table layout cause background-color to be inherited by cells or something?? idk how it works
*/
background-image:
linear-gradient(var(--stdt__header-color-mixed), var(--stdt__table-header-background-primary)),
var(--noise-texture),
/* gradient: lighten(bg 10%) -> bg */
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #FFF 10%), transparent);
background-color: var(--stdt__table-header-background-primary);
background-repeat: repeat-x;
background-size: auto 100%;
color: var(--stdt__table-heading-color);
box-shadow: inset 0 1px 0.5px #fff2;
}

/* Background for second row of headings */
table.stdt__table_v2 > thead > tr + tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) {
/* once again the last stop needs to be transparent */
/* gradient: darken(bg 10%) -> darken(bg 15%) */
background-image:
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #000 10%), transparent);
background-color: color-mix(var(--stdt__table-header-background-primary), #000 15%);
color: var(--stdt__table-heading-color);
/* the extremely subtle unnoticeable shine at the top of the table becomes extremely noticeable when it interrupts a flat color.
* in theory we could avoid this by applying to the box shadow to each individual <th> instead but that sounds like work */
box-shadow: none;
}
/* Borders around second row of headings (to look good when first row contains rowspan'd cells) */
table.stdt__table_v2 > thead > tr + tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:first-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:first-child {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:last-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:last-child {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Manually specified borders on tr and td */
table.stdt__table_v2 .line,
table.stdt__table_v2 .line-bottom {
border-bottom: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-top {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-left {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-right {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Fix sort icon color */
table.stdt__table_v2.sortable.jquery-tablesorter > thead th.headerSort,
table.stdt__table_v2.sortable.jquery-tablesorter > thead + tbody th.headerSort {
background-image: none;
position: relative;
z-index: 1; /* force higher stacking context than tr background behind */
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort::after {
content: ' ';
display: block;
position: absolute;
z-index: -1; /* force this clickable area to be underneath any others like collapse buttons and links */
inset: 0;
background-color: currentColor;
mask: var(--stdt__sort-icon-both);
mask-repeat: no-repeat;
mask-position: right;
opacity: .8;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortUp::after {
mask: var(--stdt__sort-icon-up);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortDown::after {
mask: var(--stdt__sort-icon-down);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}

/* Subheadings */
table.stdt__table_v2 > thead + tbody th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) tr:has(td) th {
background-color: var(--stdt__table-subheading-background);
color: var(--stdt__table-subheading-color);
}

/* Alternating row colors */
table.stdt__table_v2 > thead + tbody tr:has(td):nth-child(even),
table.stdt__table_v2 > caption + tbody tr:has(td):nth-child(odd),
table.stdt__table_v2 > tbody:first-child tr:not(:first-child):has(td):nth-child(odd) {
background-color: var(--stdt__table-odd-row-background);
}

/* Default colors rely on Codex color variables, so don't need to be customized independently for light and dark themes */
table.stdt__table_v2 {
--stdt__table-border-color: var(--border-color-subtle, #c8ccd1);

--stdt__table-background: var(--background-color-base, #fff);
--stdt__table-odd-row-background: var(--background-color-neutral-subtle, #f8f9fa);
--stdt__table-body-color: inherit;

--stdt__table-header-background-primary: var(--background-color-interactive--hover, #dadde3); /* using hover for an even darker color is a bit of a hack but it's fine */
--stdt__table-header-background-highlight: var(--background-color-interactive-subtle, #f8f9fa);
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 0;
--stdt__table-heading-color: inherit;

--stdt__table-subheading-background: var(--background-color-interactive, #eaecf0);
--stdt__table-subheading-color: inherit;
}
html.view-dark table.stdt__table_v2 {
/* okay but this one does need to be customized for dark theme for now, because dark themes don't currently override *every* codex style */
--stdt__table-header-background-primary: var(--background-color-interactive--hover, #181d1f); /* TODO: find the real value */
/* and also this because none of the dark themes set their odd row backgrounds i guess */
--stdt__table-odd-row-background: #fff2;
}

/* maroon light theme */
table.stdt__table_v2.dps-role,
table.stdt__table_v2.maroon {
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 37%;
--stdt__table-border-color: #9a4848;
--stdt__table-subheading-background: #ee9595;
--stdt__table-odd-row-background: #ffe0e0;
--stdt__table-heading-color: #230808;
--stdt__table-subheading-color: #301111;
}

/* dark-green light theme */
table.stdt__table_v2.healer-role,
table.stdt__table_v2.dark-green {
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 7%;
--stdt__table-border-color: #2a491d;
--stdt__table-subheading-background: #b1cda4;
--stdt__table-odd-row-background: #e6eee2;
--stdt__table-heading-color: #020202;
}

/* steel-blue light theme */
table.stdt__table_v2.tanker-role,
table.stdt__table_v2.steel-blue {
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #4871a0;
--stdt__table-subheading-background: #96acc7;
--stdt__table-odd-row-background: #d9e2ee;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-color: #213447;
}

/* gray light theme */
table.stdt__table_v2.crafting-role,
table.stdt__table_v2.gray {
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #777d9e;
--stdt__table-subheading-background: #b2b5c7;
--stdt__table-odd-row-background: #eaedff;
--stdt__table-heading-color: #202734;
}

/* olive light theme */
table.stdt__table_v2.gathering-role,
table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #5a8019;
--stdt__table-subheading-background: #bdd692;
--stdt__table-odd-row-background: #e6f0d5;
--stdt__table-heading-color: #2f320d;
}

/* teal light theme */
table.stdt__table_v2.pet-role,
table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #479e92;
--stdt__table-subheading-background: #a7e1d1;
--stdt__table-odd-row-background: #e2f9f5;
--stdt__table-heading-color: #0b3756;
}

/* lime light theme */
table.stdt__table_v2.npc,
table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #52a329;
--stdt__table-subheading-background: #d3f6c1;
--stdt__table-odd-row-background: #eeffe6;
--stdt__table-heading-color: #14320c;
}

/* gold light theme */
table.stdt__table_v2.pve,
table.stdt__table_v2.quest,
table.stdt__table_v2.gold {
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 50%;
--stdt__table-border-color: #cca352;
--stdt__table-subheading-background: #ffe6b4;
--stdt__table-odd-row-background: #fff0d3;
--stdt__table-heading-color: #5d4411;
}

/* orange light theme */
table.stdt__table_v2.equip,
table.stdt__table_v2.item,
table.stdt__table_v2.orange {
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 40%;
--stdt__table-border-color: #cc7a52;
--stdt__table-subheading-background: #fdd6c2;
--stdt__table-odd-row-background: #ffebe1;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-color: #451700;
}

/* pink light theme */
table.stdt__table_v2.skin,
table.stdt__table_v2.pink {
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 9%;
--stdt__table-border-color: #996574;
--stdt__table-subheading-background: #ffc1d4;
--stdt__table-odd-row-background: #ffe8ef;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-color: #591d2f;
}

/* blue light theme */
table.stdt__table_v2.mech1,
table.stdt__table_v2.blue {
--stdt__table-border-color: #527aa3;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 25%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #b3caee;
--stdt__table-odd-row-background: #d3e4ff;
}

/* turquoise light theme */
table.stdt__table_v2.mech2,
table.stdt__table_v2.turquoise {
--stdt__table-border-color: #29a3a3;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #b5f0f0;
--stdt__table-odd-row-background: #e7ffff;
}

/* violet light theme */
table.stdt__table_v2.lore,
table.stdt__table_v2.violet {
--stdt__table-border-color: #a352a3;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #e9aee9;
--stdt__table-odd-row-background: #ffeaff;
}

/* purple light theme */
table.stdt__table_v2.location,
table.stdt__table_v2.purple {
--stdt__table-border-color: #7a52a3;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #d9c2f0;
--stdt__table-odd-row-background: #f7efff;
}

/* yellow-green light theme */
table.stdt__table_v2.promo,
table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #7aa329;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #ddf6aa;
--stdt__table-odd-row-background: #f5ffe2;
}

/* aquamarine light theme */
table.stdt__table_v2.buff,
table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #5caeae;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #c2f0f0;
--stdt__table-odd-row-background: #f1ffff;
}

/* green light theme */
table.stdt__table_v2.debuff,
table.stdt__table_v2.green {
--stdt__table-border-color: #418541;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #b7e1b7;
--stdt__table-odd-row-background: #e6f2e6;
}

/* brown light theme */
table.stdt__table_v2.crafting,
table.stdt__table_v2.recipe, /* temporary alias */
table.stdt__table_v2.brown {
--stdt__table-border-color: #856741;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #e1ceb7;
--stdt__table-odd-row-background: #f6eada;
}

/* maroon dark theme */
html.view-dark table.stdt__table_v2.dps-role,
html.view-dark table.stdt__table_v2.maroon {
--stdt__table-border-color: #935252;
--stdt__table-background: #2d1111;
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #320606;
--stdt__table-subheading-background: #3d0d0d;
--stdt__table-subheading-color: #ffd2d2;
}

/* dark-green dark theme */
html.view-dark table.stdt__table_v2.healer-role,
html.view-dark table.stdt__table_v2.dark-green {
--stdt__table-border-color: #5b8748;
--stdt__table-background: #102507;
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #020202;
--stdt__table-subheading-background: #0b1305;
--stdt__table-subheading-color: #d9f6cb;
}

/* steel-blue dark theme */
html.view-dark table.stdt__table_v2.tanker-role,
html.view-dark table.stdt__table_v2.steel-blue {
--stdt__table-border-color: #4e7098;
--stdt__table-background: #050f1c;
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-background: #13273f;
--stdt__table-subheading-color: #9cb9d6;
}

/* gray dark theme */
html.view-dark table.stdt__table_v2.crafting-role,
html.view-dark table.stdt__table_v2.gray {
--stdt__table-border-color: #767c9b;
--stdt__table-background: #0e111e;
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #202734;
--stdt__table-subheading-background: #2b2f47;
--stdt__table-subheading-color: #b6bde7;
}

/* olive dark theme */
html.view-dark table.stdt__table_v2.gathering-role,
html.view-dark table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 1px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #66882c;
--stdt__table-subheading-background: #283414;
--stdt__table-background: #141e04;
--stdt__table-heading-color: #2f320d;
}

/* teal dark theme */
html.view-dark table.stdt__table_v2.pet-role,
html.view-dark table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #388479;
--stdt__table-subheading-background: #47615a;
--stdt__table-background: #051310;
--stdt__table-heading-color: #0b3756;
}

/* lime dark theme */
html.view-dark table.stdt__table_v2.npc,
html.view-dark table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 20%;
--stdt__table-border-color: #4e932a;
--stdt__table-subheading-background: #4c5b44;
--stdt__table-background: #0e1c06;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-color: #d6ffc1;
}

/* gold dark theme */
html.view-dark table.stdt__table_v2.pve,
html.view-dark table.stdt__table_v2.quest,
html.view-dark table.stdt__table_v2.gold {
--stdt__table-border-color: #a68036;
--stdt__table-background: #201603;
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-strength: 50%;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #5d4411;
--stdt__table-subheading-background: #634b19;
--stdt__table-subheading-color: #e3dcd2;
}

/* orange dark theme */
html.view-dark table.stdt__table_v2.equip,
html.view-dark table.stdt__table_v2.item,
html.view-dark table.stdt__table_v2.orange {
--stdt__table-border-color: #a15f3f;
--stdt__table-background: #2d1509;
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-background: #915b3f;
--stdt__table-subheading-color: #fff1ea;
}

/* pink dark theme */
html.view-dark table.stdt__table_v2.skin,
html.view-dark table.stdt__table_v2.pink {
--stdt__table-border-color: #a16d7c;
--stdt__table-background: #23020c;
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-background: #6e3c4c;
--stdt__table-subheading-color: #ffe3ec;
}

/* blue dark theme */
html.view-dark table.stdt__table_v2.mech1,
html.view-dark table.stdt__table_v2.blue {
--stdt__table-border-color: #5e7e9f;
--stdt__table-background: #091427;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 26%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #3c495d;
--stdt__table-subheading-color: #d0dfee;
}

/* turquoise dark theme */
html.view-dark table.stdt__table_v2.mech2,
html.view-dark table.stdt__table_v2.turquoise {
--stdt__table-border-color: #378e8e;
--stdt__table-background: #132323;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #2d5656;
--stdt__table-subheading-color: #b5f0f0;
}

/* violet dark theme */
html.view-dark table.stdt__table_v2.lore,
html.view-dark table.stdt__table_v2.violet {
--stdt__table-border-color: #9f4d9f;
--stdt__table-background: #321732;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #614061;
--stdt__table-subheading-color: #ffd8ff;
}

/* purple dark theme */
html.view-dark table.stdt__table_v2.location,
html.view-dark table.stdt__table_v2.purple {
--stdt__table-border-color: #9c76c1;
--stdt__table-background: #1e1725;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #563c70;
--stdt__table-subheading-color: #edf;
}

/* yellow-green dark theme */
html.view-dark table.stdt__table_v2.promo,
html.view-dark table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #86a34e;
--stdt__table-background: #2b3615;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #565f14;
--stdt__table-subheading-color: #edffc8;
}

/* aquamarine dark theme */
html.view-dark table.stdt__table_v2.buff,
html.view-dark table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #58aeae;
--stdt__table-background: #1c3d3d;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #0b5050;
--stdt__table-subheading-color: #c2f0f0;
}

/* green dark theme */
html.view-dark table.stdt__table_v2.debuff,
html.view-dark table.stdt__table_v2.green {
--stdt__table-border-color: #62bd62;
--stdt__table-background: #072307;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #0d430d;
--stdt__table-subheading-color: #d3f0c2;
}

/* brown dark theme */
html.view-dark table.stdt__table_v2.crafting,
html.view-dark table.stdt__table_v2.recipe,
html.view-dark table.stdt__table_v2.brown {
--stdt__table-border-color: #a4835b;
--stdt__table-background: #201608;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #563610;
--stdt__table-subheading-color: #e1ceb7;
}

/* #endregion */

/* #region <tabber> classes */

/* class="no-animation" - prevents scroll animation when switching tabs */
.tabber-animations-ready .tabber.no-animation .tabber__section {
scroll-behavior: unset;
}

/* #endregion */

/* #region Utility classes */
.nowrap {white-space: nowrap;}
/* #endregion */

/*</nowiki>*/

MediaWiki:Mainpage-title-loggedin

2026-10-12T14:14:05Z

Erin Umbreon: use built-in mechanism for hiding page title on main page (see mw:Manual:Mainpage)

MediaWiki:Mainpage-title

2026-10-12T14:13:47Z

Erin Umbreon: use built-in mechanism for hiding page title on main page (see mw:Manual:Mainpage)

File:MGF Trader.jpg

2026-10-09T01:16:29Z

Erin Umbreon: Erin Umbreon uploaded a new version of File:MGF Trader.jpg

MGF Trader

2026-10-09T01:02:00Z

Erin Umbreon: who up blundering they ville

{{NPC infobox
| name =MGF Trader
| description =
| image =
| location = Blunderville Square
| coordinates = 3.7,3.1
| dungeon =
| raid =
| trial =
| title = Prize Claim
| gender = Female
| age =
| race = Hyur
| clan = Midlander
| class =
| job =
| profession =
| birthplace =
| organization =
| relatives =
| level =
| aggression =
| service = event merchant
| goal = Blunderville
| patch = 6.51
| release = endwalker
}} __NOTOC__
==Items for Sale==
===Armor===
{{Vendor table header|section=Prize Claim|showLevel=false|showRarity=false}}
{{vendor table row|item=1 Matte Winner's Crown|cost=410 MGF}}
{{vendor table row|item=1 Glossy Winner's Crown|cost=410 MGF}}
{{vendor table row|item=1 Gentlebean Knit Cap|cost=410 MGF}}
{{vendor table row|item=1 Gentlebean Parka|cost=410 MGF}}
{{vendor table row|item=1 Gentlebean Bottoms|cost=410 MGF}}
{{vendor table row|item=1 Gentlebean Shoes|cost=410 MGF}}
|}

===Others===
{{Vendor table header|section=Prize Claim|showLevel=false|showRarity=false}}
{{vendor table row|item=1 Ballroom Etiquette - Embracing Blunders|cost=410 MGF}}
{{vendor table row|item=1 Rhiyes Identification Key|cost=410 MGF}}
{{vendor table row|item=1 Pegwin|cost=350 MGF}}
{{vendor table row|item=1 Pink Bean|cost=350 MGF}}
{{vendor table row|item=1 Everybody Falls (Fall Guys Theme) Orchestrion Roll|cost=220 MGF}}
{{vendor table row|item=1 Blunderful Framer's Kit|cost=200 MGF}}
{{vendor table row|item=1 Blunderous Framer's Kit|cost=200 MGF}}
{{vendor table row|item=1 Blunder-villed Framer's Kit|cost=200 MGF}}
{{vendor table row|item=1 Blunderville Donut Bumper|cost=220 MGF}}
{{vendor table row|item=1 Blunderville Padded Wall|cost=220 MGF}}
{{vendor table row|item=1 Blunderville Rainbow|cost=220 MGF}}
{{vendor table row|item=1 Blunderville Hammer|cost=220 MGF}}
{{vendor table row|item=1 Blunderville Crown|cost=220 MGF}}
{{vendor table row|item=1 Blunderville Flag|cost=220 MGF}}
{{vendor table row|item=1 Gold Saucer Aetheryte Ticket|cost=200 MGF}}
{{vendor table row|item=1 Standard Rationing Manual|cost=200 MGF}}
{{vendor table row|item=1 Wide Spectrum 1 Dye|cost=150 MGF}}
|}

Blunderville

2026-10-08T00:53:42Z

Erin Umbreon: /* Rewards */ update dyes

{{Eventspecial infobox
| name = Blunderville
| image = Fall Guys Collaboration 2023 banner art.png
| icon = blunderville icon1.png
| description = The Fall Guys collaboration brings party royale-style excitement to the [[Gold Saucer]]. Harness your inner Bean to triumph over obstacles and rise above the rest!
| eventstart = October 31, 2023
| eventfinish = December 31, 2023
| eventpage = https://na.finalfantasyxiv.com/lodestone/special/fallguys/
}} __NOTOC__
{{evt|service=youtube|id=RBClG1JJmTw|dimensions=350|align=right|description=Fall Guys Collaboration trailer}}

==Repeats==
* {{event rerun|May 23 2024|June 10, 2024}}
* {{event rerun|October 23 2024|November 11 2024}}
* {{event rerun|November 6 2025|November 27 2025}}
* October 7, 2026 to October 27, 2026

==Guide==
# Unlock the [[Gold Saucer]] by talking to the [[Well-heeled Youth]] at [[Ul'dah - Steps of Nald]] {{coords|9.6, 9.0}} to start the quest {{i|It Could Happen to You}}. Players must be level 15 or higher and must have completed at least one of the following [[Main Scenario Quest|main scenario quest]]s: {{i|The Gridanian Envoy}}, {{i|The Ul'dahn Envoy}}, or {{i|The Lominsan Envoy}}.
# Complete the following limited-time event quest: {{i|Just Crowning Around}} offered by [[Lewena]] in the [[Gold Saucer]] {{coords|4.8, 6.1}}.
# Win {{MGF}} (Manderville Gold Saucer Fame) in Blunderville challenges.
#*MGF is calculated based on your final rank in the show. MGF can be exchanged for rewards by speaking with the MGF trader.
# Exchange MGF for prizes from the [[MGF Trader]] in [[Blunderville Square]] {{coords|3.8, 3.1}}.
#*MGF is retained between reruns of the event.

===MGF and MGP table===

Rewards for each round are granted immediately when the player qualifies to advance to the next round, or is eliminated.
{| class="wikitable"
|+ Blunderville MGF and MGP Rewards
|-
! Round !! Reward if eliminated !! Reward if cleared
|-
| Round 1 || {{MGF|50}} + {{MGP|680}} || {{MGF|100}} + {{MGP|800}}
|-
| Round 2 || {{MGF|50}} + {{MGP|680}} || {{MGF|150}} + {{MGP|910}}
|-
| Round 3 || {{MGF|50}} + {{MGP|680}} || {{MGF|200}} + {{MGP|1030}}
|}
※ ''MGF and MGP rewards are reduced if a show begins with fewer than 24 contestants.''

===How to Participate===
Speak with the [[Blunderville Registrar]] to participate in a show.
To enter [[Blunderville Square]], you may speak with [[Wy]] {{coords|6.1, 7.4}} or the [[Blunderville Attendant]] {{coords|5.9, 6.3}}.

Players who have registered for a show will be sent to wait in [[Lobbyville]]. The show will begin when 24 challengers have gathered.

If a set amount of time has passed before 24 challengers have gathered, however, the show will begin automatically.
* Rewards will be adjusted based on the number of challengers in each show.

====Party Registration====
The party leader must speak with the Blunderville registrar to join the show with their currently formed party. Parties can be registered regardless of size. Cross-world parties are also permitted.

Party members other than the party leader are not required to be in the Blunderville Square at the time of registration.

====Alliance Registration====
The alliance leader must speak with the Blunderville registrar to join the show with their currently formed alliance. You must have a full alliance of 24 players to participate.

Alliance members other than the alliance leader are not required to be in the Blunderville Square at the time of registration.
* Rankings for each stage are calculated based on personal progress rather than the entire party or alliance.

===How to Play===
*Each show will have three stages in total. Players must complete the objective of each stage to qualify for the next round.
*Challengers who qualify for the next stage will remain in spectator mode until the next round begins.
*Challengers who have been eliminated may remain in spectator mode until the end of the show.
**If you wish to leave spectator mode, you may do so at any time by selecting the Leave button from the Blunderville menu.

==Quests==
{{#lsth:Collaboration Quests|Fall Guys}}

==Rewards==
===Mount===
*{{Item reward||Rhiyes Identification Key}}

===Minions===
*{{Item reward||Pink Bean}}
*{{Item reward||Pegwin}}

===Armor===
*{{Item reward||Gentlebean Knit Cap}}
*{{Item reward||Gentlebean Parka}}
*{{Item reward||Gentlebean Bottoms}}
*{{Item reward||Gentlebean Shoes}}
*{{Item reward||Matte Winner's Crown}}
*{{Item reward||Glossy Winner's Crown}}

===Emotes===
*{{Item reward||Ballroom Etiquette - Embracing Blunders}} - {{item icon|Victory Reveal}}

===Orchestrion Rolls===
*{{Item reward||Everybody Falls (Fall Guys Theme) Orchestrion Roll}}

===Furniture===
*{{Item reward||Blunderville Crown}}
*{{Item reward||Blunderville Flag}}
*{{Item reward||Blunderville Donut Bumper}}
*{{Item reward||Blunderville Padded Wall}}
*{{Item reward||Blunderville Rainbow}}
*{{Item reward||Blunderville Hammer}}

===Adventurer Plates===
*{{Item reward||Blunderful Framer's Kit}}
*{{Item reward||Blunderous Framer's Kit}}
*{{Item reward||Blunder-villed Framer's Kit}}

===Other===
*{{Item reward||Gold Saucer Aetheryte Ticket}}
*{{Item reward||Standard Rationing Manual}}
*{{Item reward||Wide Spectrum 1 Dye}}

==Achievements==
{{main|Gold Saucer Achievements}}
{| {{STDT| mech1 sortable align-left}}
{{achievement table header}}
{{achievement table row|It's a Blunderful Life I}}
{{achievement table row|It's a Blunderful Life II}}
{{achievement table row|It's a Blunderful Life III}}
{{achievement table row|It's a Blunderful Life IV}}
|}

==Gallery==
<gallery mode=packed heights=200px>
Fall Guys collaboration 1.jpg
Fall Guys collaboration 2.jpg
Fall Guys collaboration 3.jpg
Fall Guys collaboration 4.jpg
Fall Guys collaboration 5.jpg
Fall Guys collaboration 6.jpg
Fall Guys collaboration 7.jpg
File:Blunderville main room.png|Blunderville main room
File:Blunderville show lobby.png|Blunderville show lobby
File:Blunderville show starting line.png|Blunderville show starting line
File:Blnderville course 1.png|Blunderville show course
File:Blunderville winner.png|Blunderville victory
File:Blunderville winner results.png|Blunderville end of show
File:Blunderville main room photo op.png
</gallery>

{{Duties nav/gold saucer}}
{{Event nav}}

User:Erin Umbreon/Sandbox/Main page rewrite/styles.css

2026-10-07T17:40:51Z

Erin Umbreon: fix border radii

.mainpage {
--mainpage--box-shadow: 0 1px 1px -1px rgb(0 0 0 / 0.3), 0 0 0 1px #0002;
--mainpage--box-shadow-secondary: 0 1px 2px rgb(0 0 0 / 0.1), 0 0 0 1px #0002;

--mainpage--header-bg: linear-gradient(#293c66, #265e70);
--mainpage--button-bg: linear-gradient(#4769b3, #3d5b9c);

display: flex;
flex-direction: column;
gap: 1rem;
width: 1060px; /* full width in 1300px fixed width layout */
max-width: 100%;
margin: -1.5rem auto 0;
}

/* generic boxes */
.mainpage__box {
background: var(--background-color-neutral-subtle,#f8f9fa);
/* padding: 1rem; */
border-radius: 0.5rem;
box-shadow: var(--mainpage--box-shadow);
overflow: hidden;
}

/* generic buttons */
.mainpage__button {
display: block;
background: var(--mainpage--button-bg);
border-radius: 1px;
text-align: center;
color: white;
text-decoration: none;
border-radius: 9999px;
box-shadow: var(--mainpage--box-shadow);
font-weight: bold;
}
/* hacky styles to make link the size of the whole button element */
.mainpage__button a {
display: block;
padding-block: 0.5em;
color: white;
box-shadow: inset 0 -1px 1px #0008;
border-radius: inherit;
}
.mainpage__button a:visited {
color: white;
}
/* handle vector's external link icon */
.mainpage__button a.external,
.mainpage__heading a.external {
padding-inline: 2rem;
filter: brightness(100); /* make the blue icon white */
background-size: 1rem;
background-position: center right 0.75rem;
}
/* use more subtle box shadow when already inside a box */
.mainpage__box .mainpage__button {
box-shadow: var(--mainpage--box-shadow-secondary)
}

/* welcome banner */
.mainpage__welcome {
height: var(--mainpage--welcome-height);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
.mainpage__title {
/* normal h1 display */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;

display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;

text-align: center;
position: relative;
}
.mainpage__subtitle {
font-size: 1.25rem;
margin-top: -1rem;
}
/* underline/separator thing */
/*
.mainpage__welcome::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(
to right,
rgba(0, 255, 255, 0),
rgba(0, 255, 255, 0.5),
rgba(0, 255, 255, 0)
);
}
*/
/* search button (commented out for now) */
.mainpage__welcome button {
display: block;
background: rgb(255 255 255 / 0.9);
box-shadow: var(--mainpage--box-shadow);
border: none;
max-width: 75rem;
height: 50px;
padding: 0 2rem;
border-radius: 9999px;
font-size: inherit;
/* font-size: 1.125rem; */
}
.mainpage__welcome button kbd {
border: 1px solid #7C99CC;
background: #DAF6FE;
border-radius: 3px;
padding: 0 0.5rem;
font-size: 1rem;
}

/* overall layout */
.mainpage__cols {
display: flex;
flex-direction: row;
gap: inherit;
}
.mainpage__cols > div {
display: flex;
flex-direction: column;
gap: inherit;
}

.mainpage__currentevents {
flex: 2;
}
.mainpage__etc {
flex: 1;
}

.mainpage__events {
text-align: center; /* hack */
}
.mainpage__carousel {
box-shadow: var(--mainpage--box-shadow);
border-radius: 0.5rem;
overflow: hidden;
}
.mainpage__events img {
display: block;
width: 100%;
/* max-width: 100%; */
height: auto;
}
.mainpage__events .img-button {
background: rgb(0 0 0 /0.1);
border-radius: 50%;
display: inline-block;
width: 0.5rem;
height: 0.5rem;
}

.mainpage__header {
background: var(--mainpage--header-bg);
margin: 0;
padding: 0.5rem;
color: white;
font-size: larger;
text-align: center;
font-weight: bold;
box-shadow: 0 1px #0004;
}
.mainpage__header a,
.mainpage__header a:visited {
color: white;
}
.mainpage__header a.external {
filter: brightness(100); /* make vector's external link icon also white */
}

.mainpage__patch {
padding: 0;
}
.mainpage__patch-banner img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.mainpage__patch-list ul {
display: flex;
margin: 0;
padding: 0;
box-shadow: 0 1px #0004;
}
.mainpage__patch-list li {
list-style: none;
flex: 1;
margin: 0;
padding: 0.25rem 0;
text-align: center;
background: var(--background-color-neutral, #eaecf0);
}
.mainpage__patch-list li + li {
border-left: 1px solid #0004;
background-clip: border-box;
}
.mainpage__patch .mainpage__button {
margin: 1rem;
}
.mainpage__patch-content {
}
.mainpage__patch-content > ul {
margin: 1em;
padding: 0;
border-radius: 0.25rem;
position: relative;
overflow: hidden;
box-shadow: var(--mainpage--box-shadow-secondary);
}
.mainpage__patch-content > ul > li {
list-style: none;
background: var(--background-color-base, #fff);
margin: 0;
padding: 0.5rem;
}
.mainpage__patch-content > ul > li:nth-child(even) {
background: var(--background-color-neutral-subtle, #f8f9fa);
}

.mainpage__news ul {
list-style: none;
margin: 0;
padding: 0;
height: 300px;
overflow: scroll;
box-shadow: inset 0 -10px 10px -10px #0004;
}
.mainpage__news li + li {
border-top: 1px solid var(--border-color-muted, #dadde3);
}
.mainpage__news li > p {
padding: 0.25rem;
padding-left: calc(0.5rem + 24px);
line-height: 24px;
position: relative;
}
.mainpage__news li img {
position: absolute;
top: 0.25rem;
left: 0.25rem;
}
.mainpage__news .mw-heading {
font-size: inherit;
margin: 0;
padding: 0 0.5rem;
background: var(--background-color-neutral, #eaecf0);
color: var(--color-emphasized, #000);
}
.mainpage__news p {
margin: 0;
}

.mainpage__concepts ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.mainpage__concepts li {
background: var(--background-color-neutral-subtle, #f8f9fa);
box-shadow: var(--mainpage--box-shadow);
border-radius: var(--mainpage--box-border-radius, 0.5rem);
padding: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
text-transform: uppercase;
font-weight: bold;
position: relative;
}
.mainpage__concepts img {
/* do not allow wikitext size to override, link positioning hack relies on this */
width: 30px !important;
height: auto !important;
}
.mainpage__concepts li a {
font-size: smaller;

/* link positioning hack to make the whole button clickable */
position: absolute;
inset: 0;
padding: 0 0.5rem 0 calc(1rem + 30px);

/* re-center */
display: grid;
place-items: center;
text-align: center;
}
.mainpage__concepts li > a:first-of-type,
.mainpage__concepts li > a:first-of-type:visited {
color: inherit;
}

/* expansion stuff */
.image-placeholder {
display: grid;
place-content: center;
color: white;
font-weight: bold;
font-style: italic;
}

.mainpage__expansion-banner {
height: 60px;
border-radius: var(--mainpage--box-border-radius,0.5rem);
box-shadow: var(--mainpage--box-shadow);
overflow: hidden;
position: relative;
}

.mainpage__expansion-banner img {
position: absolute;
inset: 0;
}
.mainpage__expansion-banner a {
/* link positioning hack to make the whole button clickable */
position: absolute;
inset: 0;
z-index: 1;

/* hide button text */
text-indent: -9999px;
overflow: hidden;
}

.mainpage__expansion-button {
/* Sizing */
height: 40px;
padding: 10px;
flex-basis: calc(50% - 0.5rem - 20px);

/* Styling */
border-radius: var(--mainpage--box-border-radius,0.5rem);
box-shadow: var(--mainpage--box-shadow);
background: black;

/* Child layout */
overflow: hidden;
display: flex;
align-items: stretch;
position: relative;
z-index: 0;
}
.mainpage__expansion-button > p { display: contents; }

/* Icon */
.mainpage__expansion-button .icon-image img {
width: 40px !important;
height: 40px !important;
position: relative;
z-index: 2;
pointer-events: none;
}

/* Main link */
.mainpage__expansion-button a {
/* link positioning hack to make the whole button clickable */
position: absolute;
inset: 0;
z-index: 1;

display: flex;
align-items: center;
padding: 0 1rem;

/* Text */
font-size: 1.25em;
color: white;
font-weight: bold;
text-transform: uppercase;

/* Ensure text is visible on background */
background: linear-gradient(to right, #0008, #0000);
flex-basis: 66%;
text-shadow: 0 1px 2px #000;
}
.mainpage__expansion-button .icon-image ~ a {
/* Leave space for preceding icon */
padding-left: 60px;
}
/* Background image */
.mainpage__expansion-button .background-image .image-placeholder,
.mainpage__expansion-button .background-image img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
place-content: center right;
text-indent: -1rem;
}

/* mobile */
@media screen and (max-width: 1024px) {
.mainpage__cols,
.mainpage__cols > * {
display: contents;
}
.mainpage__news {
order: 9;
}
}

FFXIV Wiki:Status effect revamp

2026-10-03T01:27:24Z

Erin Umbreon: fix name in members list

{{project
| Rework how status effects and their icons are presented on the wiki.
| members = Gurgum, Erin Umbreon
| status = Backlog
| discord = https://discord.com/channels/312060255469305856/1474072414974644326
}}

== Overview ==
This project is taking up space in my mind as "the status effect overhaul" but really is about several distinct topics:

# The current {{tl|status effect}} icon template has issues.
#* Having to specify "buff" or "debuff" every time you use an icon is annoying.
#* The current system, where we have a small hardcoded list of names and everything else has to be specified by filename, is not super intuitive for editors.
#* I (erin) have been working on {{tl|game icon}} for a bit now, and it works for basically everything except status effects; it would be nice if it worked for status effects too.
# We don't currently have status effect descriptions on the wiki.
#* Is this even something we want to change? What use would it have?
# The list of status effects on [[Status effects]] should be more comprehensive, and ideally not be manually maintained.
<span class="nowrap">[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small></span> 18:19, 19 February 2026 (UTC)

== Tasks ==
*{{todo|done}} Decide on the overall strategy for status effect data going forward. - The plan is to start making pages for the statuses. {{tl|Status effect infobox}} has been created, and patch 7.56 status pages have been created. [[User:Gurgum|Gurgum]] ([[User talk:Gurgum|talk]]) 12:16, 12 September 2026 (UTC)
*{{todo}} Create missing status pages. These will be added on an as-needed basis, as there are open questions about disambiguation, etc. Subtasks:
**{{todo}} Status effects may be applied by enemy actions, which we don't create pages for. Example: "Tender Anaphylaxis", with an action by the same name. We should figure out what to do with enemy actions so that we don't end up with orphaned status pages.
**{{todo}} Figure out what we want to do about the many, many status pages that have the same name as the related action, such as "Battle Voice". Those statuses and actions would all need to be disambiguated. Is it still worth creating separate pages for the statuses? Should we consider setting the status as a subobject on the action page?
*{{todo|done}} Deprecate {{tl|status effect}}

==Notes==
* Many status effects have multiple versions, including versions with different icons, dispellability, max stacks, etc. (Example: [[Stun]]) For the moment, I'm keeping things simple by creating a single status page with the earliest version's icon & details. I'm not planning to add more fine-grained details for now (like stack size), as those are the elements most likely to differ between versions. - Gurgum
* Many status effects share a name and a nearly identical icon with the action that applies them (i.e. [[Battle Voice]]). The action describes the status, so we're not gaining much by creating those pages & icons. For now, status pages with the same name as action will not be created automatically.
* GT's patch # for statuses starts at 4.56, so we can't trust them for patch numbers earlier than that. TC seems to have okay patch #'s.
* Many status effects are only used to enforce certain mechanics for enemy encounters, or are only used to denote an enemy's current state, or represent obsolete/retired actions. The [https://finalfantasy.fandom.com/wiki/Final_Fantasy_XIV_statuses Fandom] version of the Status Effects pages has approximately 2,400 status effects listed (2,220). Ideally, the scope of the project should be determined - are the three categories listed useful to readers? [[User:Alyko|Alyko]] ([[User talk:Alyko|talk]]) 15:21, 12 September 2026 (UTC)

===Proposal for mass page creation===
I propose the following to create pages for status effects while avoiding duplicates. A duplicate is defined as a status effect that shares all three of the following with a different status:
#The name
#The icon
#The description

If any of the three are not shared, the status is not considered a duplicate and a page would be created for it.

A status that shares a name with another status effect, but not the other two characteristics, would be disambig'd as follows during initial page creation:

<code>Name (internal id)</code>, for example <code>Growing Dread (5136)</code>

This allows easy identification of duplicate names for manual renaming later, into pages with more descriptive names. - [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 22:56, 2 October 2026 (UTC)

: There was some talk [https://discord.com/channels/312060255469305856/1417939835922153533/1555714643450925067 in Discord] about avoiding multiple pages for status effects that have the same name and mostly the same effect. We still want to be able to use {{tl|i}} to show a particular instance of the effect; we don't currently have a way to do this, but I think we could.
: We could modify {{tl|i}} to support using a hash/anchor in the referenced pagename, i.e. {{tlx|i|Some page#Some section}}, in order to reference a ''subobject'' on the page for semantic data lookup. This would allow us to have individual semantic data for each instance of a status effect (even giving them different [[Property:Has canonical name|canonical names]] if needed), while still grouping them under a single page. We'd then need a subobject template to define individual instances of each status effect, and give the subobjects IDs that determine how to reference each individual icon. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 23:49, 2 October 2026 (UTC)
::Would we multiple infoboxes on the same page (one per status effect instance)? This may cause issues for running the infobox updater script. [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 00:11, 3 October 2026 (UTC)
:::I'm not sure what would be best from a template perspective - it could be multiple infoboxes; it could be one top-level infobox for the "primary" instance of a status effect + "sub-infoboxes" a la {{tl|Recipe}} for other uses; or it could be a single infobox that contains all the information for every instance of the status, where the subobjects are defined internally. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 00:55, 3 October 2026 (UTC)

FFXIV Wiki:Status effect revamp

2026-10-03T00:56:10Z

Erin Umbreon: /* Proposal for mass page creation */ edit reply

{{project
| Rework how status effects and their icons are presented on the wiki.
| members = Gurgum, Erin
| status = Backlog
| discord = https://discord.com/channels/312060255469305856/1474072414974644326
}}

== Overview ==
This project is taking up space in my mind as "the status effect overhaul" but really is about several distinct topics:

# The current {{tl|status effect}} icon template has issues.
#* Having to specify "buff" or "debuff" every time you use an icon is annoying.
#* The current system, where we have a small hardcoded list of names and everything else has to be specified by filename, is not super intuitive for editors.
#* I (erin) have been working on {{tl|game icon}} for a bit now, and it works for basically everything except status effects; it would be nice if it worked for status effects too.
# We don't currently have status effect descriptions on the wiki.
#* Is this even something we want to change? What use would it have?
# The list of status effects on [[Status effects]] should be more comprehensive, and ideally not be manually maintained.
<span class="nowrap">[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small></span> 18:19, 19 February 2026 (UTC)

== Tasks ==
*{{todo|done}} Decide on the overall strategy for status effect data going forward. - The plan is to start making pages for the statuses. {{tl|Status effect infobox}} has been created, and patch 7.56 status pages have been created. [[User:Gurgum|Gurgum]] ([[User talk:Gurgum|talk]]) 12:16, 12 September 2026 (UTC)
*{{todo}} Create missing status pages. These will be added on an as-needed basis, as there are open questions about disambiguation, etc. Subtasks:
**{{todo}} Status effects may be applied by enemy actions, which we don't create pages for. Example: "Tender Anaphylaxis", with an action by the same name. We should figure out what to do with enemy actions so that we don't end up with orphaned status pages.
**{{todo}} Figure out what we want to do about the many, many status pages that have the same name as the related action, such as "Battle Voice". Those statuses and actions would all need to be disambiguated. Is it still worth creating separate pages for the statuses? Should we consider setting the status as a subobject on the action page?
*{{todo|done}} Deprecate {{tl|status effect}}

==Notes==
* Many status effects have multiple versions, including versions with different icons, dispellability, max stacks, etc. (Example: [[Stun]]) For the moment, I'm keeping things simple by creating a single status page with the earliest version's icon & details. I'm not planning to add more fine-grained details for now (like stack size), as those are the elements most likely to differ between versions. - Gurgum
* Many status effects share a name and a nearly identical icon with the action that applies them (i.e. [[Battle Voice]]). The action describes the status, so we're not gaining much by creating those pages & icons. For now, status pages with the same name as action will not be created automatically.
* GT's patch # for statuses starts at 4.56, so we can't trust them for patch numbers earlier than that. TC seems to have okay patch #'s.
* Many status effects are only used to enforce certain mechanics for enemy encounters, or are only used to denote an enemy's current state, or represent obsolete/retired actions. The [https://finalfantasy.fandom.com/wiki/Final_Fantasy_XIV_statuses Fandom] version of the Status Effects pages has approximately 2,400 status effects listed (2,220). Ideally, the scope of the project should be determined - are the three categories listed useful to readers? [[User:Alyko|Alyko]] ([[User talk:Alyko|talk]]) 15:21, 12 September 2026 (UTC)

===Proposal for mass page creation===
I propose the following to create pages for status effects while avoiding duplicates. A duplicate is defined as a status effect that shares all three of the following with a different status:
#The name
#The icon
#The description

If any of the three are not shared, the status is not considered a duplicate and a page would be created for it.

A status that shares a name with another status effect, but not the other two characteristics, would be disambig'd as follows during initial page creation:

<code>Name (internal id)</code>, for example <code>Growing Dread (5136)</code>

This allows easy identification of duplicate names for manual renaming later, into pages with more descriptive names. - [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 22:56, 2 October 2026 (UTC)

: There was some talk [https://discord.com/channels/312060255469305856/1417939835922153533/1555714643450925067 in Discord] about avoiding multiple pages for status effects that have the same name and mostly the same effect. We still want to be able to use {{tl|i}} to show a particular instance of the effect; we don't currently have a way to do this, but I think we could.
: We could modify {{tl|i}} to support using a hash/anchor in the referenced pagename, i.e. {{tlx|i|Some page#Some section}}, in order to reference a ''subobject'' on the page for semantic data lookup. This would allow us to have individual semantic data for each instance of a status effect (even giving them different [[Property:Has canonical name|canonical names]] if needed), while still grouping them under a single page. We'd then need a subobject template to define individual instances of each status effect, and give the subobjects IDs that determine how to reference each individual icon. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 23:49, 2 October 2026 (UTC)
::Would we multiple infoboxes on the same page (one per status effect instance)? This may cause issues for running the infobox updater script. [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 00:11, 3 October 2026 (UTC)
:::I'm not sure what would be best from a template perspective - it could be multiple infoboxes; it could be one top-level infobox for the "primary" instance of a status effect + "sub-infoboxes" a la {{tl|Recipe}} for other uses; or it could be a single infobox that contains all the information for every instance of the status, where the subobjects are defined internally. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 00:55, 3 October 2026 (UTC)

FFXIV Wiki:Status effect revamp

2026-10-03T00:55:41Z

Erin Umbreon: /* Proposal for mass page creation */ Reply

{{project
| Rework how status effects and their icons are presented on the wiki.
| members = Gurgum, Erin
| status = Backlog
| discord = https://discord.com/channels/312060255469305856/1474072414974644326
}}

== Overview ==
This project is taking up space in my mind as "the status effect overhaul" but really is about several distinct topics:

# The current {{tl|status effect}} icon template has issues.
#* Having to specify "buff" or "debuff" every time you use an icon is annoying.
#* The current system, where we have a small hardcoded list of names and everything else has to be specified by filename, is not super intuitive for editors.
#* I (erin) have been working on {{tl|game icon}} for a bit now, and it works for basically everything except status effects; it would be nice if it worked for status effects too.
# We don't currently have status effect descriptions on the wiki.
#* Is this even something we want to change? What use would it have?
# The list of status effects on [[Status effects]] should be more comprehensive, and ideally not be manually maintained.
<span class="nowrap">[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small></span> 18:19, 19 February 2026 (UTC)

== Tasks ==
*{{todo|done}} Decide on the overall strategy for status effect data going forward. - The plan is to start making pages for the statuses. {{tl|Status effect infobox}} has been created, and patch 7.56 status pages have been created. [[User:Gurgum|Gurgum]] ([[User talk:Gurgum|talk]]) 12:16, 12 September 2026 (UTC)
*{{todo}} Create missing status pages. These will be added on an as-needed basis, as there are open questions about disambiguation, etc. Subtasks:
**{{todo}} Status effects may be applied by enemy actions, which we don't create pages for. Example: "Tender Anaphylaxis", with an action by the same name. We should figure out what to do with enemy actions so that we don't end up with orphaned status pages.
**{{todo}} Figure out what we want to do about the many, many status pages that have the same name as the related action, such as "Battle Voice". Those statuses and actions would all need to be disambiguated. Is it still worth creating separate pages for the statuses? Should we consider setting the status as a subobject on the action page?
*{{todo|done}} Deprecate {{tl|status effect}}

==Notes==
* Many status effects have multiple versions, including versions with different icons, dispellability, max stacks, etc. (Example: [[Stun]]) For the moment, I'm keeping things simple by creating a single status page with the earliest version's icon & details. I'm not planning to add more fine-grained details for now (like stack size), as those are the elements most likely to differ between versions. - Gurgum
* Many status effects share a name and a nearly identical icon with the action that applies them (i.e. [[Battle Voice]]). The action describes the status, so we're not gaining much by creating those pages & icons. For now, status pages with the same name as action will not be created automatically.
* GT's patch # for statuses starts at 4.56, so we can't trust them for patch numbers earlier than that. TC seems to have okay patch #'s.
* Many status effects are only used to enforce certain mechanics for enemy encounters, or are only used to denote an enemy's current state, or represent obsolete/retired actions. The [https://finalfantasy.fandom.com/wiki/Final_Fantasy_XIV_statuses Fandom] version of the Status Effects pages has approximately 2,400 status effects listed (2,220). Ideally, the scope of the project should be determined - are the three categories listed useful to readers? [[User:Alyko|Alyko]] ([[User talk:Alyko|talk]]) 15:21, 12 September 2026 (UTC)

===Proposal for mass page creation===
I propose the following to create pages for status effects while avoiding duplicates. A duplicate is defined as a status effect that shares all three of the following with a different status:
#The name
#The icon
#The description

If any of the three are not shared, the status is not considered a duplicate and a page would be created for it.

A status that shares a name with another status effect, but not the other two characteristics, would be disambig'd as follows during initial page creation:

<code>Name (internal id)</code>, for example <code>Growing Dread (5136)</code>

This allows easy identification of duplicate names for manual renaming later, into pages with more descriptive names. - [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 22:56, 2 October 2026 (UTC)

: There was some talk [https://discord.com/channels/312060255469305856/1417939835922153533/1555714643450925067 in Discord] about avoiding multiple pages for status effects that have the same name and mostly the same effect. We still want to be able to use {{tl|i}} to show a particular instance of the effect; we don't currently have a way to do this, but I think we could.
: We could modify {{tl|i}} to support using a hash/anchor in the referenced pagename, i.e. {{tlx|i|Some page#Some section}}, in order to reference a ''subobject'' on the page for semantic data lookup. This would allow us to have individual semantic data for each instance of a status effect (even giving them different [[Property:Has canonical name|canonical names]] if needed), while still grouping them under a single page. We'd then need a subobject template to define individual instances of each status effect, and give the subobjects IDs that determine how to reference each individual icon. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 23:49, 2 October 2026 (UTC)
::Would we multiple infoboxes on the same page (one per status effect instance)? This may cause issues for running the infobox updater script. [[User:Dr Agon|Dr Agon]] ([[User talk:Dr Agon|talk]]) 00:11, 3 October 2026 (UTC)
:::I'm not sure what would be best from a template perspective - it could be multiple infoboxes; it could be one top-level infobox for the "primary" instance of a status effect + "sub-infoboxes" a la {{tl|Recipe}} for other uses; or it could be a single infobox that contains all the information for every use where the subobjects are defined internally. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 00:55, 3 October 2026 (UTC)

Template:Todo

2026-10-03T00:05:34Z

Erin Umbreon: lc both uses of {{{1}}} (this second one doesn't affect appearance unless the site CSS is completely disabled, but i'm a perfectionist)

<includeonly><templatestyles src="Todo/styles.css"/><span
class="todo-box"
data-state="{{lc:{{{1|}}}}}"
>[[Special:Edit/{{{link|{{FULLPAGENAMEE}}}}}|{{#switch:{{lc:{{{1|}}}}}
| done = 🗹
| cancelled = ☒
| #default = ☐
}}]]</span></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
* {{todo}} Something to do
* {{todo|done}} Something done
* {{todo|cancelled}} Something we no longer want to do
** Reason it was cancelled might be shown like this.
* {{todo|pending}} Some secret fourth state thing
* Something in the same list that isn't a todo
** {{todo}} Todos in sublists also work fine
A {{todo}} todo checkbox not in a list item - they work elsewhere too
</nowiki>}}

FFXIV Wiki:Status effect revamp

Erin Umbreon: hide transclusion report when visual editor is activated

(() => {
const iter = document.createNodeIterator(
document.querySelector('#mw-content-text .mw-parser-output'),
NodeFilter.SHOW_COMMENT
);

const output = document.createElement('pre');
output.id = 'gadget-transclusionreport-output-pre';
let node = iter.nextNode();
// skip to first perf report
while (!node.data.trim().startsWith("NewPP limit report")) {
node = iter.nextNode();
}
// render all remaining comments at the end of the content
while (node) {
output.textContent += '\n\n' + node.data.trim();
node = iter.nextNode();
}

const style = document.createElement('style');
style.textContent = `
#gadget-transclusionreport-output-pre {
margin: 0;
padding: 0.5rem 1rem;
}
#catlinks:not(.catlinks-allhidden) + #gadget-transclusionreport-output-pre {
border-top: 0;
}
#gadget-transclusionreport-output-pre:not(:hover) {
font-size: 0;
transition: font-size step-end 300ms;
}
#gadget-transclusionreport-output-pre::before {
display: block;
content: "Transclusion performance report (hover)";
font-size: 0.875rem;
text-align: center;
}
html.ve-active #gadget-transclusionreport-output-pre {
display: none;
}
`;

document.querySelector('#bodyContent').append(output, style);
})();

MediaWiki:Vector.css

2026-10-02T16:56:07Z

Erin Umbreon:

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 10em;
overflow-x: visible;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe and center it horizontally */
#p-logo {
margin-top: 0.5rem;
margin-inline: auto;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/* slightly nicer visual editor loading state */
.ve-init-mw-tempWikitextEditorWidget {
background: transparent;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-disabled: #444;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--color-disabled: #AAA;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Icon/toolbar color modifications */

/* Fix OOUI icon colors */
--fix-ooui-icon-filter: invert(1);
--fix-ooui-icon-filter-progressive: none; /* use standard progressive color #36c */
--fix-ooui-icon-filter-warning: none; /* TODO */
--fix-ooui-icon-filter-danger: none; /* TODO */

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon),
.oo-ui-indicatorElement-indicator {
filter: var(--fix-ooui-icon-filter);
}
.oo-ui-iconElement-icon.oo-ui-image-progressive {
filter: var(--fix-ooui-icon-filter-progressive);
}

/* more readable toolbar button backgrounds */
--background-color-progressive-subtle: #121A28;

/* Fix 2010 wikitext editor toolbar icons (pre-OOUI) */
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999); /* TODO: these need more tweaks */
}

/* override default page text color to un-fuck OOUI popups that get put at the end of <body> */
body {
color: #fff;
}

/* #endregion */

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */

/* #region CodeMirror customizations */
.cm-matchingBracket, .cm-focused .cm-matchingBracket {
box-shadow: 0 0 0 1px #BBB;
background: transparent;
}
/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* give logo a drop shadow to stand off background more */
#p-logo {
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
&.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
/* very specific selector to avoid issues on e.g. edit preview/special pages */
#mw-content-text > .mw-parser-output:first-child > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJDUlEQVRogd2af2wcxRXHP7czd97N3a33EudsY0NANUih9EdocRpaqSRqVcXFfwDl30oIFbUN/xT4pxVVJRpVKkKtFNUqjUoLRbSRKihSUApSm1YqtDghNikmFo2FEdixvT7nNnde397d7l3/uNljbeLfjlL6rKe5ndmZ/X7nvXn7Ztaxer3O1ZBYLLbuLpepEzJ6ldmZ2RSoKyyNmW4gDskEcoUO/8vSdBvt6uLYvFw1C1ht1ob6OY4DQL0a9aiPkVjWYuJbTiA/O75ie2bnDVv6vM0S0IBatCIKMCRzGdDh2jNURFlQ17WlN64m6yUQU2oCLaoMQ9olwFNaBWpLgMfU8xLANmCHKjVFYAHIqb7VtZJZL4G6IY3rgC7gGqCr5JfCB9lKx9T1B0vAA1xvSMMEOkItURKqbQY4i88MsLIfboLAbuCTQK8iQf+dfcnjL52wIyR6gVcjJELwPcCNwJ4Q/J39fVQVgRePn5gG2oHX1P1rIhGLphKrvIl3A7sNaXzhzv6+rn6lnuc13yXHXzrx1gPfOTShLl9TRHR13Qf03HvXPR39/X2d/f19HY1qLyQ4fd8Dh2Ze/NOJMvBXpeNqAj6S7+Rn8+sisFvp3ffedU/s6NFf9IYNUQIA49NTxUe//+j7J/9y8n1F4pKa+Z4nfnL4xvu/dX/P4qG9RTnOg9995NRzf3z+XeAk8K6yor9RAjG12HqB3gP7b9/71NEnrrUsS3x4ixGoHwLAcUoApUOHHnrrxImXS0g8YNvAkcd39R38yi7LykQXZwAlov3Hx8a1L+7/xhngDPBSyStNAcXlCKyWSkjl611A1+HHHu5qgHQqobpuqeq6pWokepQAY2DgZ59SY2zrO/jVbX0Hv7ILcMP73Hm36s67VccpLlKAH//o4U7gc0pTK+FcCwGArgP7b28wd/KlvJOvKC25rld1Xa9q2/mK65Yq6v4SwMDAz3sABo78NASPO+9W7Wm77M67ZXfe9fNOoarUyzuFCsCBO/Zdo8bpBJJrAbicpMLZP7D/9m4AJ+8EKkYHVsYS7oIXuhDugqdlLCt0EaOv72vbB2KPF1W8JySgyppCUHfyheaEWmn9AnDN/jv28be//6tTRaaZy7nRWgjoag3UO7s7MqPnxxc6rM5KuKhK8041YxnRRSjzOCh/9gD27ftSe97xyqo98IpeeK8PkHfsRRFmfGy0BZjb1Z1NlbxSWmGMLwdwNQIG0BqtsHNzIYIAwKuIWLgAO7NZ37lYEGEbgCbFoiiTiImaPZsLo0qQd+YutyVs+fytt6SBKWDFtHUlAoYyfettt30mrHNmc3N1NXs+wEKpkSJ0tGeZsm2pllWQyZgAolh0g8iYtaBcqQO+bc8B+I4zF7ZLQOzYEa+oNCWUVqUX10sgKqEVLCBv53IhgUCfD2JAWVlB6vGksLantbzya69SjVqg5l4q+AD27JwPBI6Ta4bV7M62SHheRGJZWYlADAjwEVSCAM9LADkNV6QNhOt6ddf1qrmZOd9Mm7XCRVuapqmJeFJ6flY0x/ebcb7h8znHdy7l/fwlxwdqxIgnk7pIJnWtUnU1z9dbgIrqIZAsrBQtVyLgqXCYi9S1AY7q56uyVigWasVCoVIomjXDyEh7xpbZ9qwAKoFfavr41Iwd4Fd951LeB6TVmpGh5ZZgSS+JOs5GCIQkcqfPjOS+vbhP9IH1YqEA4BcLhVqxUA2Aij1ji2x7looiMDXTyPcM2UyrNaXhWCKKZ2hodF6RWBY8q7zIalELvHFmJLekXa4ARADYM3Yw1dClz9SWTMLSkuGh0WlgGsivRGK1N7GL5DyS8V8+dczJO45npHTa2jNatVYlYYgaoKVNU4IhwJCVoKIpjVWCihQQx0cTIAQIfCQ+UtcN4ZU9TdeJm2YCIWpS1zVp6XrinXNj5aFz51x0JlQo3XAqUVXlBPDBv996Z0JFh0SoZjohAJE24+HMa0E1EE31iQEi8JsuoukpQwBCT+lhH2lZaZmxTAFw5NfHJoFJ4IKa/epyAFcjECjwrwMTv/vD8Q/Gxt4vAy09Pdc1CJjxRSREQmgiLjQRF+H2UwAxIYkJ2QSPntKFntbjmYwpLSvdErqUAn8BOK1ILAt+LQSi8jrAK3/+x/mwoqfnOkKfVyQQcSFEQgigQUQ2wQshCcEn1LObFshYphgaHr04ODRyATgVscCmCdSVFaaBV8+dH/eefvrFKV3qhi71VmRSmNutuFuuSJEgkW6JY6V0LSHUn27IhG5IIQ2RTmViVkqP66BlM8mW7jYzbrUl08haPD/vaL/57Qvv4TOJz9v4FPAbGexmCYTiAG8Cp04PjUw+2TA1nR1ZHZCdnVkJSLM1kQBEujWupVvjGqClU7qWTumaSsqEmUm2mFZyUez/4Q8G3mxu7BuTNbMWUGslUFcEHGXeKAm5hERckWgQSelxIG6m9LiZ0mUUvGklWyLgURN0dq3gWeepREgiUCQ4PTTSu7P9pP/1gwe6Ozuy+tS07ZmNWQ+aPl5rZMJmWtcAkUwlmuALjus/9tiTb6vxX1kveNZ5KhGVncB24Dag99Y9N3fdf9/dXarNA8pj/2kcTsRbjBpAWyYtAZE0E80d1iMPHR4u+cwCI8DbqvzIad/lJNwTb/RocVaVp4HY0PA5ABSJBEDPTd0AuIVKCKaZKpw9O8qzzzw/rOqj4Fnv8eJmzkZn1WsegAiJzpAEwI7tZmhiATB4Znj62Ween1IL9U11kjfy0eGvPAFURhrGbYaGz+E5FA997+7rVUZJ9FDqn6dHp3//bBP8y6p8bzMANroGohLm/jcAe5B8GeCRB7+5d1/vp/HmGwdXg2dGJo786tgkMBpxmdnlTt5Wk/WezK2dhGQfsFeR6Npz803XHjl6bGLwjZFJYFAdWNmRdbQh2WoCH5KQfALoVqd53Xs/e0t3BPyg2ttuCjzrOJlbVZ47ejj8GSidVKnHKWBw8I2RF4AXFPjJKPhI3w3LVlqgOaaKQimlQu2syqrcki/rm30PrCR1Bbai3CXR3KRvEfioXMmvlCHY8ir3bUr+vz50e/Pepm2iS31xxRX+Ev2xt0Dsav27zVbJfwEXZLtgYPxPXAAAAABJRU5ErkJggg==);
--icon-unwatch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJD0lEQVRogdVabWhb1xl+ZF3JV9aHnciRP+Q6NlGVerh0rsGhJd7WZKVlTJRlZLCxHxspKRuBDrYfG4z92o/98Y9Bw3BrE1yPDbolJdPwGpK4Xec5eCXyNNq6k+0olePYdZxalr9u9Lkf9z3Se4+u/NEYRl54OffonvOe5zkf73nPubIUCgX0fc+CR1Wq/t8AHlYeeQLKHstbABQk4gWpjJw3swEAVimfM7Gxk61dEbCQVpGKZw4gAyDPgBSYchsWqseVL8AcgCzZylFa2I7ITgQsrAEnpTapzEEAn7F8htJN9lsBgIOe7ZT6KU1K9h5QusoIpr8IAQu9r6G8m1QmUAuggZFYqWBP2Glgv/nJJpc0gReSItKmJCoREOCrJfDNZMzPyorGGgEsEsEN9l4Mv5NIiLotlB5gZecYgQSlTrJnSsKMgABvBaCSNhMBP4D2zufONPvauvwA/CvL8bn4zfBi8m7sP1TfA2CJNVwg4DUADpEtf9fXz/ib2ruO1TV1NVO9ROLjd+fG/vzL91inrAK4R88bJlhhMdnILABc9NwAoA7AEwAQ7Amdev4H/SfVOoenVFzVW//4H/8du/ibGwtTox8BmKWXM2ztHAWAprauZ49/99e9rU+e6OD1hczc/NPWlf6zr1HdGW09uUyjAZpOhkUtExAPLmq4EUAnAITOvX4q2PPNb0FxwChGALGJ8PXwb7/zDmVnaUQA4Giw5/TR0E/ePLVdfUADgK3zZ5teIwJTbDqlqJDweGUbmYWBd4mRCPaEdPC7kOCx0ydDr751DkAAwBHqeR38ubdeKq+RkhQA4HjhldeFjcfIUdRSZxgwmxEQ4qIR6Aid698VeEbicPDY6QCAFyXw1vLS85LqEugOOQLdoQADzzEXccqL2Eq/1ZE2nzh9pgfKFCuiSVWaTEmEXv3FyfNnx0YAoKP3+AkokybgASAu5ReKT1996dhXPvz78Hu0+DXyQg9osytAGgGLlG8AgPae493mDZMUPq346oVXft4Z6D7eHOjurdtrXQBQGzu8/mDns9LPho6QR0AQaAQAz0FfY52/9YChhHafteAtB2I5XHwMdPe2Brp7Pbx6RdCavv/lCIJV1au1BDtb5mMfttAeARaC5GUCIr4RO2WD/0jnU+Jlcl73ZHXWGUagHnDdASytZKHVDJp57+cTQCEBrDcVwQNABhqsqgd5bQ1Vqhv+xzsfo1civcXNcAIiyhRzzOpx2dxYXgRSCyUUeRa6rCcBzap7y3ofkPsIUOaxreRoDS3RXN80rgE1awdwH3B5gfUUmg7UFahTpym+MmxanEDZIvO3BfxIUUNrlOakUGcrDxzyActLet5BUXGttxz86n1gI1XK31swBtEAkJNgKF55WBXSjEzALG8En1owjgAA5CWvVAtzWaW1o9h04EXbsj0ArvoKRspFBpw1LeVuKpEAgBRr1KWWer/eB6wuE+Bl8xbzAJYWS3mNdYBHWi4ub7nX3oaAiC9qaeFtapqm5ar0Mc5XWZFTHFC37gNON7CxppdOEjGbHcik9IlotzOzLFTIpIFsBkjngIyYOw7AQeGSxU7hYxWQWQGyNqysbKTozOChgHKJn97MpoxYhf6FRPxOxzPPfCm3zlyn06PPY0HCxsCmMzpIHjgqUqxjoTluo1RxwlTcPvHE/W5CniV848pJ51IszsUnijue2wury1siAegk7DZdhVTbjWqTVIjdqisA1Dh1ddQALl+pjMuHxPRUgoALIgaccizEDwzzC4k4tOkbiSJwAKgR4CkVwJxOnUi1pLLYrYDTro+AzaoDB3TwQtw+ncj60tbYXy/JO1/FEQD1dpaOhSsAElffj1xGVoNVdcJ2qFXnWKPq6rCWnJoCwGEHqnJGrU4b1cbcpKoCtrSuqlXXQy2AageyScQ+mRqjc8E90jQ77AMmi5hPoRSAVCw6OR379+R08Mtdj+u9Q6OxRpvNluQmrLJjl8TC1oSqAgobXbdx7wi/OXyNFjA/IxsaMLvYWmPB+bxuaPBvxbfCR4vGqlVJTaYRV1UtKQcugx8a7qfHBCOxKp/IzKaQEEFiBsB0eKgCCZmA3b69OlSjCuCu+qLd8NDw1Vg0eovinlUYJc8zZgRyFHNkicAmgOVYdPLaaHjkfSiq7hrrWnStsZdUSerrwqaZq8Oql1GSpTrCDtmdmorPxqLRCVqD69T79+g5K19yVbpWEd5oHcBd8ePkuyOXW454W4NPP9VWLFlNbu/BEmD36aGF8O1Z2g+4r69iU6eauUwAM9Gp5Mgbg3+kaTNHaYodZMrEbA0IhmlGoKjhgeHLsUj0dhkIkSrMHSpOI3jxrtpnCv7K0MXzEvg5CXjZFWOl22mzu0hB4oNdkTBTSL1eek5eGbr4NjkNDh6s903vR7e7WixQyJqhg+pBGs4VAJ+EB4Y3T/3I9/32J9v1g0a1CMSoTzJLRms2AusMGH5OLmrJwV/97AKA20RgmdZdwSz+l2Wn7wOc9ef6SQOfUg8lLv2u7/exyKTxRCKA2nxG5e9IYpHoIgMvdJlUSH672+ndEMgD2GIkEpxEeGDwQiwyOWpoRAbPSTDw4YHhv0jgbzPwmzuBR4Wrxe3IOhjpVgCHAXgBtAWf7vpa6OUzz0FRS8bSNI3sHLyGWCQaIfB3kdU+Y+BBoDdlf19J9vKFpkB3MzYiIs6WKwDWY5FJ+8iFP2yd+OFPny9+A6g6AFU1htPj4Uv/uvH24ARdO96hdbXKQgRtN19mviiBvMnNlgj+I1MfjCOdA158mZFg9cP9fddjE6PXaLHeoTTNps3WTl9kZNnrRz5hWKPGPqf8An0biMxGxq++M9DXL4XmOvib49cl8JDA7zjnH5YAFzES4oArSNyajYzPnv/xtwWJQri/b4DAxyXwIt3a7ZyXZa9fKWVJ05pYYB82NIpob4+80TfT/kTX4djE6D9ZTy+yeQ/aZ/bU61z24oW2E/EpysO+eYkLFjftH2AkBPiKO+xu5WFHQMgDIpFiU2GVSNyVyu4beOwjAbCgSz6SKWwE+PuHBk/G44gXvlH8od0y8jD2LDQCYk6K3pa/vO8LeOzzCGCvPnw/5JH/s8f/AOu9SIdQdF9+AAAAAElFTkSuQmCC);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}

ol.references > li:target, sup.reference:target, cite:target {
background: var(--background-color-interactable-subtle);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust other colors to match lighter base background */
--border-color-subtle: #131416;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;

/* Adjust icon colors to match content background */
--fix-ooui-icon-filter-progressive: hue-rotate(-10deg) saturate(0.4) brightness(1.7);
--color-progressive: #729FD6; /* result of applying the icon filter to a progressive icon (initial #36c) */
--background-color-progressive-subtle: #2D333A; /* from color-mix(var(--color-progressive), var(--background-color-base) 85%); */

/* Use same color for progressive icons and links; tweak other link state colors */
--link-color: var(--color-progressive);
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #fff5;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, &:not(.ve-activated) .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}