Final Fantasy XIV Online Wiki - User contributions [en]

MediaWiki:Common.css

2026-07-02T20:41:28Z

Erin Umbreon: Undo revision 1463161 by Erin Umbreon (talk)

/* 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");

/* 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 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}

/* 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,
body.page-Main_Page.ns-subject h1.firstHeading {
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;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
padding-left: 16px;
padding-right: 16px;
}

/* 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;
}

/* 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;
}

/* 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;
}

/*Removes header from front page*/

body.page-FF14_Wiki h1.firstHeading {
display: none;
}

/* 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;
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;
}

/* Style theme toggle button to work better outside wiki.gg */
#pt-themes {
--color-base: currentcolor; /* ensure icon is visible in all themes */
margin: -0.4rem 0;
padding: 0;
inset: unset;
font-size: 0.75em;
margin-left: .75em;
font-weight: bold;
}

/* simple button specific */
#pt-themes .ext-themetoggle-simple-icon {
position: absolute;
bottom: calc(-0.6rem);
right: 0;
}
/* end simple button-specific */

/* dropdown-specific */
#pt-themes > label {
padding: .5em;
padding-right: calc(.75em + 16px);
display: block;
}
#pt-themes > label > span:first-child {
display: inline;
color: inherit;
font-size: inherit;
margin-right: 0;
}
#pt-themes > label > span:first-child::after {
content: ":\20";
}
#pt-themes > label > span:last-child {
display: inline;
}
#pt-themes > label::after {
top: calc(.5em - 1px);
right: .5em;
transform: scale(.8);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
/* end dropdown-specific */

.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;
}
/* 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);
}

/* Light mode default colors */
table.stdt__table_v2 {
--stdt__table-border-color: #aaa;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: lightgray;
--stdt__table-header-background-highlight: white;
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 3px;
--stdt__table-subheading-background: lightgray;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;
--stdt__table-odd-row-background: #e9e9e9;
}

/* Dark theme default colors */
html.view-dark table.stdt__table_v2 {
--stdt__table-border-color: #686868;
--stdt__table-background: black;
--stdt__table-header-background-primary: black;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-background-strength: 5%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: #232323;
--stdt__table-background: #232323;
--stdt__table-odd-row-background: #fff2;
--stdt__table-heading-color: white;
--stdt__table-subheading-color: white;
--stdt__table-body-color: inherit;
}

/* 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:Theme-meteor.css

2026-07-02T20:39:53Z

Erin Umbreon: why did i invite this on myself

/* New fonts for 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');

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

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
.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);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

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

:root {
/* 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; */

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

/* 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 */
:root {
--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) {
:root {--mw-panel-width: 12rem}
/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
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 */
:root {
--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,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#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 - var(--fixed-width)) / 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 */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
:root {
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);
}

/* 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);
}

MediaWiki:Theme-meteor.css

2026-07-02T20:32:39Z

Erin Umbreon: i simply do not understand what is happening

/* New fonts for 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');

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

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
.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);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

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

:root {
/* 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; */

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

/* 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 */
:root {
--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) {
:root {--mw-panel-width: 12rem}
/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
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 */
:root {
--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,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-size: 200px;
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 - var(--fixed-width)) / 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 */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
:root {
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);
}

/* 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);
}

MediaWiki:Theme-meteor.css

2026-07-02T20:30:26Z

Erin Umbreon: i do not understand firefox

/* New fonts for 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');

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

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
.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);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

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

:root {
/* 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; */

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

/* 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 */
:root {
--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) {
:root {--mw-panel-width: 12rem}
/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
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 */
:root {
--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,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-size: 1000px;
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 - var(--fixed-width)) / 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 */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
:root {
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);
}

/* 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);
}

MediaWiki:Theme-meteor.css

2026-07-02T20:27:34Z

Erin Umbreon: egh

/* New fonts for 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');

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

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
.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);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

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

:root {
/* 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; */

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

/* 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 */
:root {
--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) {
:root {--mw-panel-width: 12rem}
/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
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 */
:root {
--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,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-size: 9999px;

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 - var(--fixed-width)) / 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 */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
:root {
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);
}

/* 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);
}

MediaWiki:Theme-meteor-light.css

2026-07-02T20:24:35Z

Erin Umbreon: oh my god i suck

@import url(https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=MediaWiki:Theme-meteor.css&action=raw&ctype=text/css);

/* 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;
}

MediaWiki:Theme-meteor-light.css

2026-07-02T20:24:12Z

Erin Umbreon: don't override all background properties

@import url(https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=MediaWiki:Theme-meteor.css&action=raw&ctype=text/css);

/* 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;
}

MediaWiki:Theme-meteor.css

2026-07-02T20:23:36Z

Erin Umbreon: update usage of noise texture to always set background-size

/* New fonts for 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');

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

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
.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);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

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

:root {
/* 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; */

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

/* 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 */
:root {
--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) {
:root {--mw-panel-width: 12rem}
/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
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 */
:root {
--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,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
)
background-color: #3F3D3E;
background-size: 100% 100%;

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 - var(--fixed-width)) / 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 */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
:root {
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);
}

/* 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);
}

MediaWiki:Common.css

2026-07-02T20:17:56Z

Erin Umbreon: make noise texture dimensionless to allow for easier sizing via `background-size`

/* 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");

/* 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,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxmaWx0ZXIgaWQ9J25vaXNlJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC43NScgbnVtT2N0YXZlcz0nMycgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPiA8ZmVDb2xvck1hdHJpeCB0eXBlPSdzYXR1cmF0ZScgdmFsdWVzPScwJyAvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNub2lzZSknIG9wYWNpdHk9JzAuNCcvPjwvc3ZnPg==");
}

/* #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}

/* 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,
body.page-Main_Page.ns-subject h1.firstHeading {
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;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
padding-left: 16px;
padding-right: 16px;
}

/* 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;
}

/* 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;
}

/* 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;
}

/*Removes header from front page*/

body.page-FF14_Wiki h1.firstHeading {
display: none;
}

/* 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;
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;
}

/* Style theme toggle button to work better outside wiki.gg */
#pt-themes {
--color-base: currentcolor; /* ensure icon is visible in all themes */
margin: -0.4rem 0;
padding: 0;
inset: unset;
font-size: 0.75em;
margin-left: .75em;
font-weight: bold;
}

/* simple button specific */
#pt-themes .ext-themetoggle-simple-icon {
position: absolute;
bottom: calc(-0.6rem);
right: 0;
}
/* end simple button-specific */

/* dropdown-specific */
#pt-themes > label {
padding: .5em;
padding-right: calc(.75em + 16px);
display: block;
}
#pt-themes > label > span:first-child {
display: inline;
color: inherit;
font-size: inherit;
margin-right: 0;
}
#pt-themes > label > span:first-child::after {
content: ":\20";
}
#pt-themes > label > span:last-child {
display: inline;
}
#pt-themes > label::after {
top: calc(.5em - 1px);
right: .5em;
transform: scale(.8);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
/* end dropdown-specific */

.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;
}
/* 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);
color: var(--stdt__table-heading-color);
box-shadow: inset 0 1px 0.5px #fff2;

/* stretch the noise texture as wide as we'll possibly need so there's no repeating noise patterns */
background-size: 100vw 100%;
background-repeat: repeat-x;
}

/* 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);
}

/* Light mode default colors */
table.stdt__table_v2 {
--stdt__table-border-color: #aaa;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: lightgray;
--stdt__table-header-background-highlight: white;
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 3px;
--stdt__table-subheading-background: lightgray;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;
--stdt__table-odd-row-background: #e9e9e9;
}

/* Dark theme default colors */
html.view-dark table.stdt__table_v2 {
--stdt__table-border-color: #686868;
--stdt__table-background: black;
--stdt__table-header-background-primary: black;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-background-strength: 5%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: #232323;
--stdt__table-background: #232323;
--stdt__table-odd-row-background: #fff2;
--stdt__table-heading-color: white;
--stdt__table-subheading-color: white;
--stdt__table-body-color: inherit;
}

/* 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:Common.css

2026-07-02T19:57:31Z

Erin Umbreon: further fix gradients by limiting background image size instead of moving it to the bottom

MediaWiki:Common.css

2026-07-01T21:17:50Z

Erin Umbreon: add class for disabling animation on tabbers

/* 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");

/* 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 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}

/* 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,
body.page-Main_Page.ns-subject h1.firstHeading {
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;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
padding-left: 16px;
padding-right: 16px;
}

/* 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;
}

/* 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;
}

/* 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;
}

/*Removes header from front page*/

body.page-FF14_Wiki h1.firstHeading {
display: none;
}

/* 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;
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;
}

/* Style theme toggle button to work better outside wiki.gg */
#pt-themes {
--color-base: currentcolor; /* ensure icon is visible in all themes */
margin: -0.4rem 0;
padding: 0;
inset: unset;
font-size: 0.75em;
margin-left: .75em;
font-weight: bold;
}

/* simple button specific */
#pt-themes .ext-themetoggle-simple-icon {
position: absolute;
bottom: calc(-0.6rem);
right: 0;
}
/* end simple button-specific */

/* dropdown-specific */
#pt-themes > label {
padding: .5em;
padding-right: calc(.75em + 16px);
display: block;
}
#pt-themes > label > span:first-child {
display: inline;
color: inherit;
font-size: inherit;
margin-right: 0;
}
#pt-themes > label > span:first-child::after {
content: ":\20";
}
#pt-themes > label > span:last-child {
display: inline;
}
#pt-themes > label::after {
top: calc(.5em - 1px);
right: .5em;
transform: scale(.8);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
/* end dropdown-specific */

.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;
}
/* 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-position: bottom;
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);
}

/* Light mode default colors */
table.stdt__table_v2 {
--stdt__table-border-color: #aaa;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: lightgray;
--stdt__table-header-background-highlight: white;
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 3px;
--stdt__table-subheading-background: lightgray;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;
--stdt__table-odd-row-background: #e9e9e9;
}

/* Dark theme default colors */
html.view-dark table.stdt__table_v2 {
--stdt__table-border-color: #686868;
--stdt__table-background: black;
--stdt__table-header-background-primary: black;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-background-strength: 5%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: #232323;
--stdt__table-background: #232323;
--stdt__table-odd-row-background: #fff2;
--stdt__table-heading-color: white;
--stdt__table-subheading-color: white;
--stdt__table-body-color: inherit;
}

/* 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>*/

Sinus Ardorum

2026-07-01T21:15:13Z

Erin Umbreon: /* Maps */ disable tab switch animation for easier comparison

{{Area infobox
| type = zone
| within = The Sea of Stars
| description = Surrounded by a multitude of craters, this environmentally stable sector was chosen to host the now thriving Moongate Hub. With the subsequent construction of its very own cosmoport, the base has truly become a gateway to the stars and beyond.
| map = Sinus Ardorum Map No Text.jpg
| connections = [[Mare Lamentorum]] (C) [[Phaenna]] (C) [[Oizys]] (C) [[Auxesia]] (C)
| icon = Sinus Ardorum render.png
| weather = fair skies, moon dust, umbral wind
| weather-red-alert = astromagnetic storm, meteor showers, sporing mist
| screenshot = Cosmic Exploration4.jpg
| ss-text = Sinus Ardorum
| release = dawntrail
| patch = 7.21
}} Released in [[patch 7.21]], it is the first of four zones associated with [[Cosmic Exploration]]. Geographically, it is a region on [[the Source]]'s moon that is separate from [[Mare Lamentorum]]. Players can travel to Sinus Ardorum at any time by speaking with [[Drivingway]] in [[Bestways Burrow]], Mare Lamentorum {{convert coordinate|21.9, 13.2}}.
[[File:Drivingway location.png|right|300px]]

==Unlock==
*Quest: {{i|A Cosmic Homecoming}}
*Class / Level: Disciple of the Hand or Land level 10+
*Location: [[Old Sharlayan]] {{convert coordinate|12.6, 13.6}}
*Quest-starter: [[Namingway (NPC)|Namingway]]
*Prerequisite: Players must first complete the main scenario quest {{i|Endwalker (Quest)}}.

==Locations==
{{location table header|Sinus Ardorum|showLevel=false}}
|-
| [[The Cosmoor]]
|
: {{map icon|mini-aetheryte}} [[Moongate Hub]]
: {{map icon|landmark}} [[Moongate Hub]]
: {{map icon|landmark}} [[Scream Puff]]
: {{map icon|landmark}} [[Gleamrift]]
: {{map icon|landmark}} [[The Fallen Tears]]
: {{map icon|landmark}} [[Piercingway Tunnel]] (Log 8+)
: {{map icon|landmark}} [[Nadir Lift]] (Log 13+)
|-
| [[Calabash Cove]]
|
: {{map icon|mini-aetheryte}} [[Calabash Cove]]
: {{map icon|landmark}} [[Hollow Harbor]]
|-
| [[Weddingway's Bower]]
|
: {{map icon|mini-aetheryte}} [[Weddingway's Bower]]
: {{map icon|landmark}} [[Blooming Beds]]
: {{map icon|landmark}} [[The Mush-room]]
: {{map icon|landmark}} [[Rock Slide]]
|-
| [[Gleamslope]] (Log 8+)
|
: {{map icon|mini-aetheryte}} [[Gleamslope]]
: {{map icon|landmark}} [[Heimdall Debris]]
|-
| [[Lunar Nadir]] (Log 13+)
|
: {{map icon|mini-aetheryte}} [[Lunar Nadir]]
: {{map icon|landmark}} [[Frozen Briar]]
: {{map icon|landmark}} [[Chlorophosvault]]
: {{map icon|landmark}} [[Fluffcourt]]
: {{map icon|landmark}} [[Aetherial Falls]]
|}

During the [[patch 7.2]] series, additional areas on the map were unlocked sufficient server-wide zone progress. All worlds currently have the entirety of the zone unlocked.

==Shops & Services==
===Merchants===
{{merchant list|Sinus Ardorum}}

===Other services===
*[[File:Intersite Travel Icon.png|32px]] [[Cruisingway]] {{convert coordinate|20.6, 19.5}} - travel to other Cosmic Exploration planets
*[[File:Cosmic Fortune Icon.png|32px]] [[Orbitingway (Sinus Ardorum)|Orbitingway]] {{convert coordinate|21.8, 21.1}} - [[Cosmic Fortune]]
*[[File:Cosmic Research Icon.png|32px]] [[Researchingway (Sinus Ardorum)|Researchingway]] {{convert coordinate|21.1, 21.8}} - [[Cosmic Tools]]
*[[File:Mech Pilot Application Icon.png|32px]] [[Alerot]] {{convert coordinate|22.4, 20.3}} - Mech Ops pilot tickets
*[[File:Starward Standings Icon.png|32px]] [[Starward Standings Stela]] {{convert coordinate|21.2, 21.1}} - Star Contributors rankings are only active on [[Auxesia]], so the stela will display a message that Sinus Ardorum is complete.
*[[File:Emergency Transport Icon.png|32px]] [[Lefleda]] {{convert coordinate|21.8, 21.3}} - quick travel to [[Red Alert]] locations when one is active
*[[Whispering Willow]] {{convert coordinate|21.0, 21.5}} - Sinus Ardorum lore
*Summoning Bell {{convert coordinate|21.0, 21.8}}

==Infrastructure Index==
{{main|Sinus Ardorum/Infrastructure Index}}
Server-wide progression within this zone resulted in the development of new infrastructure, such as a fast travel system for quickly moving to different areas. In later stages, new areas to explore and new missions were unlocked. For the in-game development stages, see the above link.

While the first three stages are progressed rapidly to unlock the initial fast travel system (most servers completed them within hours of the release of [[patch 7.21]]), the subsequent stages require significantly more effort.

==Stellar Missions==
===List of missions by class===
*{{carpenter}} [[Stellar Missions/Sinus Ardorum/Carpenter|Carpenter]]
*{{blacksmith}} [[Stellar Missions/Sinus Ardorum/Blacksmith|Blacksmith]]
*{{armorer}} [[Stellar Missions/Sinus Ardorum/Armorer|Armorer]]
*{{goldsmith}} [[Stellar Missions/Sinus Ardorum/Goldsmith|Goldsmith]]
*{{leatherworker}} [[Stellar Missions/Sinus Ardorum/Leatherworker|Leatherworker]]
*{{weaver}} [[Stellar Missions/Sinus Ardorum/Weaver|Weaver]]
*{{alchemist}} [[Stellar Missions/Sinus Ardorum/Alchemist|Alchemist]]
*{{culinarian}} [[Stellar Missions/Sinus Ardorum/Culinarian|Culinarian]]
*{{miner}} [[Stellar Missions/Sinus Ardorum/Miner|Miner]]
*{{botanist}} [[Stellar Missions/Sinus Ardorum/Botanist|Botanist]]
*{{fisher}} [[Stellar Missions/Sinus Ardorum/Fisher|Fisher]]

===Provisional===
====Time-restricted====
The following missions have time requirements (2 missions per crafter and gatherer). Each time window lasts for 2 hours [[Eorzea Time]]. Rank A EX+ mission availability for a given class is always 12 hours offset from its Rank A mission window. In addition, time-restricted EX+ missions require [[Sinus Ardorum/Infrastructure Index|Development Log 8]] to be unlocked in the world. The FSH EX+ mission requires [[Sinus Ardorum/Infrastructure Index|Development Log 13]] to be unlocked.

All time-restricted missions are prerequisites for certain [[Sinus Ardorum#Sequential|sequential missions]].
{|class="wikitable"
! Time
! Rank A Mission
! Rank A EX+ Mission
|-
| 12:00AM - 1:59AM || {{CRP}} [[CRP]]: [[Packing Materials I (Carpenter)| Packing Materials I]] {{ALC}} [[ALC]]: [[Nutrient Jelly Materials I| Nutrient Jelly Materials I]] || {{GSM}} [[GSM]]: [[EX+: Cosmotized Equipment Materials I (Goldsmith)| Cosmotized Equipment Materials I]]
|-
| 2:00AM - 3:59AM || {{MIN}} [[MIN]]: [[Fine-grade Air Filter Materials I (Miner)| Fine-grade Air Filter Materials I]] || -
|-
| 4:00AM - 5:59AM || {{BSM}} [[BSM]]: [[High-performance Drone Materials I (Blacksmith)| High-performance Drone Materials I]] {{CUL}} [[CUL]]: [[Nutrient-rich Foodstuffs I| Nutrient-rich Foodstuffs I]] || {{LTW}} [[LTW]]: [[EX+: Cosmic Suits I|Cosmic Suits I]]
|-
| 6:00AM - 7:59AM || {{FSH}} [[FSH]]: [[Aetherochemical Samples I| Aetherochemical Samples I]] || -
|-
| 8:00AM - 9:59AM || {{ARM}} [[ARM]]: [[High-performance Drone Materials I (Armorer)| High-performance Drone Materials I]] || {{WVR}} [[WVR]]: [[EX+: Crew Suits I| Crew Suits I]]
|-
| 10:00AM - 11:59AM || {{BTN}} [[BTN]]: [[Fine-grade Air Filter Materials I (Botanist)| Fine-grade Air Filter Materials I]] || -
|-
| 12:00PM - 1:59PM || {{GSM}} [[GSM]]: [[High-performance Drone Materials I (Goldsmith)| High-performance Drone Materials I]] || {{CRP}} [[CRP]]: [[EX+: Biofuel I| Biofuel I]] {{ALC}} [[ALC]]: [[EX+: Dichromatic Compound I| Dichromatic Compound I]]
|-
| 2:00PM - 3:59PM || - || {{MIN}} [[MIN]]: [[EX+: Folkloric Materials I (Miner)| Folkloric Materials I]]
|-
| 4:00PM - 5:59PM || {{LTW}} [[LTW]]: [[Packing Materials I (Leatherworker)| Packing Materials I]] || {{BSM}} [[BSM]]: [[EX+: Cosmotized Equipment Materials I (Blacksmith)| Cosmotized Equipment Materials I]] {{CUL}} [[CUL]]: [[EX+: Whole Meals I| Whole Meals I]]
|-
| 6:00PM - 7:59PM || - || {{FSH}} [[FSH]]: [[EX+: Unidentified Aquatic Specimens I| Unidentified Aquatic Specimens I]]
|-
| 8:00PM - 9:59PM || {{WVR}} [[WVR]]: [[Packing Materials I (Weaver)| Packing Materials I]] || {{ARM}} [[ARM]]: [[EX+: Cosmotized Equipment Materials I (Armorer)| Cosmotized Equipment Materials I]]
|-
| 10:00PM - 11:59PM || - || {{BTN}} [[BTN]]: [[EX+: Folkloric Materials I (Botanist)| Folkloric Materials I]]
|}

====Weather-restricted====
Certain missions in Sinus Ardorum appear in one of two specific weathers: {{weather icon|Moon Dust}} [[Moon Dust]] or {{weather icon|Umbral Wind}} [[Umbral Wind]]. Each of these weathers is available 15% of the time (the remaining being the default {{weather icon|Fair Skies}} [[Fair Skies]] weather), so there is a 30% chance of any weather-restricted missions being up.<ref>https://www.icy-veins.com/ffxiv/cosmic-exploration</ref>

There is no [[skywatcher]] in the zone, but the weather and the corresponding missions that are available can be tracked using [https://lalachievements.com/cosmic/ this site]. This is made possible because the weather directly tracks with that in [[Ultima Thule]]: Umbral Wind in Ultima Thule means Umbral Wind in Sinus Ardorum, and Astromagnetic Storm in Ultima Thule means Moon Dust in Sinus Ardorum.

Weather-restricted missions are distinct from critical missions, which only spawn during [[Red Alert]]s and are specific per world.

There are four weather-restricted missions for each crafter, six each for miner/botanist, and five for fisher. In addition, some weather-restricted missions require two classes.

{| class="wikitable"
! Class
! {{weather icon|Moon Dust}} [[Moon Dust]]
! {{weather icon|Umbral Wind}} [[Umbral Wind]]
|-
| {{CRP}} [[CRP]] || [[EX+: High-quality Crafting Tools]] [[EX+: Lunar Tools]] (with {{BTN}} [[BTN]]) || [[EX: Work Support Equipment (Carpenter)]]* [[EX+: Elevating Platforms]]
|-
| {{BSM}} [[BSM]] || [[EX: Work Support Equipment (Blacksmith)]]* [[EX+: Impact-resistant Material Processing (Blacksmith)]] || [[EX+: High-durability Material Processing (Blacksmith)]] [[EX+: Automaton Digging]] (with {{MIN}} [[MIN]])
|-
| {{ARM}} [[ARM]] || [[EX+: Impact-resistant Material Processing (Armorer)]] || [[EX: Workspace Lighting]]* [[EX+: High-durability Material Processing (Armorer)]] [[EX+: High Burn Furnace]] (with {{BTN}} [[BTN]])
|-
| {{GSM}} [[GSM]] || [[EX: Work Support Mechanical Arms]]* [[EX+: Impact-resistant Material Processing (Goldsmith)]] || [[EX+: High-durability Material Processing (Goldsmith)]] [[EX+: Crystallic Gems]] (with {{FSH}} [[FSH]])
|-
| {{LTW}} [[LTW]] || [[EX+: Safety Shoes]] [[EX+: Lunar Leather]] (with {{MIN}} [[MIN]]) || [[EX: Familiar Furnishings (Leatherworker)]]* [[EX+: Gatherer's Overalls]]
|-
| {{WVR}} [[WVR]] || [[EX: Familiar Furnishings (Weaver)]]* [[EX+: Cold-weather Work Hats]] || [[EX+: Crafter's Overalls]] [[EX+: High-quality Floor Tiling]] (with {{MIN}} [[MIN]])
|-
| {{ALC}} [[ALC]] || [[EX+: Stable Medicine]] [[EX+: Mushroom-borne Comfort]] (with {{BTN}} [[BTN]]) || [[EX: Artisan's Mixtures]]* [[EX+: Rust Repellent]]
|-
| {{CUL}} [[CUL]] || [[EX: Portable Nutrients]]* [[EX+: Cured Meat]] [[EX+: Eel Rations]] (with {{FSH}} [[FSH]]) || [[EX+: Cured Seafood]]
|-
| {{MIN}} [[MIN]] || [[EX: Precise Lunar Nadir Survey (Miner)]]** [[EX+: Supplemental Processing Materials (Miner)]] [[EX+: Lunar Leather]] (with {{LTW}} [[LTW]]) || [[EX+: Rare Material Extraction (Miner) (Sinus Ardorum)]] [[EX+: Automaton Digging]] (with {{BSM}} [[BSM]]) [[EX+: High-quality Floor Tiling]] (with {{WVR}} [[WVR]])
|-
| {{BTN}} [[BTN]] || [[EX+: Rare Material Extraction (Botanist) (Sinus Ardorum)]] [[EX+: Lunar Tools]] (with {{CRP}} [[CRP]]) [[EX+: Mushroom-borne Comfort]] (with {{ALC}} [[ALC]]) || [[EX: Precise Lunar Nadir Survey (Botanist)]]** [[EX+: Supplemental Processing Materials (Botanist)]] [[EX+: High Burn Furnace]] (with {{ARM}} [[ARM]])
|-
| {{FSH}} [[FSH]] || [[EX: Foodstuff Emergency]]* [[EX+: Large Aquatic Specimens]] [[EX+: Eel Rations]] (with {{CUL}} [[CUL]]) || [[EX+: Palus Arsenici Ecological Survey]] [[EX+: Crystallic Gems]] (with {{GSM}} [[GSM]])
|}
<nowiki>*</nowiki> Also requires Development Log 8 unlocked in the [[Sinus Ardorum/Infrastructure Index|Infrastructure Index]]. 
<nowiki>**</nowiki> Also requires Development Log 13 unlocked in the Infrastructure Index.

====Sequential====
Completing certain missions with a gold star rank are prerequisites for unlocking other missions. These sequential missions then become available with no time limit. The prerequisite mission needs to be completed with a gold rank each time the player would like to attempt a sequential mission. There are 2-3 missions in a given chain. Some prerequisite missions are time-restricted.

{| class="wikitable"
! Class
! Starting mission
! First sequential mission
! Second sequential mission
|-
| rowspan="5" | {{CRP}} [[CRP]] || {{cex|spacer}} [[Power Transmission Shafts I]] || [[EX: Power Transmission Shafts II]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Carpenter)]] || [[EX: Specialized Materials II (Carpenter)]] || [[EX+: Research Water Tank (Carpenter)]]
|-
| {{cex|spacer}} [[EX: Rest Facility Materials (Carpenter)]] || [[EX+: Rest Facility Furnishings (Carpenter)]]** ||
|-
| {{cex|provisional}} [[Packing Materials I (Carpenter)]] || [[EX: Packing Materials II (Carpenter)]]* || [[EX+: Rover Packing Materials (Carpenter)]]**
|-
| {{cex|provisional}} [[EX+: Biofuel I]]* || [[EX+: Biofuel II]]* || [[EX+: Biofuel III]]*
|-
| rowspan="5" | {{BSM}} [[BSM]] || {{cex|spacer}} [[Hub Furnishings and Fixtures I (Blacksmith)]] || [[EX: Hub Furnishings and Fixtures II (Blacksmith)]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Blacksmith)]] || [[EX: Specialized Materials II (Blacksmith)]] || [[EX+: Research Water Tank (Blacksmith)]]
|-
| {{cex|spacer}} [[EX: Starship Building Materials (Blacksmith)]] || [[EX+: Starship Building Material Processing (Blacksmith)]]** ||
|-
| {{cex|provisional}} [[High-performance Drone Materials I (Blacksmith)]] || [[EX: High-performance Drone Materials II (Blacksmith)]]* || [[EX+: High-performance Drones (Blacksmith)]]**
|-
| {{cex|provisional}} [[EX+: Cosmotized Equipment Materials I (Blacksmith)]]* || [[EX+: Cosmotized Equipment Materials II (Blacksmith)]]* || [[EX+: Cosmotized Equipment Materials III (Blacksmith)]]*
|-
| rowspan="5" | {{ARM}} [[ARM]] || {{cex|spacer}} [[Hub Furnishings and Fixtures I (Armorer)]] || [[EX: Hub Furnishings and Fixtures II (Armorer)]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Armorer)]] || [[EX: Specialized Materials II (Armorer)]] || [[EX+: Priority Sample Storage]]
|-
| {{cex|spacer}} [[EX: Starship Building Materials (Armorer)]] || [[EX+: Starship Building Material Processing (Armorer)]]** ||
|-
| {{cex|provisional}} [[High-performance Drone Materials I (Armorer)]] || [[EX: High-performance Drone Materials II (Armorer)]]* || [[EX+: High-performance Drones (Armorer)]]**
|-
| {{cex|provisional}} [[EX+: Cosmotized Equipment Materials I (Armorer)]]* || [[EX+: Cosmotized Equipment Materials II (Armorer)]]* || [[EX+: Cosmotized Equipment Materials III (Armorer)]]*
|-
| rowspan="5" | {{GSM}} [[GSM]] || {{cex|spacer}} [[Hub Furnishings and Fixtures I (Goldsmith)]] || [[EX: Hub Furnishings and Fixtures II (Goldsmith)]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Goldsmith)]] || [[EX: Specialized Materials II (Goldsmith)]] || [[EX+: Vending Machines]]
|-
| {{cex|spacer}} [[EX: Starship Building Materials (Goldsmith)]] || [[EX+: Starship Building Material Processing (Goldsmith)]]** ||
|-
| {{cex|provisional}} [[High-performance Drone Materials I (Goldsmith)]] || [[EX: High-performance Drone Materials II (Goldsmith)]]* || [[EX+: High-performance Drones (Goldsmith)]]**
|-
| {{cex|provisional}} [[EX+: Cosmotized Equipment Materials I (Goldsmith)]]* || [[EX+: Cosmotized Equipment Materials II (Goldsmith)]]* || [[EX+: Cosmotized Equipment Materials III (Goldsmith)]]*
|-
| rowspan="5" | {{LTW}} [[LTW]] || {{cex|spacer}} [[Base Supplies I]] || [[EX: Base Supplies II]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Leatherworker)]] || [[EX: Specialized Materials II (Leatherworker)]] || [[EX+: Large Research Materials (Leatherworker)]]
|-
| {{cex|spacer}} [[EX: Rest Facility Materials (Leatherworker)]] || [[EX+: Rest Facility Furnishings (Leatherworker)]]** ||
|-
| {{cex|provisional}} [[Packing Materials I (Leatherworker)]] || [[EX: Packing Materials II (Leatherworker)]]* || [[EX+: Rover Packing Materials (Leatherworker)]]**
|-
| {{cex|provisional}} [[EX+: Cosmic Suits I]]* || [[EX+: Cosmic Suits II]]* || [[EX+: Cosmic Suits III]]*
|-
| rowspan="5" | {{WVR}} [[WVR]] || {{cex|spacer}} [[Cosmoliner Materials I]] || [[EX: Cosmoliner Materials II]] ||
|-
| {{cex|spacer}} [[Specialized Materials I (Weaver)]] || [[EX: Specialized Materials II (Weaver)]] || [[EX+: Large Research Materials (Weaver)]]
|-
| {{cex|spacer}} [[EX: Rest Facility Materials (Weaver)]] || [[EX+: Rest Facility Furnishings (Weaver)]]** ||
|-
| {{cex|provisional}} [[Packing Materials I (Weaver)]] || [[EX: Packing Materials II (Weaver)]]* || [[EX+: Rover Packing Materials (Weaver)]]**
|-
| {{cex|provisional}} [[EX+: Crew Suits I]]* || [[EX+: Crew Suits II]]* || [[EX+: Crew Suits III]]*
|-
| rowspan="5" | {{ALC}} [[ALC]] || {{cex|spacer}} [[ Natural Remedy Inspection I]] || [[EX: Natural Remedy Inspection II]] ||
|-
| {{cex|spacer}} [[ Loporrit Habitat Improvements I]] || [[EX: Loporrit Habitat Improvements II]] || [[EX+: Loporrit Habitat Improvements III]]
|-
| {{cex|spacer}} [[EX: Aquaculture Feed I (Alchemist)]] || [[EX+: Aquaculture Feed II (Alchemist)]]** ||
|-
| {{cex|provisional}} [[Nutrient Jelly Materials I]] || [[EX: Nutrient Jelly Materials II]]* || [[EX+: Nutrient Jelly]]*
|-
| {{cex|provisional}} [[EX+: Dichromatic Compound I]]* || [[EX+: Dichromatic Compound II]]* || [[EX+: Dichromatic Compound III]]*
|-
| rowspan="5" | {{CUL}} [[CUL]] || {{cex|spacer}} [[ Worker's Banquet Preparation I]] || [[EX: Worker's Banquet Preparation II]] ||
|-
| {{cex|spacer}} [[Loporrit Dietary Improvement I]] || [[EX: Loporrit Dietary Improvement II]] || [[EX+: Loporrit Dietary Improvement III]]
|-
| {{cex|spacer}} [[EX: Aquaculture Feed I (Culinarian)]] || [[EX+: Aquaculture Feed II (Culinarian)]]** ||
|-
| {{cex|provisional}} [[Nutrient-rich Foodstuffs I]] || [[EX: Nutrient-rich Foodstuffs II]]* || [[EX+: Nutrient-rich Foodstuffs III]]**
|-
| {{cex|provisional}} [[EX+: Whole Meals I]]* || [[EX+: Whole Meals II]]* || [[EX+: Whole Meals III]]*
|-
| rowspan="5" | {{MIN}} [[MIN]] || {{cex|spacer}} [[Hub Vicinity Gathering I (Miner)]] || [[EX: Hub Vicinity Gathering II (Miner)]] ||
|-
| {{cex|spacer}} [[High-grade Energization Materials I (Miner)]] || [[EX: High-grade Energization Materials II (Miner)]] || [[EX+: High-grade Energization Materials III (Miner)]]
|-
| {{cex|spacer}} [[EX: Fine-grade Water Filter Materials I (Miner)]] || [[EX+: Fine-grade Water Filter Materials II (Miner)]]** ||
|-
| {{cex|provisional}} [[Fine-grade Air Filter Materials I (Miner)]] || [[EX: Fine-grade Air Filter Materials II (Miner)]]* || [[EX+: Fine-grade Air Filter Materials III (Miner)]]**
|-
| {{cex|provisional}} [[EX+: Folkloric Materials I (Miner)]]* || [[EX+: Folkloric Materials II (Miner)]]* || [[EX+: Folkloric Materials III (Miner)]]*
|-
| rowspan="5" | {{BTN}} [[BTN]] || {{cex|spacer}} [[Hub Vicinity Gathering I (Botanist)]] || [[EX: Hub Vicinity Gathering II (Botanist)]] ||
|-
| {{cex|spacer}} [[High-grade Energization Materials I (Botanist)]] || [[EX: High-grade Energization Materials II (Botanist)]] || [[EX+: High-grade Energization Materials III (Botanist)]]
|-
| {{cex|spacer}} [[EX: Fine-grade Water Filter Materials I (Botanist)]] || [[EX+: Fine-grade Water Filter Materials II (Botanist)]]** ||
|-
| {{cex|provisional}} [[Fine-grade Air Filter Materials I (Botanist)]] || [[EX: Fine-grade Air Filter Materials II (Botanist)]]* || [[EX+: Fine-grade Air Filter Materials III (Botanist)]]**
|-
| {{cex|provisional}} [[EX+: Folkloric Materials I (Botanist)]]* || [[EX+: Folkloric Materials II (Botanist)]]* || [[EX+: Folkloric Materials III (Botanist)]]*
|-
| rowspan="5" | {{FSH}} [[FSH]] || {{cex|spacer}} [[Aquatic Inspection I]] || [[EX: Aquatic Inspection II]] ||
|-
| {{cex|spacer}} [[Fine-grade Water Filter Materials I]] || [[EX: Fine-grade Water Filter Materials II]] || [[EX+: Fine-grade Water Filter Materials III]]
|-
| {{cex|spacer}} [[EX: Coexisting Species I]] || [[EX+: Coexisting Species II]]* ||
|-
| {{cex|provisional}} [[Aetherochemical Samples I]] || [[EX: Aetherochemical Samples II]]* || [[EX+: Aetherochemical Samples III]]**
|-
| {{cex|provisional}} [[EX+: Unidentified Aquatic Specimens I]]** || [[EX+: Unidentified Aquatic Specimens II]]** || [[EX+: Unidentified Aquatic Specimens III]]**
|}

<nowiki>*</nowiki> Also requires Development Log 8 unlocked in the [[Sinus Ardorum/Infrastructure Index|Infrastructure Index]]. 
<nowiki>**</nowiki> Also requires Development Log 13 unlocked in the Infrastructure Index. 

===Critical===
{{main|Red Alert}}
===={{weather icon|astromagnetic storm}} Astromagnetic Storm====
{{Quotation|Red Alert Warning|We predict an imminent astromagnetic storm. Exercise extreme caution when operating equipment during this time.}}
'''Variant α'''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Astromagnetic Storm (Variant α)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

'''Variant β'''

''Locked by world progression, requires [[Gleamslope]] unlocked (development log 8 or higher)''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Astromagnetic Storm (Variant β)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

===={{weather icon|meteor showers}} Meteor Showers====
{{Quotation|Red Alert Warning|A meteorite shower is approaching Sinus Ardorum! Extreme caution is advised when working outdoors.}}

'''Variant α'''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Meteor Showers (Variant α)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

'''Variant β'''

''Locked by world progression, requires [[Lunar Nadir]] Cosmoliner unlocked (development log 14 or higher)''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Meteor Showers (Variant β)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

===={{weather icon|sporing mist}} Sporing Mist====
{{Quotation|Red Alert Warning|Observations of nearby spongoi suggest an imminent occurrence of sporing mist. We advise that all workers stay alert for irregular specimens.}}

'''Variant α'''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Sporing Mist (Variant α)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

'''Variant β'''
{{Stellar Mission table
| location = Sinus Ardorum
| type = Critical
| red-alert = Sporing Mist (Variant β)
| show-red-alert = true
| sort-rank = false
| name-width = 200
| sort-coords = true
}}

==Mech Ops==
{{main|Mech Ops}}
{{#lsth:Mech Ops|[[Sinus Ardorum]]}}
==FATEs==
All FATEs are limited-time and available only until a successful completion after a new development milestone is reached per [[server]].
{{Fate list|Sinus Ardorum|hide-gemstones=true|id-gt-sort=true}}
==Achievements==
This zone is associated with the following achievements:

{| {{STDT| mech1 sortable align-left}}
{{achievement table header}}
{{achievement table row|One Giant Hop}}
|}
==Music==
{{music table header|condition=y}}
{{music table row|Main|Stargazers}}
{{music table row|FATEs|Carrots of Passion}}
{{music table row|Red Alerts|Carrots of Happiness (Forge Ahead)}}
{{music table row|Mech Ops Pilot Cutscene|Hey, Cid!}}
{{music table row|Mech Ops 1|Battle 1 from FINAL FANTASY IV}}
{{music table row|Mech Ops 2|The Airship}}
|}

==Gallery==
===Maps===
<tabber class="no-animation">
|-|1=
<gallery mode=packed heights=400px>
Sinus Ardorum map1.jpg
</gallery>
|-|2=
<gallery mode=packed heights=400px>
Sinus Ardorum map2.jpg
</gallery>
|-|3=
<gallery mode=packed heights=400px>
Sinus Ardorum map3.jpg
</gallery>
|-|4=
<gallery mode=packed heights=400px>
Sinus Ardorum map4.jpg
</gallery>
|-|5=
<gallery mode=packed heights=400px>
Sinus Ardorum map5.jpg
</gallery>
|-|6=
<gallery mode=packed heights=400px>
Sinus Ardorum map6.jpg
</gallery>
|-|7=
<gallery mode=packed heights=400px>
Sinus Ardorum map7.jpg
</gallery>
|-|8=
<gallery mode=packed heights=400px>
Sinus Ardorum map8.jpg
</gallery>
|-|9=
<gallery mode=packed heights=400px>
Sinus Ardorum map9.jpg
</gallery>
|-|10=
<gallery mode=packed heights=400px>
Sinus Ardorum map10.jpg
</gallery>
|-|11=
<gallery mode=packed heights=400px>
Sinus Ardorum map11.jpg
</gallery>
|-|12=
<gallery mode=packed heights=400px>
Sinus Ardorum map12.jpg
</gallery>
|-|13=
<gallery mode=packed heights=400px>
Sinus Ardorum map13.jpg
</gallery>
|-|14=
<gallery mode=packed heights=400px>
Sinus Ardorum map14.jpg
</gallery>
|-|15=
<gallery mode=packed heights=400px>
Sinus Ardorum map15.jpg
</gallery>
|-|16=
<gallery mode=packed heights=400px>
Sinus Ardorum map16.jpg
</gallery>
|-|17=
<gallery mode=packed heights=400px>
Sinus Ardorum map17.jpg
</gallery>
|-|18=
<gallery mode=packed heights=400px>
Sinus Ardorum map18.jpg
</gallery>
|-|19=
<gallery mode=packed heights=400px>
Sinus Ardorum map19.jpg
</gallery>
|-|20=
<gallery mode=packed heights=400px>
Sinus Ardorum map20.jpg
</gallery>
</tabber>

===Other Images===
<gallery mode=packed heights=200px>
Sinus Ardorum Astromagnetic Storm.jpg|Astromagnetic Storm Red Alert
Sinus Ardorum Meteor Showers.jpg|Meteor Showers Red Alert
Sinus Ardorum Sporing Mist.jpg|Sporing Mist Red Alert
File:Sinus Ardorum hub.png|Sinus Ardorum hub
File:Sinus Ardorum work center.png|work center
File:Sinus Ardorum mech hangars.png|mech hangers
File:Sinus Ardorum spaceport.png|spaceport
File:Sinus Ardorum interstation transport.png|interstation transport
File:Sinus Ardorum travelling between stations.png|travelling between stations
File:Sinus Ardorum habitat module.png|habitat module
File:Piercingway Tunnel Stage 1.jpg|Piercingway Tunnel Stage 1
File:Base Camp Gamma.png|Base Camp Gamma
File:Energy and Water Storage.png|energy and water storage
File:Cosmoport and Hangar Upgrade.png|spaceport and hangar upgrade
File:Nadir Lift Stage 1.jpg|Nadir Lift Stage 1
File:The Nadir Lift.png|Nadir Lift complete
File:Lunar Nadir.png|Lunar Nadir
File:Chlorophosvault.png|Chlorophosvault
File:Sinus Ardorum dome.png|complete hub with dome
File:Sinus Ardorum core.png|hub's core
File:Sinus Ardorum photo shoot.png|celebratory photo shoot
File:Galactic Way on spaceport.png|''Galactic Way'' on spaceport
File:Galactic Way side.png|''Galactic Way'' side view
File:Galactic Way rear.png|''Galactic Way'' rear view
</gallery>

==Lore==
{{Quotation|[[Whispering Willow]]|Sinus Ardorum is what we call this crater we occupy. Believe it or not, we've got a fairly stable living environment nestled in here. They say that Namingway dreamt up the name and its meaning. Fitting, considering he did the same for countless landmarks in Mare Lamentorum some thousand years ago. For a blessing, this place has ready access to stellar currents, making it an ideal port to harbor a starship! I'm told they're akin to the aetherial currents you might find back home.}}

==Trivia==
Sinus Ardorum is Latin for Bay of [https://en.wiktionary.org/wiki/ardor#English Ardor] as in ''passion''. (The "fire" meaning is metaphorical. Literal fire would be ''Sinus Ignium''.)

==Historical Notes==
A number of quality-of-life changes were made in [[Patch 7.3]]<ref>Changes paraphrased from the [https://na.finalfantasyxiv.com/lodestone/topics/detail/c04405c6cbe8519a0b6c8aa5e4d88a5d447419c9 Patch 7.3 Notes], with commentary explaining the player feedback related to changes.</ref>. Many of these addressed player feedback received during the initial launch of [[Cosmic Exploration]]:
* The option "Travel to Sinus Ardorum" was added to the aetheryte in [[Bestways Burrow]]. (Previously players needed to travel to [[Drivingway]] and speak with them in order to travel to Sinus Ardorum.)
* Mounts can be summoned in Sinus Ardorum, although flight is unavailable. (Previously mounts were not allowed.)
* A summoning bell was placed in Sinus Ardorum at {{convert coordinate|21.0, 21.8}}. (Previously players were unable to summon retainers while in this zone.)
* The notation indicating difficulty of Class A missions has been adjusted, with "EX" and "EX+" indicating the second and third tiers of increased difficulty. (Previously the labels "A-1", "A-2", and "A-3" were used to indicate the tiers of difficulty in increasing order, but this was unclear to many players.)
* The time allowed for most [[Stellar Missions]] was increased. The time allowed was not increased for EX+ missions that could be accepted by only one class. (Previously the time limits for many missions were very tight, with many of the most difficult missions being impossible to complete even with best-in-slot gear and buffs unless the players were extremely lucky with random procs during the missions.)
* The sound effects played when starting and completing stellar missions were changed from an 8-bit style to an orchestral style. Mech Ops still use the 8-bit style.
* When completing a stellar mission, the amount of experience gained for bronze and silver ratings was increased such that all rating tiers granted the same amount of experience. (Previously the amount of experience gained was based on whether a player achieved a bronze, silver, or gold rating, with gold awarding the most.)
* When completing missions that can be accepted by multiple classes, each class will earn points toward their cosmic class score. This applies to several missions which involve one part as a gatherer and another part as a crafter. (Previously only the class used when reporting the mission as complete earns cosmic class score.)
* Players can confirm the relative distance to the site of stellar missions via the Stellar Missions window. (Previously there was no indicator, which caused issues for gatherers who may have initiated a mission that was on the opposite side of a large map with limited mission time and limited traversal options.)
* When undertaking stellar missions, the objective and gold star rating requirements will be displayed. (Previously the gold star rating requirements were not displayed until the silver star rating was achieved. This made it difficult for players to plan appropriately for gold star ratings without using external resources.)
* A notification marker indicating the availability of provisional missions will appear in the Stellar Missions window. (Previously no notification indicator displayed, so many players did not know when provisional missions became available to them.)
* Notifications will be displayed when sequential missions become available. (Previously no indicator displayed. This was especially challenging for sequential missions, as many players did not know that sequential missions existed and became available upon the completion of a prerequisite mission.)
* The time limit for accepting sequential missions after they appear was removed. (Previously sequential missions were available for only 5 minutes after the previous quest was reported. This caused issues for gatherer sequential missions, due to the GP replenishment issues at the time.)
* When a [[Red Alert]] has been issued, the time remaining to accept critical missions will be displayed in the Stellar Missions window. (Previously only the time remaining to turn in critical missions was displayed. New critical missions could not be accepted within roughly the last two minutes of the Red Alert.)
* When both Red Alert progress gauges are filled, periodic announcements will indicate that the alert is nearly resolved.
* The Mission in Progress window will automatically display when reporting is the only remaining step to completing a mission. (Previously players needed to open the Mission in Progress window upon completing the objectives for the mission, a minor annoyance due to how frequently it happened.)
* The Mission Log will indicate when further exploration is required to trigger a mission.
* Upon completing gathering stellar missions, gatherers will recover GP equal to the total amount spent during the mission and the recast timer of GP recovery items such as cordials will be reset. (Previously GP was not recovered at all, so gatherers needed to wait several minutes to regenerate GP after a mission, and for the recast timer of cordials to complete.)
* When stellar missions for botanists and miners are graded based on successive gathering chains or gatherer's boons, the evaluation criteria and scores will be displayed in the chat log. (Previously there was no clear communication to players how these were scored, so they may not have understood that longer chains provided substantially more points than shorter ones. As a result, these missions would have appeared impossible for those players, as chains of 4+ were required to get gold star ratings.)
* When stellar missions for fishers are graded based on collectability, {{action icon|Collect (Fisher)|Collect}} must be activated to begin fishing. (Previously Collect was not required to start fishing, but players could not increase their score without Collect active.)
* The time limit of both Mech Ops ("[[Directive: Destroy Corrupted Crystals]]" and "[[Directive: Clear Toxic Lunar Spongoi]]") was increased from 5 minutes to 10 minutes, and the amount by which ground support contributes to the progress gauge during the Mech Ops was increased. (Previously, if no pilots were active for the Mech Ops, it was impossible for ground support players to complete it within the time limit due to the low amount they contributed to the progress gauge.)
* When a project has been completed, and progress advances to the next stage, "Announcement" will be displayed at the top of the screen if no new project is underway.
* A notification window will automatically appear if there has been any progress in ongoing projects since your last visit to a cosmic exploration area.
* Requirements for certain [[Stellar Successes]] were changed. (Previously players needed to "unlock" a particular class of missions to complete some Stellar Successes. The revised requirements are functionally the same, but are clearer for what the player needs to do to complete them. For example, one had the requirement "Unlock class C stellar missions for carpenter on the moon," a process which requires the player to complete three unique class D missions for carpenter. The revised text now says "Complete three unique class D missions for carpenter on the moon.")

==References==
<references/>

==Navigation==
{{Cosmic Exploration nav}}
{{Zone nav}}
[[Category:Cosmic Exploration]]

Template:Work in progress/doc

2026-06-29T21:03:03Z

Erin Umbreon:

{{documentation subpage}}

{<nowiki/>{'''work in progress'''|<nowiki>~~~~</nowiki>}}

A notice that a page (especially a template or module) is incomplete, actively being worked on, and may be subject to major changes in the near future. Such pages should not be relied on until the notice is removed by the user who placed it.

When adding this hatnote to a page, your signature (i.e. <code><nowiki>~~~~</nowiki></code>) must be in the first parameter. This lets others know who's working on what. Additional information about the state of the work can be included before the signature if desired.

When used in template documentation, automatically adds [[:Category:WIP templates]] to the page being documented.
* If using {{tl|Documentation}} and a <code>/doc</code> subpage, place the hatnote on the documentation subpage, underneath the {{tl|documentation subpage}} hatnote.
* Otherwise, include the hatnote directly in the template page inside a <code><nowiki><noinclude></nowiki></code> tag.

<includeonly>

[[Category:Template documentation templates]]
[[Category:Noticebox templates]]
</includeonly>

Template:Work in progress

2026-06-29T20:59:07Z

Erin Umbreon:

<includeonly>{{#ifeq:{{SUBPAGENAME}}|doc|{{#vardefine:templatemeta__wip|y}}|{{#ifeq:{{FULLPAGENAME}}|Template:Work in progress||[[Category:WIP templates]]}}}}{{#if:{{{1|}}}
| {{noticebox
| title = Work in progress
| content = This {{article noun}} is a work in progress and may not be complete. {{{1}}}
}}
| Error: Signature is required. Use {{tlx|Work in progress|~~<nowiki/>~~}} instead.
}}</includeonly><noinclude>
{{documentation}}

== Examples ==
<pre>{{work in progress|~~~~}}</pre>
{{work in progress|[[User:Erin Umbreon|Erin Umbreon]] ([[User talk:Erin Umbreon|talk]]) 21:56, 15 January 2026 (UTC)}}
Note: The <code><nowiki>~~~~</nowiki></code> is substituted for your signature and the current date/time when saving the page.

<pre>{{work in progress|Parameter names may still change. ~~~~}}</pre>
{{work in progress|Parameter names may still change. [[User:Erin Umbreon|Erin Umbreon]] ([[User talk:Erin Umbreon|talk]]) 01:47, 16 January 2026 (UTC)}}

Template:Infobox/styles.css

2026-06-29T19:10:03Z

Erin Umbreon: hopefully fix border funkiness

/** INFOBOXES **/
div.infobox-n {
float: right;
position: relative;
width: 300px;
background: #fff;
font-size: 0.923em;
border: 1px solid #aaa;
margin: 0 0 1em 1em;
padding: 0;
}

div.infobox-n .icon {
float: right;
position: relative;
z-index: 2;
width: auto;
}

div.infobox-n .icon p {
text-align: center;
color: #444;
font-size: 9px !important;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0.75em;
line-height: 1em;
margin: 0.25em -0.5em;
padding: 2px;
}

div.infobox-n .wrapper {
clear: both;
padding: 0;
}

div.infobox-n .statistics,
div.infobox-n .details {
text-align: center;
margin: 0 8px;
}

div.infobox-n .statistics span + span,
div.infobox-n .details span + span {
margin-left: 5px;
}

div.infobox-n .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.infobox-n .heading {
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.417em !important;
color: #fff !important;
background-color: #444;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
line-height: 1.176em;
font-size-adjust: 0.43;
padding: 0.5em !important;
}

div.infobox-n .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.infobox-n .subheading {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.25em !important;
color: #fff !important;
background-color: #444;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
z-index: 1;
line-height: 1.333em;
font-size-adjust: 0.43;
padding: 0.567em !important;
}

div.infobox-n dl {
margin: 10px 0;
display: grid;
grid-template-columns: auto auto;
}
div.infobox-n dt,
div.infobox-n dd {
line-height: 1.4em;
margin: 0;
padding: 2px 7px;
}
div.infobox-n dt {
grid-column: 1;
justify-self: end;
text-align: right;
align-self: start;
font-weight: bold;
margin: 0;
}
div.infobox-n dd {
grid-column: 2;
justify-self: start;
align-self: center; /* in case label wraps */
font-weight: normal;
border-left: 2px solid #999;
}

div.infobox-n .image_wrapper {
text-align: center;
padding: 0;
margin: 10px 0;
}

div.infobox-n::after,
div.infobox-n .heading::after,
div.infobox-n .subheading::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.infobox-n::after {
bottom: -4px;
}

div.infobox-n .heading::after,
div.infobox-n .subheading::after {
bottom: -3px;
}

div.infobox-n table {
background-color: transparent;
}

div.infobox-n.healer-role dd,
div.infobox-n.healer-role dt {
border-color: #2a491d !important;
}

div.infobox-n.healer-role .heading,
div.infobox-n.healer-role .subheading {
background-color: #3c6829 !important;
}

div.infobox-n.tanker-role dd,
div.infobox-n.tanker-role dt {
border-color: #4871a0 !important;
}

div.infobox-n.tanker-role .heading,
div.infobox-n.tanker-role .subheading {
background-color: #5587c1 !important;
}

div.infobox-n.dps-role dd,
div.infobox-n.dps-role dt {
border-color: #9a4848 !important;
}

div.infobox-n.dps-role .heading,
div.infobox-n.dps-role .subheading {
background-color: #bb6363 !important;
}

div.infobox-n.pet-role dd,
div.infobox-n.pet-role dt {
border-color: #479e91 !important;
}

div.infobox-n.pet-role .heading,
div.infobox-n.pet-role .subheading {
background-color: #5fb7aa !important;
}

div.infobox-n.crafting-role dd,
div.infobox-n.crafting-role dt {
border-color: #777d9e !important;
}

div.infobox-n.crafting-role .heading,
div.infobox-n.crafting-role .subheading {
background-color: #878eb5 !important;
}

div.infobox-n.gathering-role dd,
div.infobox-n.gathering-role dt {
border-color: #5a8019 !important;
}

div.infobox-n.gathering-role .heading,
div.infobox-n.gathering-role .subheading {
background-color: #78a923 !important;
}

div.infobox-n.mixed-role dd,
div.infobox-n.mixed-role dt {
border-color: #ac8920 !important;
}

div.infobox-n.mixed-role .heading,
div.infobox-n.mixed-role .subheading {
background-color: #deb94e !important;
}

div.infobox-n.buff dd,
div.infobox-n.buff dt {
border-color: #399 !important;
}

div.infobox-n.buff .heading,
div.infobox-n.buff .subheading {
background-color: #399 !important;
}

div.infobox-n.debuff dd,
div.infobox-n.debuff dt {
border-color: #363 !important;
}

div.infobox-n.debuff .heading,
div.infobox-n.debuff .subheading {
background-color: #363 !important;
}

div.infobox-n.mount dd,
div.infobox-n.mount dt {
border-color: #b042bd !important;
}

div.infobox-n.mount .heading,
div.infobox-n.mount .subheading {
background-color: #cf72da !important;
}

div.infobox-n.armor dd,
div.infobox-n.weapon dd,
div.infobox-n.trinket dd,
div.infobox-n.item dd,
div.infobox-n.armor dt,
div.infobox-n.weapon dt,
div.infobox-n.trinket dt,
div.infobox-n.item dt {
border-color: #c30;
}

div.infobox-n.armor .heading,
div.infobox-n.weapon .heading,
div.infobox-n.trinket .heading,
div.infobox-n.item .heading,
div.infobox-n.armor .subheading,
div.infobox-n.weapon .subheading,
div.infobox-n.trinket .subheading,
div.infobox-n.item .subheading {
background: #c30;
}

div.infobox-n.skin dd,
div.infobox-n.skin dt {
border-color: #c4003e;
}

div.infobox-n.skin .heading,
div.infobox-n.skin .subheading {
background: #c4003e;
}

div.infobox-n.recipe {
width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 1em 0;
}

div.infobox-n.recipe .heading,
div.infobox-n.recipe .subheading {
font-size: 1.133em;
background: #533610;
}

div.infobox-n.recipe .wrapper {
padding: 0 10px;
}

div.infobox-n.crafting .heading,
div.infobox-n.crafting .subheading {
background: #533610;
}

div.infobox-n.crafting dd,
div.infobox-n.recipe dd,
div.infobox-n.crafting dt,
div.infobox-n.recipe dt {
border-color: #533610;
}

div.infobox-n.npc dd,
div.infobox-n.npc dt {
border-color: #390;
}

div.infobox-n.npc .heading,
div.infobox-n.npc .subheading {
background: #390;
}

div.infobox-n.action dd,
div.infobox-n.action dt {
border-color: #999;
}

div.infobox-n.trait dd,
div.infobox-n.trait dt {
border-color: #bb7639;
}

div.infobox-n.trait .heading,
div.infobox-n.trait .subheading {
background: #444;
}

div.infobox-n.trait .heading,
div.infobox-n.trait .subheading {
background: #ce8d54;
}

div.infobox-n.effect .debuff {
background: #363;
}

div.infobox-n.effect .buff {
background: #399;
}

div.infobox-n.pet dd,
div.infobox-n.pet dt {
border-color: #360;
}

div.infobox-n.pet .heading,
div.infobox-n.pet .subheading {
background: #360;
}

div.infobox-n.quest dd,
div.infobox-n.quest dt {
border-color: #eea63a;
}

div.infobox-n.quest .heading,
div.infobox-n.quest .subheading {
background: #efaa43;
}

div.infobox-n.duty dd,
div.infobox-n.duty dt {
border-color: #fb6537;
}

div.infobox-n.duty .heading,
div.infobox-n.duty .subheading {
background: #fb6537;
}

div.infobox-n.fate dd,
div.infobox-n.fate dt {
border-color: #bd50d7;
}

div.infobox-n.fate .heading,
div.infobox-n.fate .subheading {
background: #9334be;
}

div.infobox-n.area dd,
div.infobox-n.area dt {
border-color: #306;
}

div.infobox-n.area .heading,
div.infobox-n.area .subheading {
background: #306;
}

@media print {
div.infobox-n .heading,
div.infobox-n .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
}

/* Item statistics */
.infobox-n .statistics.item,
.infobox-n .statistics.weapon {
background-color: #ffece5;
border-bottom: 1px solid #ffdacc;
border-top: 1px solid #ffc7b3;
padding-left: 2em;
margin: 0;
white-space: nowrap;
}
.infobox-n .statistics.item.empty,
.infobox-n .statistics.weapon.empty {
border: none;
}

.infobox-n .statistics.item .characteristic,
.infobox-n .statistics.weapon .characteristic {
font-size: 82%;
font-weight: bold;
}

.infobox-n .statistics .unique {
color: #b39e42;
}
.infobox-n .statistics .untradable {
color: #31b434;
}

/* Mount details */
.infobox-n .details.mount {
background-color: #fce5ff;
border-bottom: 1px solid #f9ccff;
border-top: 1px solid #f6b3ff;
padding-left: 2em;
margin: 0;
}

.infobox-n .details.mount.empty {
border: none;
}

.infobox-n .details.mount .characteristic {
font-size: 82%;
font-weight: bold;
}

/* NPC statistics */
.infobox-n .statistics.hunt {
font-weight: bold;
font-style: italic;
font-size: 0.9em;
text-shadow: 0px 0px 1px #333;
}
.infobox-n .statistics.hunt.rank-a {
background: linear-gradient(to right, #fd2424, #fffdbc);
border-bottom: 1px solid #ffcc80;
border-top: 1px solid #ffad33;
margin: 0;
}
.infobox-n .statistics.hunt.rank-b {
background: linear-gradient(to right, #009e81, #d8fdf6);
border-bottom: 1px solid #75f0d9;
border-top: 1px solid #17cfad;
margin: 0;
}
.infobox-n .statistics.hunt.rank-s {
background: linear-gradient(to right, #c619ff, #feffff);
border-bottom: 1px solid #c180ff;
border-top: 1px solid #a733ff;
margin: 0;
}

.infobox-n .image_wrapper .image img {
width: auto;
height: auto;
/* NOTE: these dimensions are also hardcoded in {{infobox image}}; don't update one without updating the other */
max-width: 280px;
max-height: 420px;
}

.infobox-n .tabber__tabs {
justify-content: safe center;
}

/* make the Mobile infobox above content and centered/fullwidth */
body.skin-minerva .infobox-n {
float: none;
margin-inline: 0;
width: 100%;
overflow: hidden; /* force floated descendents to be inside bounding box */
}

.infobox-n .clear {height: 5px}

/* Weapon infobox stat boxes */
.weapon-damage-stats,
.armor-defense-stats {
border-collapse: collapse;
margin-bottom: 10px;
}

.weapon-damage-stats sup,
.armor-defense-stats sup {
font-size: 0.7em;
font-weight: bold;
}

.weapon-damage-stats td,
.weapon-damage-stats th,
.armor-defense-stats td,
.armor-defense-stats th {
text-align: left;
padding: 1px 4px;
}

.weapon-damage-stats th:nth-child(1) {
background-image: linear-gradient(to right, #ff4000, #ff8c66);
border-left: 1px solid #f63;
}
.weapon-damage-stats th:nth-child(2) {
background-image: linear-gradient(to right, #ff8c66, #ffece5);
}
.weapon-damage-stats th:nth-child(3) {
background-image: linear-gradient(to right, #ffece5, transparent);
}

.armor-defense-stats th:nth-child(1) {
background-image: linear-gradient(to right, #ff4000, #ffece5);
border-left: 1px solid #f63;
}
.armor-defense-stats th:nth-child(2) {
background-image: linear-gradient(to right, #ffece5, transparent);
}

.weapon-damage-stats td,
.armor-defense-stats td {
background: #fff8f5;
}
.weapon-damage-stats td:nth-child(1),
.armor-defense-stats td:nth-child(1) {
border-left: 1px solid #f63;
}
.weapon-damage-stats td:nth-child(3),
.armor-defense-stats td:nth-child(2) {
background-image: linear-gradient(to right, #fff8f5, #fff);
}

.equipment-footer {
font-size: 0.98em;
margin-top: 6px;
}

.equipment-footer .adv-melding {
color: #ea3e69;
}

.equipment-footer .equip-props {
font-weight: bold;
color: #666;
}

.equipment-footer .equip-props .equip-prop.no {
color: #bababa;
text-decoration: line-through;
font-weight: normal;
}

.equipment-footer .equip-props .equip-prop.yes {
color: #090;
font-weight: normal;
}

/* Dark theme */
@media screen {
html.view-dark .infobox-n {
border: 1px solid #383838 !important;
background-color: #181818 !important;
}
html.view-dark .infobox-n .heading {
margin: -1px -1px 5px !important;
border: 1px solid #383838 !important;
background-image: none !important;
}
html.view-dark .infobox-n .subheading {
background-image: none !important;
}
html.view-dark .infobox-n .statistics.item,
html.view-dark .infobox-n .statistics.weapon {
background-color: #2E3134 !important;
border-top-color: #383838 !important;
border-bottom-color: #383838 !important;
}
html.view-dark .infobox-n .details.mount {
background-color: #2E3134 !important;
border-top-color: #383838 !important;
border-bottom-color: #383838 !important;
}
}

MediaWiki:Theme-meteor-light-Vector.css

2026-06-29T07:01:37Z

Erin Umbreon:

MediaWiki:Theme-meteor-light-Vector.css

2026-06-29T07:01:22Z

Erin Umbreon: Erin Umbreon changed the content model of the page MediaWiki:Theme-meteor-light-Vector.css from "CSS" to "wikitext": deleting

#searchInput::placeholder {
color: green !important;
}

MediaWiki:Theme-meteor-Vector.css

2026-06-29T06:44:20Z

Erin Umbreon: Erin Umbreon moved page MediaWiki:Theme-meteor-Vector.css to MediaWiki:Theme-meteor-light-Vector.css: test

/* #REDIRECT */@import url(https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=MediaWiki:Theme-meteor-light-Vector.css&action=raw&ctype=text/css);

MediaWiki:Theme-meteor-light-Vector.css

2026-06-29T06:44:20Z

Erin Umbreon: Erin Umbreon moved page MediaWiki:Theme-meteor-Vector.css to MediaWiki:Theme-meteor-light-Vector.css: test

#searchInput::placeholder {
color: green !important;
}

MediaWiki:Theme-meteor-light-Vector.css

2026-06-29T06:42:37Z

Erin Umbreon: test vector-specific theme stylesheet

#searchInput::placeholder {
color: green !important;
}

Sigmascape V3.0 (Savage)

2026-06-29T06:16:56Z

Erin Umbreon: /* Phase 1 */ rework formatting of abilities table to be less bad

{{other uses|the (Savage) version|the level 70 story-mode [[raid]]|Sigmascape V3.0|the second tier of [[Omega (Savage)]] in general|Omega: Sigmascape (Savage)}}
{{Duty infobox
| name = Sigmascape V3.0 (Savage)
| description = The urge to flip switches is almost irresistible...even when you know full well the consequences for doing so. Once more your finger moves as if of its own accord, and activates the second phase of the Savage Initiative. As the gentle arrangement drifts from the terminal, you are transported to a remembered vista of the Sigmascape, each lapping wave of the song swelling the boundary of your memories...
| image = Sigmascape V3.0 (Savage).png
| type = raid
| level = 70
| level-sync = 70
| ilvl = 350
| ilvl-sync =
| difficulty = savage
| size = full
| time-limit = 90
| duty-finder = Savage Raids (Stormblood)
| roulette =
| tomestones = 15 Poetics
| location = Lower Tower of Ruin, Sigmascape V3.0
| region = Gyr Abania
| req-other = Interact with the [[Magitek Terminal]] after completing {{i|Test World of Ruin}}
| patch = 4.2
| release = stormblood
| echo = 20
| stone-sky-sea = Sigmascape V3.0 (Savage)
| id-gt = 30065
| id-edb = 6196f1cd409
}} The raid is also known as '''O7S'''. {{TOC limit|3}}
==Strategy==
===[[File:Aggressive difficulty r6.png|32px|link=]] [[Guardian (boss)|Guardian]]===
Players will find themselves in an otherworldly location, akin to a mechanical factory, within a square-shaped arena surrounded by a deadly field of electricity. Any player who touches the edges of the arena for any reason will suffer {{Status effect|debuff|File:Shocked icon.png|link=File:Shocked icon.png}} '''Shocked''' for 20 seconds, a powerful damage-over-time debuff that can not be cleansed.

Behind Guardian are two monitors: a large one on the left and a smaller one on the right. These monitors will display one of five images indicating the type of attack Guardian will use next, and potentially which attack will be saved for later.

Guardian will randomly choose one of two potential program paths, starting with either '''Dadaluma''' or '''Bibliotaph''', that will determine the attack rotation for the entire fight.

Guardian has an enrage timer of 12 minutes and 15 seconds.
-----
====<big>Phase 1</big>====
Below is a description of generic mechanics that will take place throughout the entire encounter.
{| {{STDT}}
|+ Phase 1 Abilities
!Program
!Name
!Description

|- class="line-top"
! rowspan="6" | None
| '''Magitek Ray'''
|An unmarked [[Area of Effect#Simple Line AoE|simple line AoE]] aimed at a random player. Indicated by Guardian turning towards a player and charging a laser.
|-
|'''Arm & Hammer'''
|A [[tankbuster]].
|-
|'''Diffractive Plasma'''
|Unavoidable party-wide damage.
|-
|'''Atomic Ray'''
|All four DPS are marked with orange [[Area of Effect#Spread Circle|spread circle]] arrows. A green '''Lightning Bomb''' is then dropped on each marker which explodes twice in a ~10y radius.
|-
|'''Missile'''
|A random player is marked with {{Status effect|debuff|prey}} '''[[Prey]]'''. After 5 seconds, the player is hit with a moderate damage attack that inflicts a painful {{Status effect|debuff|burns}} '''[[Burns]]''' debuff for 15 seconds.
|-
|'''Missile Simulation'''
|style="border-bottom:1px solid grey"|Several missiles will appear in random locations on the edges of the arena and fly straight across, exploding if touched.

|- class="line-top"
! rowspan="5"| Program Control
|'''Load'''
|Starts the attack sequence of whatever program is shown on the large monitor.
|-
|'''Skip Program'''
|The program on the large monitor is '''Skipped''' and instead '''Loads''' the attack sequence shown on the smaller monitor.
|-
|'''Retrieve Program'''
|Starts the attack sequence of the last program that was '''Skipped'''.
|-
|'''Copy'''
|Stores a copy of the current active program into Guardian's memory banks.
|-
|'''Paste'''
|'''Loads''' the program Guardian '''Copied'''.

|- class="line-top"
! rowspan="4" | Dadaluma
|'''Load (Dadaluma)'''
|Guardian attacks with '''''Shockwave''''', dealing damage and a [[Knockback#Radial Knockback|radial knockback]] from its current location.
|-
|'''Super Chakra Burst'''
|Eight [[Tower|towers]] are created, one on each cardinal and inter-cardinal direction.
|-
|'''Run Program'''
|'''Dadaluma''' appears and must be killed for the fight to continue.
|-
|'''Aura Cannon'''
|A random healer or DPS player is marked with a blue circle, then hit by a large [[Area of Effect#Spread Line or Cone|spread line]] attack—inflicting damage and a powerful {{Status effect|debuff|bleeding}} '''[[Bleeding]]''' debuff on those hit.

* The target role always alternates between healer and DPS, beginning with the former.

|- class="line-top"
! Bibliotaph
|'''Load (Bibliotaph)'''
|style="border-bottom:1px solid grey"|Guardian begins casting '''''Demon Simulation''''' and creates a four-player [[Tower#Summoning Circle|summoning circle]] on each cardinal direction. Any incomplete circle becomes a powerful '''''Bibliolatrist''''' enemy.

|- class="line-top"
! rowspan="3" | Air Force
|'''Load (Air Force)'''
|Guardian attacks with '''''Diffractive Laser''''', an unmarked [[Area of Effect#Simple Circle AoE|simple circle AoE]] around itself that deals high damage and inflicts {{Status effect|debuff|stun}} '''[[Stun]]''' and {{Status effect|debuff|Vulnerability up}} '''[[Vulnerability Up]]''' to those hit.
|-
|'''Run Program'''
|An '''''Air Force''''' enemy appears in each corner of the arena and tethers to a different random DPS player. These enemies do not move but will always face their tethered target.
These '''''Air Force''''' enemies frequently aim a [[Area of Effect#Simple Cone AoE|simple cone AoE]] towards their target.
|-
|'''Bomb Deployment'''
|Two bombs are placed near the center with a blue and red circle attached and a timer above it. After a couple seconds, either the blue or red ring will glow.

* Stepping into the glowing ring defuses the bomb, dealing minor damage and inflicting {{Status effect|debuff|Fire resistance down}} '''[[Fire Resistance Down|Fire Resistance Down II]]''' in a small AoE for 10 seconds.
* Stepping into the wrong ring or letting the timer expire inflicts extreme damage and {{Status effect|debuff|Vulnerability up}} '''[[Vulnerability Up]]''' to the entire party.

|- class="line-top"
! rowspan="3" | Ultros
|'''Load (Ultros)'''
|All players are hit by unmarked '''''Ink''''' [[Area of Effect#Spread Circle|spread circles]].
|-
|'''Tentacle Simulation'''
|Four large [[Area of Effect#Simple Circle AoE|simple circle AoEs]] are placed under random players. Tentacles burst up from these locations, then attack with a [[Area of Effect#Simple Line AoE|simple line AoE]] towards whatever direction they are facing.

* The tentacles will face the same direction as the targeted players were when the [[Area of Effect#Simple Circle AoE|simple circle AoEs]] were placed.
|-
|'''Run Program'''
|'''Ultros''' appears in a corner of the arena, who has no standout abilities except for an [[Interrupt|interruptible]] cast of '''''Stoneskin'''.''
At the same time, Guardian will begin to fly an aim a '''''Chain Cannon''''' attack at a random player's location—shooting that spot multiple times before placing a [[Other Mechanics#Proximity AoE|proximity AoE]] there.
|}
The party will want to assign [[Clock spots|clock spot]] positions for several attacks, namely '''Atomic Ray''', '''Super Chakra Burst''', and '''Load (Ultros)'''.

Additionally, two non-DPS players will want to be assigned for defusing bombs from '''Bomb Deployment'''.

Lastly, the party will want to divide into two groups of four players to handle the four [[Tower#Summoning Circle|summoning circles]] created from '''Load (Bibliotaph)'''. Each group should be assigned two circles and an order of which circle to resolve first.

While much of Phase 1 is fairly straight-forward, players will be required to memorize not only what program is '''Skipped''', but also which program is '''Copied''' for later attacks and phases.
<blockquote>
The '''Dadaluma''' program always begins with a combined '''Super Chakra Burst''' and a '''Missile Simulation'''. Players will need to stand in their assigned towers while avoiding the incoming missiles. These missiles have narrow hitboxes, and it is possible to dodge between two missiles flying next to each other.

Afterwards, '''Dadaluma''' will be summoned, which the off-tank should grab. The healers and DPS marked by '''Aura Cannon''' should run to the side of the boss away from the party and receive frequent healing to offset the {{Status effect|debuff|bleeding}} '''[[Bleeding]]''' debuff
</blockquote>
<blockquote>'''Bibliotaph''' simply requires the party to split into two halves and resolve each [[Tower#Summoning Circle|summoning circle]] before the cast of '''''Demon Simulation''''' completes. Which players are in which group does not matter. There will be one [[Tower#Summoning Circle|summoning circle]] on each cardinal direction, and each group of four will have just enough time to run from one cardinal to an adjacent one (i.e. North to East / South to West).

Should the party fail to complete all [[Tower#Summoning Circle|summoning circles]], it is possible to defeat the created '''''Bibliolatrist''''' enemies—these enemies are quite powerful, though, and two or more will likely result in the death of the party.
</blockquote>
<blockquote>
'''Air Force''' requires all DPS players to run to the corner with their tethered enemy to ensure the enemy is facing away from the center and their party. DPS must remember to dodge the [[Area of Effect#Simple Cone AoE|simple cone AoEs]] created by the '''''Air Force''''' enemies.

In the mean time, the two bomb defusers can handle '''Bomb Deployment''' while the other two help destroy the '''''Air Force''''' enemies with the DPS.
</blockquote>
<blockquote>
Lastly, '''Ultros''' can be handled by having all players spread out to [[clock spots]] on '''Load (Ultros)''', then stacking together while facing the same direction prior to '''Tentacle Simulation''' to ensure all tentacles slam towards the same area.

Finally during '''Run Program''', the off-tank should [[interrupt]] '''''Stoneskin''''' and move '''Ultros''' to a corner away from where Guardian is aiming their '''''Chain Cannon'''''.</blockquote>
Guardian has two potential attack rotations, one starting with '''Dadaluma''' and the other with '''Bibliotaph'''. While the rotations are the same length, they will change the order that programs are loaded in.
{| {{STDT}}
|+style="border:1px solid black"|Phase 1 Rotation
!Dadaluma Rotation
!Bibliotaph Rotation
!Strategy
|-
| colspan="2" style="text-align:center"|'''Magitek Ray'''
|Move away from where Guardian is pointing.
|-
| colspan="2" style="text-align:center"|'''Arm and Hammer'''
|Mitigate and heal.
|-
| colspan="2" style="text-align:center"|'''Atomic Ray'''
|DPS should spread out to the edges, then move back to Guardian once the orbs appear.
|-
| colspan="2" style="text-align:center; border-bottom:1px solid grey"|'''Missile'''
|style="border-bottom:1px solid grey"|Heal the {{Status effect|debuff|prey}} '''[[Prey]]''' target.
|-
|'''Load (Dadaluma)'''
|'''Load (Bibliotaph)'''
|If '''Dadaluma''', aim to be knocked back towards a corner. If '''Bibliotaph''', split into two assigned groups for [[Tower#Summoning Circle|summoning circles]].
|-
|'''Super Chakra Burst'''
+ '''Missile Simulation'''
|'''Skip Program (Ultros)'''
'''(Load Dadaluma)'''
|Be ready to move into [[clock spots]] for [[Tower|towers]].
|-
|'''Run Program (Dadaluma)'''
|'''Super Chakra Burst'''
+ '''Missile Simulation'''
|Have the off-tank grab '''Dadaluma'''.
|-
|'''Magitek Ray'''
|'''Run Program (Dadaluma)'''
|Have the off-tank grab '''Dadaluma'''.
|-
|'''Arm and Hammer'''
|'''Magitek Ray'''
|Ensure players marked for '''Aura Cannon''' move to the side away from the group. Keep them healthy through the {{Status effect|debuff|bleeding}} '''[[Bleeding]]'''.
|-
|'''Missile'''
|'''Arm and Hammer'''
| --
|-
|'''Magitek Ray'''
|'''Missile'''
| --
|-
|style="border-bottom:1px solid grey"|'''Skip Program (Air Force)'''
'''(Load Bibliotaph)'''
|style="border-bottom:1px solid grey"|'''Magitek Ray'''
|style="border-bottom:1px solid grey"|If '''Dadaluma Rotation''', split into two assigned groups for [[Tower#Summoning Circle|summoning circles]].
|-
|'''Retrieve Program (Air Force)'''
|'''Retrieve Program (Ultros)'''
|Spread out away from Guardian.
|-
|'''Copy Program (Air Force)'''
|'''Copy Program (Ultros)'''
|Memorize which was copied for later.
|-
|'''Missile Simulation'''
|'''Diffractive Plasma'''
| --
|-
|'''Run Program (Air Force)'''
|'''Tentacle Simulation'''
|If '''Air Force''', DPS should move to matching corners. If '''Ultros''', stack behind the boss facing the same direction.
|-
|'''Bomb Deployment'''
|'''Run Program (Ultros)'''
|If '''Air Force''', tanks/healers should defuse bombs. If '''Ultros''', move them away from the '''''Chain Cannons'''''.
|-
|'''Arm and Hammer'''
|'''Diffractive Plasma'''
| --
|-
|'''Magitek Ray'''
|'''Load (Air Force)'''
|If '''Air Force''', move away from Guardian.
|-
|'''Load (Ultros)'''
|'''Missile Simulation'''
|If '''Ultros''', spread out.
|-
|'''Diffractive Plasma'''
|'''Run Program (Air Force)'''
|If '''Air Force''', DPS should move to matching corners.
|-
|'''Tentacle Simulation'''
|'''Bomb Deployment'''
|If '''Ultros''', stack behind the boss facing the same direction. If '''Air Force''', tanks/healers should defuse bombs.
|-
|'''Run Program (Ultros)'''
|'''Arm and Hammer'''
|If '''Ultros''', move them away from the '''''Chain Cannons'''''.
|-
|style="border-bottom:1px solid grey"|'''Diffractive Plasma'''
|style="border-bottom:1px solid grey"|'''Magitek Ray'''
|style="border-bottom:1px solid grey"| --
|-
!'''Skip Program (Dadaluma)'''
'''(Load Virus Combat)'''
!'''Skip Program (Bilbiotaph)'''
'''(Load Virus Combat)'''
!Begins Phase 2.
|}
-----
====<big>Phase 2: Virus Combat Program</big>====
{| {{STDT}}
|+style="border:1px solid black"|Phase 2 Abilities
!Name
!Description
|-
|'''Electric Pulse'''
|A [[Other Mechanics#Red Light|red light]] attack that marks the entire arena in a green radar effect. Moving players are hit with high damage and inflicted with {{Status effect|debuff|paralysis}} '''[[Paralysis]]''' for 30 seconds.

* Unusually, this attack only detects spatial movement. Casting and attacking will not trigger detection.
|-
|'''Viral Weapon'''
|Inflicts {{Status effect|debuff|File:Temporary misdirection icon.png|link=File:Temporary misdirection icon.png}} '''Temporary Misdirection''' on all players for 15 seconds, but removes {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' from the party.
|-
|'''Run Program (Bibliotaph)'''
|Summons a '''Bibliotaph''' enemy that frequently attacks with powerful [[Tankbuster|tankbusters]].
|}
After about 5 minutes, Guardian will load the '''Virus Combat''' program, indicating the start of the next phase.
[[File:O7S Virus Positioning.png|alt=Positioning for Virus Combat Program.|thumb|Positioning for Virus Combat Program.]]
Players will be separated into four pairs with [[Tether (mechanic)#Magnetic Tether|magnetic tethers]]. A tank will always be tethered to a healer, and DPS will only be tethered to other DPS players.

* Two pairs will have '''''Opposite Polarities''''' as well as a 15 second {{Status effect|debuff|File:Searing wind icon1.png|link=File:Searing wind icon1.png}} '''Searing Wind''' debuff—repeatedly damaging and inflicting [[knockback]] to any nearby players.
* Two pairs will have '''''Matching Polarities''''' as well as a 20 second {{Status effect|debuff|File:Abandonment icon1.png|link=File:Abandonment icon1.png}} '''Abandonment''' debuff— causing {{Status effect|debuff|Hysteria}} '''[[Hysteria]]''' if the afflicted player does not stay within 5y of another player.
* One random player with {{Status effect|debuff|File:Abandonment icon1.png|link=File:Abandonment icon1.png}} '''Abandonment''' will also have {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' for 15 seconds. If the afflicted player dies or this debuff expires, the party will wipe.
** {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' can be transferred to other players by touch, resetting its timer. The previously afflicted will then have {{Status effect|debuff|File:AllaganImmunity.png|link=File:AllaganImmunity.png}} '''Aether Rot Immunity''', preventing them from taking the debuff again.

Of the four tether pairs, one tank+healer pair will always have an '''''Opposite Polarity''''' and the other a '''''Matching Polarity'''''. This can be used to assign [[Waymark|waymarks]] to tanks and healers based on which debuff they receive.

Players will want to position to have all tethers parallel to each other with the {{Status effect|debuff|File:Searing wind icon1.png|link=File:Searing wind icon1.png}} '''Searing Wind''' pairs on the outside edges and the {{Status effect|debuff|File:Abandonment icon1.png|link=File:Abandonment icon1.png}} '''Abandonment''' tethers on the inside.

Once the tethers resolve, all players will want to hold still to ensure they safely resolve their debuffs—except for the player with {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''', who will want to ensure they pass their debuff to their neighbor before it expires.

Once both {{Status effect|debuff|File:Searing wind icon1.png|link=File:Searing wind icon1.png}} '''Searing Wind''' and {{Status effect|debuff|File:Abandonment icon1.png|link=File:Abandonment icon1.png}} '''Abandonment''' expires, players will want to move back towards the center while slowly passing {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' around.

Guardian will cast '''Viral Weapon''' after 60 seconds, requiring {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' to be transferred at least 5 times.

'''Viral Weapon''' will remove the {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' debuff but inflict everyone with {{Status effect|debuff|File:Temporary misdirection icon.png|link=File:Temporary misdirection icon.png}} '''Temporary Misdirection''' for 15 seconds. Players will be forced to dodge '''Magitek Ray''' and '''''Chain Cannon''''' with unreliable movement.

The fight will continue as normal, with '''Electric Pulse''' occasionally forcing players to stop moving during other abilities.

After 12 minutes and 5 seconds, Guardian will begin a 10 second cast of '''Extermination Sequence''' that will wipe the party.
{| {{STDT}}
|+style="border:1px solid black"|Phase 2 Rotation
!Dadaluma Rotation
!Bibliotaph Rotation
!Strategy
|-
| colspan="2" style="text-align:center"|'''Diffractive Plasma x2'''
|Pass the {{Status effect|debuff|File:AllaganRot.png|link=File:AllaganRot.png}} '''Aether Rot''' around to prevent expiration.
|-
| colspan="2" style="text-align:center"|'''Missile'''
|Heal the target.
|-
| colspan="2" style="text-align:center"|'''Viral Weapon'''
| --
|-
| colspan="2" style="text-align:center"|'''{{Status effect|debuff|File:Temporary misdirection icon.png|link=File:Temporary misdirection icon.png}} Magitek Ray'''
|Dodge the AoE.
|-
| colspan="2" style="text-align:center"|'''{{Status effect|debuff|File:Temporary misdirection icon.png|link=File:Temporary misdirection icon.png}} Chain Cannon'''
|Move away from the targeted area.
|-
| colspan="2" style="text-align:center"|'''Electric Pulse'''
|Hold still (but attacking and casting is safe).
|-
| colspan="2" style="text-align:center"|'''Arm and Hammer'''
| --
|-
| colspan="2" style="text-align:center;border-bottom:1px solid grey"|'''Diffractive Plasma'''
|style="border-bottom:1px solid grey"| --
|-
|'''Paste Program (Air Force)'''
|'''Paste Program (Ultros)'''
|Spread out away from Guardian.
|-
|'''Electric Pulse'''
|'''Tentacle Simulation'''
| --
|-
|'''Diffractive Plasma'''
|'''Bomb Deployment'''
|If '''Ultros''', quickly defuse the bombs.
|-
|'''Run Program (Air Force)'''
|'''Atomic Ray'''
|If '''Air Force''', DPS must run to their matching corners. If '''Ultros''', DPS should spread out to the edges of the arena.
|-
|'''Bomb Deployment'''
|'''Magitek Ray'''
|If '''Air Force''', quickly defuse the bombs.
|-
|'''Arm and Hammer'''
|'''Diffractive Plasma'''
| --
|-
|'''Diffractive Plasma'''
|'''Run Program (Ultros)'''
| --
|-
|'''Skip Program (Bibliotaph)'''
'''(Load Dalaluma)'''
|'''Missile Simulation'''
|If '''Dadaluma''', prepare to be knocked back, followed by '''Electric Pulse'''.
|-
|'''Electric Pulse'''
|'''Diffractive Plasma'''
| --
|-
|'''Super Chakra Burst'''
+ '''Missile Simulation'''
+ '''Atomic Ray'''
|'''Load (Bibliotaph)'''
|If '''Dadaluma''', DPS should stand in the empty corners first, then run into their towers after '''Atomic Ray'''.
If '''Bibliotaph''', players will need to activate the [[Tower#Summoning Circle|summoning circles]] quickly before '''Electric Pulse''' resolves.
|-
|'''Missile'''
|'''Electric Pulse'''
| --
|-
|'''Magitek Ray'''
|'''Run Program (Bibliotaph)'''
|If '''Bibliotaph''', tank it separately and keep the tank alive.
|-
|'''Diffractive Plasma'''
|'''Diffractive Plasma x3'''
| --
|-
|'''Retrieve Program (Bibliotaph)'''
|'''Missile'''
|If '''Bibliotaph''', players will need to activate the [[Tower#Summoning Circle|summoning circles]] quickly before '''Electric Pulse''' resolves.
|-
|'''Electric Pulse'''
|'''Magitek Ray'''
| --
|-
|'''Run Program (Bibliotaph)'''
|'''Diffractive Plasma'''
|If '''Bibliotaph''', tank it separately and keep the tank alive.
|-
|'''Diffractive Plasma x3'''
|'''Load (Dadaluma)'''
|If '''Dadaluma''', prepare to be knocked back, followed by '''Electric Pulse'''.
|-
|'''Missile'''
|'''Electric Pulse'''
| --
|-
|'''Magitek Ray'''
|'''Super Chakra Burst'''
+ '''Missile Simulation'''
+ '''Atomic Ray'''
|If '''Dadaluma''', DPS should stand in the empty corners first, then run into their towers after '''Atomic Ray'''.
|-
|'''Diffractive Plasma'''
|'''Missile'''
| --
|-
|'''Load (Ultros)'''
|'''Magitek Ray'''
|If '''Ultros''', spread out.
|-
|'''Tentacle Simulation'''
|'''Diffractive Plasma'''
| --
|-
|'''Bomb Deployment'''
|'''Skip Program (Ultros)'''
'''(Load Air Force)'''
|If '''Ultros''', quickly defuse bombs. Otherwise move away from Guardian.
|-
|'''Atomic Ray'''
|'''Electric Pulse'''
|If '''Ultros''', DPS should spread out towards the edges.
|-
|'''Magitek Ray'''
|'''Diffractive Plasma'''
| --
|-
|'''Diffractive Plasma'''
|'''Run Program (Air Force)'''
|If '''Air Force''', DPS should move to their matching corners.
|-
|'''Run Program (Ultros)'''
|'''Bomb Deployment'''
|If '''Air Force''', quickly defuse the bombs.
|-
|'''Missile Simulation'''
|'''Arm and Hammer'''
| --
|-
|'''Diffractive Plasma'''
|'''Diffractive Plasma'''
|Last chance for the party to defeat Guardian.
|-
! colspan="3"|'''Extermination Program (Enrage)'''
|}

==Loot==
*{{tomestone|Poetics|15}} [[Allagan Tomestone of Poetics]]
*{{Item icon|Sigmascape Datalog v3.0}}

===[[File:Gold Coffer (small).png|32px|link=]] Treasure Coffer 1===
{{Drops table header}}
{{Drops table row|Diamond Leg Gear Coffer (IL 370)}}
{{Table footer}}

===[[File:Gold Coffer (small).png|32px|link=]] Treasure Coffer 2===
{{Drops table header}}
{{Drops table row|Diamond Head Gear Coffer (IL 370)}}
{{Drops table row|Diamond Hand Gear Coffer (IL 370)}}
{{Drops table row|Diamond Foot Gear Coffer (IL 370)}}
{{Table footer}}

==Music==
{{music table header}}
{{music table row|Main|A Battle Decisively}}
|}

{{Duties nav/raid}}

Property:Has task status

2026-06-29T00:23:59Z

Erin Umbreon:

{{property group|Wiki task properties}}

A [[Has type::keyword]] property which describes the lifecycle state of a {{tl|task}}.

==Allowed values==
; [[Allows value::open]]
: The task has not been started and does not have an [[Property:Wiki task assignee|assignee]].
; [[Allows value::backlog]]
: The task has not been started but does have an assignee.
; [[Allows value::in progress]]
: The task has been started but is not done.
; [[Allows value::done]]
: The task is done.
; [[Allows value::cancelled]]
: The task has been cancelled and will not be performed.

Template:Property group/doc

2026-06-29T00:15:26Z

Erin Umbreon:

{{documentation subpage}}

{<nowiki/>{'''Property group'''}}

A [https://www.semantic-mediawiki.org/wiki/Help:Property_group property group] is a category which contains Semantic Mediawiki properties. Property groups can contain related properties, and when inspecting the properties of a page, properties from the same property group will be displayed together.

This template assists with documenting property groups. It can be used both on a property group's page (in the Category namespace) and on individual property pages (in the Property namespace). It handles categorization and setup of property groups, and displays a list of all properties in the group for ease of navigation.

==Usage==

To create a property group, create a category page and use this template on the page without passing anything, alongside your description of the group. For example, a page named "Category:Food properties" might contain:

<pre>
{{property group}}
This category contains properties that are commonly set on foods.
</pre>

Then, to add properties to the property group, use this template again, and pass the name of the target group. For example, a property "Property:Has calories" might contain:

<pre>
{{property group|Fruit properties}}
This [[Has type::Number]] property records how many calories are in a food.
</pre>

==Parameters==
; unnamed parameter ''1''
: Should not be provided in the Category namespace, but required in the Property namespace and elsewhere. The name of the target property group, with or without "Category:" namespace prefix.
; ''parent''
: Optional. Only valid in the Category namespace. By default, property groups are made subcategories of [[:Category:Properties]], but you can use this parameter to override the parent category.

<includeonly>


</includeonly>

Template:Task/doc

2026-06-29T00:05:01Z

Erin Umbreon: meh

{{documentation subpage}}

{<nowiki/>{task
| ''description''
| status =
| assignee =
| sprout friendly =
| skills =
}}

Shows a wiki task that can be queried via SMW. Usually this template will be used on wiki project pages to organize work between editors. Tasks are displayed at [[FFXIV Wiki:To-do list]].

==Parameters==
; ''description'' (unnamed parameter 1)
: A description of the task. Try to keep it short, so it's easy for other editors to skim the to-do list. Detailed information about how to accomplish a task can live outside this template.
; status
: Task status. Can have the following values:
:; In progress
:: Indicates the task is actively being worked on.
:; Done
:: Indicates the task has been completed.
:; Cancelled
:: Indicates the task will never be completed.
: Leave the status unset for tasks which have not been started. The status will be set to '''Backlog''' if the task has someone assigned, or '''Open''' otherwise.
; assignee
: A comma-separated list of users assigned to the task.
; sprout friendly
: Set to "yes" if the task is "sprout friendly" (i.e. a good task for new editors with limited wiki knowledge). These tasks get an icon to stand out in the wiki to-do list.
; skills
: A comma-separated list of skills required to complete the task. Skills should also be linked to the relevant help page if possible.

==Semantic Properties==
This template generates a subobject which uses the [[:Category:Wiki task properties|Wiki task properties]].

<includeonly>

[[Category:Project management templates]]
[[Category:Subobject templates]]
</includeonly>

Template:Task/doc

2026-06-28T23:59:04Z

Erin Umbreon: update property documentation

{{documentation subpage}}

{<nowiki/>{task
| ''description''
| status =
| assignee =
| sprout friendly =
| skills =
}}

Shows a wiki task that can be queried via SMW. Usually this template will be used on wiki project pages to organize work between editors. Tasks are displayed at [[FFXIV Wiki:To-do list]].

==Parameters==
; ''description'' (unnamed parameter 1)
: A description of the task. Try to keep it short, so it's easy for other editors to skim the to-do list. Detailed information about how to accomplish a task can live outside this template.
; status
: Task status. Can have the following values:
:; In progress
:: Indicates the task is actively being worked on.
:; Done
:: Indicates the task has been completed.
:; Cancelled
:: Indicates the task will never be completed.
: Leave the status unset for tasks which have not been started. The status will be set to '''Backlog''' if the task has someone assigned, or '''Open''' otherwise.
; assignee
: A comma-separated list of users assigned to the task.
; sprout friendly
: Set to "yes" if the task is "sprout friendly" (i.e. a good task for new editors with limited wiki knowledge). These tasks get an icon to stand out in the wiki to-do list.
; skills
: A comma-separated list of skills required to complete the task. Skills should also be linked to the relevant help page if possible.

==Semantic Properties==
{{property group|Wiki task properties}}
This template generates a subobject which uses the [[:Category:Wiki task properties|Wiki task properties]].

<includeonly>

[[Category:Project management templates]]
[[Category:Subobject templates]]
</includeonly>

Template:Property group

2026-06-28T23:35:50Z

Erin Umbreon: only set categories/etc on appropriate namespaces; add support for parent category prop for category pages

<includeonly>{{#vardefine:cat_name|{{#if: {{{1|}}}
| {{#replace:{{{1|}}}|Category:|}}
| {{PAGENAME}}
}}}}{{#ifeq: {{NAMESPACE}} | Property
| [[Category:{{#var:cat_name}}]]
}}{{#ifeq: {{NAMESPACE}} | Category
| {{#set:Is property group=true}}[[Category:{{#replace:{{{parent|Properties}}}|Category:|}}]]
}}
{| class="wikitable" style="float:right;margin:0 0 1em 1em"
! [[:Category:{{#var:cat_name}}|{{#var:cat_name}}]]
|-
| {{#ask:[[Category:{{#var:cat_name}}]] |format=ul}}
|}</includeonly><noinclude>
{{documentation}}

==Examples==
{{markup example|<nowiki>
{{property group|Wiki task properties}}
</nowiki>}}

Template:Wiki projects table

2026-06-28T23:31:45Z

Erin Umbreon: update property names

<includeonly>{{#ask: [[Category:Wiki projects]] {{{query|}}}
|?=Project
|?Has project status=Status
|?Has assignee=Members
|?Has project description=Description
|?Has project update date=Last updated
| intro = {{{intro|}}}
| outro = {{{outro|}}}
| format = table
| headers = plain
| class = {{Temporary load-bearing table CSS class}} sortable mw-collapsible {{#if:{{{collapsed|}}}|mw-collapsed}}
}}</includeonly><noinclude>
{{documentation}}

==Example==

{{markup example|<nowiki>
{{wiki projects table
| intro = <h3>Completed projects</h3>
| query = [[Wiki project status::complete]]
}}
</nowiki>}}

Property:Has assignee

2026-06-28T23:30:06Z

Erin Umbreon:

{{property group|Wiki task properties}}
{{property group|Wiki project properties}}
A [[Has type::Page]] property which contains the user (or users) assigned to a task or project. The value(s) of this property is the full pagename of their user page (e.g. <code>User:Erin Umbreon</code>).

Template:Project

2026-06-28T23:29:08Z

Erin Umbreon: update property names

<includeonly><templatestyles src="Template:Project/styles.css"/>{{TOCRIGHT}}{{#ifeq:{{NAMESPACE}}|FFXIV Wiki|[[Category:Wiki projects]]}}<div class="fake-subpage-links">< [[FFXIV Wiki:To-do list|Wiki to-do list]]</div>
; Project description
: {{#set:Has project description|{{trim|{{{1|}}}}}}}{{trim|{{{1|}}}}}
; Members
: {{#if:{{{members|}}}
| {{#arraymap: {{{members|}}}|,|@@@
| {{#set:Has assignee|User:@@@}}[[User:@@@|@@@]] ([[User talk:@@@|talk]])
}}
| ''None yet!'' [[[Special:EditPage/{{FULLPAGENAME}}|add yourself]]]
}}
; Status
: {{#set:Has project status|{{{status}}}}}{{{status|''Unknown''}}}
; Last updated
: {{#set:Has project update date|{{#timel:c|{{{updated|{{REVISIONTIMESTAMP}}}}}}}}}[[Special:History/{{FULLPAGENAME}}|{{#timefl:{{{updated|{{REVISIONTIMESTAMP}}}}}|pretty}}]]
; Discussion
: [[{{TALKPAGENAME}}|Talk page]]{{#if:{{{discord|}}}|, [{{{discord}}} Discord]}}</includeonly><noinclude>
{{documentation}}

== Example ==
{{markup example|<nowiki>
{{Project
| status = In progress
| members = Erin Umbreon, Cryebunnie
| discord = https://discord.com/channels/312060255469305856/1417939835922153533
| Short description of the project for use in tables and such
}}
</nowiki>}}

Property:Has project update date

2026-06-28T23:27:47Z

Erin Umbreon:

{{property group|Wiki project properties}}
A [[Has type::Date]] property which stores the date when a project page was last updated. This is functionally similar to [[Property:Modification date]], but can be frozen when a project is marked as complete so there is a record of its completion date.

Property:Wiki project last updated

2026-06-28T23:26:42Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project last updated to Property:Has project update date: SMW property name normalization

#REDIRECT [[Property:Has project update date]]

Property:Has project update date

2026-06-28T23:26:42Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project last updated to Property:Has project update date: SMW property name normalization

[[Has type::Date]]

Property:Has project status

2026-06-28T23:26:03Z

Erin Umbreon:

{{property group|Wiki project properties}}
A [[Has type::Keyword]] property which describes the status of a wiki project.

Property:Has project description

2026-06-28T23:25:29Z

Erin Umbreon:

{{property group|Wiki project properties}}
A [[Has type::text]] property which describes the purpose of a wiki project.

Category:Wiki project properties

2026-06-28T23:24:50Z

Erin Umbreon: Created page with "{{property group}} This category contains properties set on wiki project pages by the {{tl|project}} template."

{{property group}}
This category contains properties set on wiki project pages by the {{tl|project}} template.

Property:Wiki project status

2026-06-28T23:21:08Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project status to Property:Has project status: SMW property name normalization

#REDIRECT [[Property:Has project status]]

Property:Has project status

2026-06-28T23:21:08Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project status to Property:Has project status: SMW property name normalization

[[Has type::Keyword]]

Property:Wiki project description

2026-06-28T23:19:55Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project description to Property:Has project description: SMW property name normalization

#REDIRECT [[Property:Has project description]]

Property:Has project description

2026-06-28T23:19:55Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki project description to Property:Has project description: SMW property name normalization

[[Has type::text]]

Module:Tasks

2026-06-28T22:51:45Z

Erin Umbreon:

local getArgs = require("Module:Arguments").getArgs
local yesno = require("Module:Yesno")
local SMWTable = require("Module:SMWTable")

local p = {}

function p.table(frame)
local args = getArgs(frame)

return SMWTable.new({
selection = "[[Has task description::+]]" .. (args.query or ""),
attributes = {
class = "stdt__table_v2 sortable",
}
})
:column({
label = "",
printouts = {
[""] = "=#", -- "pagename"
["Has task status"] = ""
},
render = function(item)
return frame:expandTemplate({
title = "todo",
args = {
[1] = item["Has task status"],
["link"] = item[1]
}
})
end
})
:column({
label = "",
printouts = {
["Is sprout friendly"] = "",
},
render = function(item)
if yesno(item["Is sprout friendly"]) then
return "[[File:New adventurer status icon1.png|24px|Sprout/new editor friendly!|link=]]"
else
return ""
end
end
})
:column(SMWTable.textColumn({
label = "Task",
property = "Has task description",
}))
:column({
label = "Part of",
printouts = {
[""] = "=#", -- "pagename" (parent page and anchor) of task subobject
},
render = function(item)
local link = item[1]
local label = mw.title.new(link).text -- remove fragment with subobject ID; remove namespace/interwiki prefix
return "[[" .. link .. "|" .. label .. "]]"
end
})
:column(SMWTable.textColumn({
label = "Skills",
property = "Requires skill",
valuesep = " "
}))
:column({
label = "Assignee",
printouts = {
["Has assignee"] = "#",
[""] = "=#", -- "pagename" (for links)
},
render = function(item)
local assignees = item["Has assignee"]
local out = ""
if not assignees or #assignees == 0 then
return "''None - [[Special:EditPage/" .. item[1] .."|claim]]''"
elseif type(assignees) == "string" then
assignees = {assignees}
end

for _, username in ipairs(assignees) do
username = username:gsub("^User:", "")
if out ~= "" then
out = out .. " "
end
out = out
.. "[[User:" .. username .. "|" .. username .. "]] "
.. "([[User talk:" .. username .. "|talk]])"
end
return out
end
})
end

return p

Property:Requires skills

2026-06-28T22:51:18Z

Erin Umbreon: Erin Umbreon moved page Property:Requires skills to Property:Requires skill

#REDIRECT [[Property:Requires skill]]

Property:Requires skill

2026-06-28T22:51:18Z

Erin Umbreon: Erin Umbreon moved page Property:Requires skills to Property:Requires skill

{{property group|Wiki task properties}}
A [[Has type::Text]] property containing a skill relevant to performing a task, usually with a link to any relevant help pages. Can be multi-valued for tasks which require multiple skills.

Module:Tasks

2026-06-28T22:50:50Z

Erin Umbreon: update property names

local getArgs = require("Module:Arguments").getArgs
local yesno = require("Module:Yesno")
local SMWTable = require("Module:SMWTable")

local p = {}

function p.table(frame)
local args = getArgs(frame)

return SMWTable.new({
selection = "[[Has task description::+]]" .. (args.query or ""),
attributes = {
class = "stdt__table_v2 sortable",
}
})
:column({
label = "",
printouts = {
[""] = "=#", -- "pagename"
["Has task status"] = ""
},
render = function(item)
return frame:expandTemplate({
title = "todo",
args = {
[1] = item["Has task status"],
["link"] = item[1]
}
})
end
})
:column({
label = "",
printouts = {
["Is sprout friendly"] = "",
},
render = function(item)
if yesno(item["Is sprout friendly"]) then
return "[[File:New adventurer status icon1.png|24px|Sprout/new editor friendly!|link=]]"
else
return ""
end
end
})
:column(SMWTable.textColumn({
label = "Task",
property = "Has task description",
}))
:column({
label = "Part of",
printouts = {
[""] = "=#", -- "pagename" (parent page and anchor) of task subobject
},
render = function(item)
local link = item[1]
local label = mw.title.new(link).text -- remove fragment with subobject ID; remove namespace/interwiki prefix
return "[[" .. link .. "|" .. label .. "]]"
end
})
:column(SMWTable.textColumn({
label = "Skills",
property = "Requires skills",
valuesep = " "
}))
:column({
label = "Assignee",
printouts = {
["Has assignee"] = "#",
[""] = "=#", -- "pagename" (for links)
},
render = function(item)
local assignees = item["Has assignee"]
local out = ""
if not assignees or #assignees == 0 then
return "''None - [[Special:EditPage/" .. item[1] .."|claim]]''"
elseif type(assignees) == "string" then
assignees = {assignees}
end

for _, username in ipairs(assignees) do
username = username:gsub("^User:", "")
if out ~= "" then
out = out .. " "
end
out = out
.. "[[User:" .. username .. "|" .. username .. "]] "
.. "([[User talk:" .. username .. "|talk]])"
end
return out
end
})
end

return p

Template:Task

2026-06-28T22:49:20Z

Erin Umbreon: update property names

<includeonly>{{#vardefine: assignees
| {{#arraymap:{{{assignee|}}} | , | @@@
| User:{{#replace:@@@|User:|}}
}}
}}{{#if:{{{no smw|}}}{{{pagename|}}}||
{{#subobject:
| Has task status = {{lc:{{#if:{{{status|}}|{{{status|}}}|{{#if:{{#var:assignees}}|backlog|open}}}}}}
| Has task description = {{{1|''Empty task''}}}
| Has assignee = {{#var:assignees}}|+sep=,
| Has parent = {{#if: {{#show:{{FULLPAGENAME}}|?Wiki project description|format=plainlist}}
| {{FULLPAGENAME}}
}}
| Requires skills = {{{skills|}}}|+sep=,
| Is sprout friendly = {{yesno|{{{sprout friendly|}}}}}
}}
}}* {{todo|{{{status|}}}|link={{{pagename|{{FULLPAGENAME}}}}}}} {{#if:{{yesno|{{{sprout friendly|}}}}}|[[file:new adventurer status icon1.png|24px|Sprout/new editor friendly!|link=]]}} {{#switch:{{lc:{{{status|}}}}}|done|cancelled=<s>}}{{trim|{{{1|''Empty task''}}}}}{{#switch:{{lc:{{{status|}}}}}|done|cancelled=</s>}} {{#if:{{#var:assignees}}{{{pagename|}}}
| {{#if: {{{pagename|}}}
| '''Part of:''' [[{{{pagename|}}}|{{#sub:{{{pagename|}}}|0|{{#pos:{{{pagename|}}}|#}}}}]]
}} {{#if:{{#var:assignees}}
| '''Assignee:''' {{#arraymap: {{#var:assignees}}|,|@@@
| [[@@@|{{#replace:@@@|User:|}}]] ([[{{#replace:@@@|User:|User talk:}}|talk]])
}}
}}}}</includeonly><noinclude>
{{documentation}}

==Examples==
{{markup example|table=y|<nowiki>
{{task|Convert all {{tl|currency}} to {{tl|i}}|status=cancelled|assignee=Erin Umbreon, Cryebunnie}}
{{task|Paint the entire wiki green|status=done}}
{{task|do something really simple|sprout friendly=yes}}
</nowiki>}}

Property:Wiki task status

2026-06-28T22:48:22Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task status to Property:Has task status: SMW property name normalization

#REDIRECT [[Property:Has task status]]

Property:Has task status

2026-06-28T22:48:22Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task status to Property:Has task status: SMW property name normalization

{{property group|Wiki task properties}}
A [[Has type::Keyword]] property which describes the lifecycle state of a {{tl|Task}}.

==Allowed values==
; [[Allows value::open]]
: The task has not been started and does not have an [[Property:Wiki task assignee|assignee]].
; [[Allows value::backlog]]
: The task has not been started but does have an assignee.
; [[Allows value::in progress]]
: The task has been started but is not done.
; [[Allows value::done]]
: The task is done.
; [[Allows value::cancelled]]
: The task has been cancelled and will not be performed.

Property:Wiki task skills

2026-06-28T22:47:55Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task skills to Property:Requires skills: SMW property name normalization

#REDIRECT [[Property:Requires skills]]

Property:Requires skill

2026-06-28T22:47:55Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task skills to Property:Requires skills: SMW property name normalization

Property:Wiki task parent

2026-06-28T22:47:09Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task parent to Property:Has parent: SMW property name normalization

#REDIRECT [[Property:Has parent]]

Property:Has parent

2026-06-28T22:47:09Z

Erin Umbreon: Erin Umbreon moved page Property:Wiki task parent to Property:Has parent: SMW property name normalization

{{property group|Wiki task properties}}
A [[Has type::Page]] property which records the page on which a task is defined.