Final Fantasy XIV Online Wiki - User contributions [en]

User:Erin Umbreon/Sandbox

2026-06-02T22:41:24Z

Erin Umbreon:

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

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

[[redlink]]

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

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


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

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

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

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

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

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

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

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

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

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

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:48:35Z

Erin Umbreon:

<includeonly><div style="clear:both;overflow:hidden"><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 0 0 1em;
padding: 0 1em;
float: left;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.3em;
font-weight: 500;
margin: 0.25em 0 -0.325em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:46:18Z

Erin Umbreon:

<includeonly><div style="clear:both;overflow:hidden"><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 0 0 1em;
padding: 0.5em 1em 0.5em;
float: left;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.3em;
font-weight: 500;
margin: 0 0 -0.325em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:43:25Z

Erin Umbreon:

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 0 0 1em;
padding: 0.5em 1em 0.5em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.3em;
font-weight: 500;
margin: 0 0 -0.325em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:36:13Z

Erin Umbreon:

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 0 0 1em;
padding: 0.5em 1em 0.25em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.3em;
font-weight: 500;
margin-bottom: -0.25em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:33:58Z

Erin Umbreon:

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 1em 0;
padding: 0.5em 1em 0.25em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.3em;
font-weight: 500;
margin-bottom: -0.25em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:33:40Z

Erin Umbreon:

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);

background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
margin: 1em 0;
padding: 0.5em 1em 0.25em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.5em;
font-weight: 500;
margin-bottom: -0.25em;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:24:29Z

Erin Umbreon: weh

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);
background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
padding: 0.5em 1em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.5em;
font-weight: 500;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox

2026-06-02T21:23:54Z

Erin Umbreon: Created page with "<includeonly><div class="noticebox" style=" --noticebox-color:{{#switch:{{{color|}}} | blue | = #0066AA | green = #009900 | red = #9C1C05 | #default = {{{color|}}} }}; --noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%); --noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%); w background: var(--noticebox-background); color: var(--noticebox-text-color); border-left: 0.5em so..."

<includeonly><div class="noticebox" style="
--noticebox-color:{{#switch:{{{color|}}}
| blue | = #0066AA
| green = #009900
| red = #9C1C05
| #default = {{{color|}}}
}};
--noticebox-background: color-mix(var(--noticebox-color), var(--background-color-base, #FFF) 85%);
--noticebox-text-color: color-mix(contrast-color(var(--noticebox-background)), var(--noticebox-color) 20%);
w
background: var(--noticebox-background);
color: var(--noticebox-text-color);
border-left: 0.5em solid var(--noticebox-color);
padding: 0.5em 1em;
">{{#if:{{{title|}}}|<div class="noticebox__title" style="
font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
font-family: var(--font-family-heading);
font-size: 1.5em;
font-weight: 500;
">{{{title|}}}</div>}}<div>
{{{content|{{{1|}}}}}}
</div></div></includeonly><noinclude>
{{documentation}}

==Examples==

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = green
| content = This is a demo noticebox. It is green because it can be placed there.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = red
| content = This is a demo noticebox. It is red because your actions have consequences.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| content = This is a demo noticebox. It is blue because I didn't pick anything else.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}
| title = Demo
| color = #f9638b
| content = This is a demo noticebox. It is pink because that's a neat color.
}}
</nowiki>}}

{{markup example|<nowiki>
{{{{FULLPAGENAME}}|This is a noticebox with no title or color.}}
</nowiki>}}

User:Erin Umbreon/Sandbox/Noticebox/styles.css

2026-06-02T21:17:34Z

Erin Umbreon: Created page with ".noticebox { padding: 0.5em 1em; border-left: 0.5em solid var(--noticebox-color); background: color-mix(var(--noticebox-color), var(--background-color-base,#fff) 85%); color: color-mix(contrast-color(color-mix(var(--noticebox-color), var(--background-color-base) 90%)), var(--noticebox-color) 20%); } .noticebox__title { font-family: var(--font-family-heading, 'Linux Libertine','Georgia','Times','Source Serif Pro',serif); font-size: 1.5em; font-weight: 500; }"

.noticebox {
padding: 0.5em 1em;
border-left: 0.5em solid var(--noticebox-color);
background: color-mix(var(--noticebox-color), var(--background-color-base,#fff) 85%);
color: color-mix(contrast-color(color-mix(var(--noticebox-color), var(--background-color-base) 90%)), var(--noticebox-color) 20%);
}
.noticebox__title {
font-family: var(--font-family-heading, 'Linux Libertine','Georgia','Times','Source Serif Pro',serif);
font-size: 1.5em;
font-weight: 500;
}

MediaWiki:Theme-meteor.css

2026-06-02T20:33:29Z

Erin Umbreon: fix tabs in visual editor "edit" mode

/* 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 .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 .vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar .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:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
)
#3F3D3E;

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: 16px;
height: 16px;
top: calc(50% - 8px);
left: calc(50% - 8px);
filter: sepia(1) saturate(1.2); /* gold instead of blue */
}

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

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

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

MediaWiki:Theme-meteor.css

2026-06-02T20:28:53Z

Erin Umbreon: fix external link icon color

/* 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 .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 .vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar .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:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
)
#3F3D3E;

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

/* 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: 16px;
height: 16px;
top: calc(50% - 8px);
left: calc(50% - 8px);
filter: sepia(1) saturate(1.2); /* gold instead of blue */
}

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

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

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

MediaWiki:Theme-meteor-dark.css

2026-06-02T20:23:40Z

Erin Umbreon: ensure external links are also the same color

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

/* TODO */

@media screen {
:root {
--background-color-base: #2c2a2d;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;

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

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

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

/* TODO: ??? */
--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: #F05048;
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;
--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);
}

/* [[Template:Navbox]] */
:root {
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

}

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

/* Gadget-AdventurerPlateMaker CSS Variables and Classes */
:root {
/* Primary Colors */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;

/* Neutral Colors */
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);
}
}

/* Different body background */
body {
background: linear-gradient(to bottom, #382E4E, #3a1f25 900px) #3a1f25;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}
/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image: linear-gradient(to bottom, color-mix(var(--background-color-base), transparent 40%), color-mix(var(--background-color-base), transparent 30%) 25%, var(--background-color-base) ), var(--noise-texture)
}

MediaWiki:Common.css

2026-06-02T20:14:26Z

Erin Umbreon: new rarity styles to work across light/dark themes

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

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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;
}

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

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

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

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

/*</nowiki>*/

MediaWiki:Theme-meteor-light.css

2026-06-02T16:34:09Z

Erin Umbreon: fix import

@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:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
)
#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-definitions

2026-06-02T16:30:37Z

Erin Umbreon: enable meteor themes for all users

* light[kind=light|default|bundled]
* dark[kind=dark]
* meteor-light[kind=light]
* meteor-dark[kind=dark]

Template:Achievement list/doc

2026-05-30T18:34:44Z

Erin Umbreon: Created page with "{{documentation subpage}} Generates a list of achievements. It uses the semantic result template Template:Achievement table row format to format each entry. For a more specific subset of achievements, use Template:Achievement table row. ===Syntax=== <pre> {{Achievement list|<category>|<sub-category>|isRetired=|conditions=}} </pre> ===Parameters=== ; ''unnamed parameter'' 1 : Required. Category. See Achievements for the list of achievement categories and..."

{{documentation subpage}}

Generates a list of achievements. It uses the semantic result template [[Template:Achievement table row format]] to format each entry. For a more specific subset of achievements, use [[Template:Achievement table row]].

===Syntax===
<pre>
{{Achievement list|<category>|<sub-category>|isRetired=|conditions=}}
</pre>

===Parameters===
; ''unnamed parameter'' 1
: Required. Category. See [[Achievements]] for the list of achievement categories and sub-categories.

; ''unnamed parameter'' 2
: Required. Sub-category.

; ''isRetired''
: Optional. Accepts "Y" or "N" to limit results to retired or obtainable achievements. By default, achievements of any status will be included.

; ''conditions''
: Optional. Semi-colon delimited list of additional semantic query conditions to filter the achievements list.

; ''sort''
: Optional. Comma-delimited list of semantic properties used to sort the results.

; ''order''
: Optional. For use with "sort". Comma-separated list of sort directions, i.e. "asc, desc".

<includeonly>

[[Category:Semantic result templates]]
</includeonly>

Template:Achievement list

2026-05-30T18:34:07Z

Erin Umbreon: move documentation

<includeonly>
{| {{STDT| mech1 sortable align-left}}
{{#ask:
[[Category:Achievements]]
{{#if:{{{1|}}}|
[[Category:{{{1}}} achievements]]
{{#if:{{{2}}}|[[Has achievement subcategory::{{{2}}}]]}}
}}{{#if:{{{conditions|}}}|{{#arraymap:{{{conditions}}}|;|@@@|[[@@@]]|\s}}|}}
[[Is retired content::{{{isRetired|+}}}]]
| ?Has canonical name
| ?Has game icon
| ?Has achievement point reward
| ?Has game description
| ?Has achievement reward type
| ?Has reward
| ?Has patch
| ?Is retired content
| ?Has title reward
| sort = {{{sort|Has patch,Has achievement category,Has achievement subcategory,Has sortkey,Has internal ID,Has canonical name}}}
| order = {{{order|}}}
| link = none
| format = template
| template = Achievement table row format
| introtemplate = Achievement table header
| outrotemplate = Table footer
| mainlabel=
| limit = 500
}}</includeonly><noinclude>
{{documentation}}

== Examples ==
<pre>{{Achievement list|Character|Commendation}}</pre>
{{Achievement list|Character|Commendation}}

<pre>{{Achievement list|PvP|The Wolves' Den|isRetired=Y}}</pre>
{{Achievement list|PvP|The Wolves' Den|isRetired=Y}}

<pre>{{Achievement list|conditions=Has patch::7.35;Has reward::+}}</pre>
{{Achievement list|conditions=Has patch::7.35;Has reward::+}}
===Custom sort===
<pre>{{Achievement list|Character|Commendation|sort=Has patch,Has reward|order=desc,asc}}</pre>
{{Achievement list|Character|Commendation|sort=Has patch,Has reward|order=desc,asc}}

Template:Deployment sector infobox

2026-05-30T18:12:33Z

Erin Umbreon: more whitespace fixing...

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:
Has context = Deployment sector
| Has patch = {{{patch|}}}
}}{{expansion content|{{{patch|}}}}}<div class="infobox-n crafting-role">
<div class="icon deploymentsector-infobox-icon">
<div style="overflow: hidden; width: 38px; height: 38px; display:inline-block; vertical-align:middle;">
<div style="margin: 0px; overflow: hidden;">[[File:Airship Sub icon.png|40px|link=Deployment Sector]]{{#set:|Has game icon=File:Airship Sub icon.png|Has game icon frame type=none}}</div>
</div>
</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
{{#if:{{{type|}}}|
; Type
: {{ucfirst:{{{type}}}}} {{#set:Has deployment type={{{type}}}}}
}}{{#if:{{{unlocked-via|}}}|
; Unlocked via
: {{#arraymap:{{{unlocked-via}}}|,|@@@|[[@@@]]|<br>}} {{#set:Has deployment unlock={{{unlocked-via}}}}}
}}
; Rank
: {{{rank|}}} {{#set:Has deployment rank={{{rank}}}}}{{#if:{{{alias|}}}|
; Alias
: {{{alias|}}} {{#set:Has deployment alias={{{alias}}}}}
}}
; Map
: [[{{{map|}}}]] {{#set:Has deployment map={{{map}}}}}
; Experience
: {{{experience|}}} {{#set:Has deployment exp={{{experience}}}}}
; Cost
: {{{cost|}}} {{item icon|Ceruleum Tank}} {{#set:Has deployment cost={{{cost}}}}}
; Difficulty
:{{#switch:{{{difficulty|}}}|1=★|2=★★|3=★★★|4=★★★★|5=★★★★★|#default=}} {{#set:Has deployment difficulty={{{difficulty}}}}}
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
</div>
</div></div>
{{#if:{{NAMESPACE}}
||
[[Category:Deployment Sector]]

{{#switch:{{lc:{{{type|}}}}}
| sea = [[Category:Subaquatic Deployment Sector]] {{#set:Has deployment sector type=Subaquatic Deployment Sector}}
| air = [[Category:Airship Deployment Sector]] {{#set:Has deployment sector type=Airship Deployment Sector}}
| #default = [[Category:Deployment Sector with no type specified]]}}
}}</includeonly><noinclude>
{{documentation}}

== Example ==
<pre>{{Deployment sector infobox
| name = The Ivory Shoals
| type = sea
| unlocked-via =
| rank = 1
| alias = A
| map = Deep-sea Site
| experience = 10,610
| cost = 1
| difficulty = 1
| patch = 4.2
}}</pre>
{{Deployment sector infobox
| name = The Ivory Shoals
| type = sea
| unlocked-via =
| rank = 1
| alias = A
| map = Deep-sea Site
| experience = 10,610
| cost = 1
| difficulty = 1
| patch = 4.2
}}
</noinclude>

Template:Armor table row format

2026-05-29T15:36:21Z

Erin Umbreon: disallow wrapping between attribute names and value (but actually this time)

<includeonly>|-
| style="text-align:left;" | [[{{{1}}}|{{{2}}}]]
| {{#invoke:Icon|renderGameIcon|type=item|size=big|link={{{1}}}|icon={{{3}}}|dyeCount={{{54}}}}}
| {{{4|-}}}
| {{{5|-}}}
| {{#if:{{{6|}}}|{{#switch:{{{6|}}}|Disciple of War,Disciple of Magic,Disciple of the Land,Disciple of the Hand=Any [[class]]|Disciple of War,Disciple of Magic=[[Disciple of War]] or [[Disciple of Magic|Magic]]|[[{{{6|}}}]]}}}} {{#arraymap:{{{7}}}|,|@@@| {{#switch:{{lc:@@@}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver
| marauder | gladiator | pugilist | lancer | archer | conjurer | thaumaturge | arcanist | rogue = {{@@@|name=y|icon=n}}
| #default = }}| }} {{#arraymap:{{{8}}}|,|@@@| {{#switch:{{lc:@@@}}
| dark knight | red mage | black mage | white mage | blue mage | astrologian | bard | dragoon | monk | machinist | ninja | samurai | scholar | summoner | paladin | warrior | gunbreaker | dancer | reaper | sage | viper | pictomancer =
{{@@@|name=y|icon=n}}
| #default = }}| }}{{#if:{{{53|}}}|<br>{{#switch:{{{53|}}}|Male=<span style="color:blue;">Male</span>|Female=<span style="color:red;">Female</span>}} only}}
| {{{51|}}}
| {{{9|-}}}{{#if:{{{31|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{31}}}</sup>}}
| {{{10|-}}}{{#if:{{{32|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{32}}}</sup>}}
| {{{11|-}}} {{#ifeq:{{{11|}}}|0||{{#ifeq:{{{12|}}}|true|<span style="color:red;" title="This item can undergo advanced melding">(5)</span>}}}}
| style="text-align:left;" | {{#if:{{{13|}}}|[[Strength]] +{{#explode:{{{13}}}|,|0}}{{#if:{{{33|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{33}}}</sup>}}&emsp;}}{{#if:{{{14|}}}|[[Dexterity]] +{{#explode:{{{14}}}|,|0}}{{#if:{{{34|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{34}}}</sup>}}&emsp;}}{{#if:{{{15|}}}|[[Intelligence]] +{{#explode:{{{15}}}|,|0}}{{#if:{{{35|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{35}}}</sup>}}&emsp;}}{{#if:{{{16|}}}|[[Mind]] +{{#explode:{{{16}}}|,|0}}{{#if:{{{36|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{36}}}</sup>}}&emsp;}}{{#if:{{{17|}}}|[[Vitality]] +{{{17}}}{{#if:{{{37|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{37}}}</sup>}}&emsp;}}{{#if:{{{18|}}}|[[Critical Hit]] +{{{18}}}{{#if:{{{38|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{38}}}</sup>}}&emsp;}}{{#if:{{{19|}}}|[[Determination]] +{{{19}}}{{#if:{{{39|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{39}}}</sup>}}&emsp;}}{{#if:{{{20|}}}|[[Direct Hit Rate]] +{{{20}}}{{#if:{{{40|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{40}}}</sup>}}&emsp;}}{{#if:{{{21|}}}|[[Skill Speed]] +{{{21}}}{{#if:{{{41|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{41}}}</sup>}}&emsp;}}{{#if:{{{22|}}}|[[Spell Speed]] +{{{22}}}{{#if:{{{42|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{42}}}</sup>}}&emsp;}}{{#if:{{{23|}}}|[[Tenacity]] +{{{23}}}{{#if:{{{43|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{43}}}</sup>}}&emsp;}}{{#if:{{{24|}}}|[[Piety (Stat)|Piety]] +{{{24}}}{{#if:{{{44|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{44}}}</sup>}}&emsp;}}{{#if:{{{25|}}}|[[Craftsmanship]] +{{{25}}}{{#if:{{{45|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{45}}}</sup>}}&emsp;}}{{#if:{{{26|}}}|[[Control]] +{{{26}}}{{#if:{{{46|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{46}}}</sup>}}&emsp;}}{{#if:{{{27|}}}|[[CP]] +{{{27}}}{{#if:{{{47|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{47}}}</sup>}}&emsp;}}{{#if:{{{28|}}}|[[Gathering (Attribute)|Gathering]] +{{{28}}}{{#if:{{{48|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{48}}}</sup>}}&emsp;}}{{#if:{{{29|}}}|[[Perception]] +{{{29}}}{{#if:{{{49|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{49}}}</sup>}}&emsp;}}{{#if:{{{30|}}}|[[GP]] +{{{30}}}{{#if:{{{50|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{50}}}</sup>}}&emsp;}}{{#if:{{{52|}}}|[[Haste (Attribute)|Haste]] +{{{52}}}}}{{#if:{{{55|}}}| ''Random [[Attributes#Secondary_Attributes|secondary attributes]]''}}
</includeonly><noinclude>
Called as a semantic result template by [[Template:Armor table row]].

=== Input parameter list ===
# PAGENAME [1]
# Has canonical name [2]
# Has game icon [3]
# Has level requirement [4]
# Has item level [5]
# Is for class type [6]
# Is for class [7]
# Is for job [8]
# Has armor defense [9]
# Has armor magic defense [10]
# Has materia slots [11]
# Has advanced melding [12]
# Has strength bonus [13]
# Has dexterity bonus [14]
# Has intelligence bonus [15]
# Has mind bonus [16]
# Has vitality bonus [17]
# Has critical hit bonus [18]
# Has determination bonus [19]
# Has direct hit rate bonus [20]
# Has skill speed bonus [21]
# Has spell speed bonus [22]
# Has tenacity bonus [23]
# Has piety bonus [24]
# Has craftsmanship bonus [25]
# Has control bonus [26]
# Has cp bonus [27]
# Has gathering bonus [28]
# Has perception bonus [29]
# Has gp bonus [30]
# Has hq armor defense [31]
# Has hq armor magic defense [32]
# Has hq strength bonus [33]
# Has hq dexterity bonus [34]
# Has hq intelligence bonus [35]
# Has hq mind bonus [36]
# Has hq vitality bonus [37]
# Has hq critical hit bonus [38]
# Has hq determination bonus [39]
# Has hq direct hit rate bonus [40]
# Has hq skill speed bonus [41]
# Has hq spell speed bonus [42]
# Has hq tenacity bonus [43]
# Has hq piety bonus [44]
# Has hq craftsmanship bonus [45]
# Has hq control bonus [46]
# Has hq cp bonus [47]
# Has hq gathering bonus [48]
# Has hq perception bonus [49]
# Has hq gp bonus [50]
# Has armor type [51]
# Has haste bonus [52]
# Is for gender [53]
# Has dye channels [54]
# Has random substats [55]

[[Category:Table templates]]
[[Category:Semantic result templates]]
</noinclude>

MediaWiki:Common.css

2026-05-29T06:13:28Z

Erin Umbreon: Undo revision 1328031 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;
}

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

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

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

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

/*</nowiki>*/

MediaWiki:Common.css

2026-05-29T06:11:42Z

Erin Umbreon: temp test to see if :has() is allowed

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

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

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

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

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

/* Temporary test: see if :has() works in non-sanitized stylesheets */
div.this-class-does-not-exist:has(span) { background: red }

/*</nowiki>*/

MediaWiki:Common.css

2026-05-29T05:16:11Z

Erin Umbreon: actually fix handling of selflinks in icon labels

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

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

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

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

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

/*</nowiki>*/

MediaWiki:Common.css

2026-05-29T05:15:10Z

Erin Umbreon: Undo revision 1327985 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;
}

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

/* Link improvements for icon/label groups - [[Module:Icon#renderGameIconWithLabel]] */
/* Extend label link clickbox
.icon-label-container > a:not(.mw-selflink) {
margin-left: -1em;
padding-left: 1em;
}
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a::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 {
text-decoration: underline;
}

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

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

/*</nowiki>*/

MediaWiki:Common.css

2026-05-29T05:14:40Z

Erin Umbreon: what was i doing

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

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

/* Link improvements for icon/label groups - [[Module:Icon#renderGameIconWithLabel]] */
/* Extend label link clickbox
.icon-label-container {
position: relative;
}
.icon-label-container > a:not(.mw-selflink) {
margin-left: -1em;
padding-left: 1em;
}
.icon-label-container > a:not(.mw-selflink)::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

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

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

/*</nowiki>*/

Template:Tool table row format

2026-05-29T05:11:24Z

Erin Umbreon: disallow wrapping between attribute names and value

<includeonly>|-
| style="text-align:left;" | [[{{{1}}}|{{{2}}}]]
| {{STFI|link={{{1}}}|icon={{#replace:{{{3}}}|File:|}}|dye-count={{{24}}}|size=big}}
| {{{4|-}}}
| {{{5|-}}}
| {{#arraymap:{{{6}}}|,|@@@| {{#switch:{{lc:@@@}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver = {{@@@|name=y|icon=n}}
| #default = }}| }}
| {{{7|-}}} {{#ifeq:{{{7|}}}|0||{{#ifeq:{{{8|}}}|true|<span style="color:red;" title="This item can undergo advanced melding">(5)</span>}}}}
| style="text-align:left;" | {{#if:{{{9|}}}|[[Vitality]] +{{{9}}}{{#if:{{{16|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{16}}}</sup>}}&emsp;}}{{#if:{{{10|}}}|[[Craftsmanship]] +{{{10}}}{{#if:{{{17|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{17}}}</sup>}}&emsp;}}{{#if:{{{11|}}}|[[Control]] +{{{11}}}{{#if:{{{18|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{18}}}</sup>}}&emsp;}}{{#if:{{{12|}}}|[[CP]] +{{{12}}}{{#if:{{{19|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{19}}}</sup>}}&emsp;}}{{#if:{{{13|}}}|[[Gathering (Attribute)|Gathering]] +{{{13}}}{{#if:{{{20|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{20}}}</sup>}}&emsp;}}{{#if:{{{14|}}}|[[Perception]] +{{{14}}}{{#if:{{{21|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{21}}}</sup>}}&emsp;}}{{#if:{{{15|}}}|[[GP]] +{{{15}}}{{#if:{{{22|}}}| {{HQ|14}}<sup style="font-size: 0.7em; font-weight: bold;">{{{22}}}</sup>}}&emsp;}}{{#if:{{{23|}}}|<br><br>{{{23|}}}}}
</includeonly><noinclude>
Called as a semantic result template by [[Template:Tool table row]].

=== Input parameter list ===
# PAGENAME [1]
# Has canonical name [2]
# Has game icon [3]
# Has level requirement [4]
# Has item level [5]
# Is for class [6]
# Has materia slots [7]
# Has advanced melding [8]
# Has vitality bonus [9]
# Has craftsmanship bonus [10]
# Has control bonus [11]
# Has cp bonus [12]
# Has gathering bonus [13]
# Has perception bonus [14]
# Has gp bonus [15]
# Has hq vitality bonus [16]
# Has hq craftsmanship bonus [17]
# Has hq control bonus [18]
# Has hq cp bonus [19]
# Has hq gathering bonus [20]
# Has hq perception bonus [21]
# Has hq gp bonus [22]
# Has game description [23]

[[Category:Table templates]]
[[Category:Semantic result templates]]
</noinclude>

Template:Weapon table row format

2026-05-29T05:11:01Z

Erin Umbreon: disallow wrapping between attribute names and value

<includeonly>|-
| style="text-align:left;" | [[{{{1}}}|{{{2}}}]]
| {{#invoke:Icon|renderGameIcon|type=item|size=big|link={{{1}}}|icon={{{3}}}|dyeCount={{{42}}}}}
| {{{4|-}}}
| {{{5|-}}}
| {{#arraymap:{{{6}}}|,|@@@| {{#switch:{{lc:@@@}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver
| marauder | gladiator | pugilist | lancer | archer | conjurer | thaumaturge | arcanist | rogue = {{@@@|name=y|icon=n}}
| #default = }}| }} {{#arraymap:{{{7}}}|,|@@@| {{#switch:{{lc:@@@}}
| dark knight | red mage | black mage | white mage | blue mage | astrologian | bard | dragoon | monk | machinist | ninja | samurai | scholar | summoner | paladin | warrior | gunbreaker | dancer | reaper | sage | viper | pictomancer =
{{@@@|name=y|icon=n}}
| #default = }}| }}
| {{#if:{{{7|}}}|
{{#switch: {{lc:{{{7|}}}}}
| warrior | paladin | monk | dragoon | bard | ninja | dark knight | machinist | samurai | gunbreaker | dancer | reaper | viper = {{{8}}}{{#if:{{{26|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{26}}}</sup>}} [[File:Physical Damage.png|24px|link=Damage Types#Physical]]
| #default = {{{9}}}{{#if:{{{27|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{27}}}</sup>}} [[File:Magical Damage.png|24px|link=Damage Types#Magical]] }}
}}
| {{{12|-}}} {{#ifeq:{{{12|}}}|0||{{#ifeq:{{{13|}}}|true|<span style="color:red;" title="This item can undergo advanced melding">(5)</span>}}}}
| style="text-align:left;" | {{#if:{{{14|}}}|[[Strength]] +{{{14}}}{{#if:{{{29|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{29}}}</sup>}}&emsp;}}{{#if:{{{15|}}}|[[Dexterity]] +{{{15}}}{{#if:{{{30|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{30}}}</sup>}}&emsp;}}{{#if:{{{16|}}}|[[Intelligence]] +{{{16}}}{{#if:{{{31|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{31}}}</sup>}}&emsp;}}{{#if:{{{17|}}}|[[Mind]] +{{{17}}}{{#if:{{{32|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{32}}}</sup>}}&emsp;}}{{#if:{{{18|}}}|[[Vitality]] +{{{18}}}{{#if:{{{33|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{33}}}</sup>}}&emsp;}}{{#if:{{{19|}}}|[[Critical Hit]] +{{{19}}}{{#if:{{{34|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{34}}}</sup>}}&emsp;}}{{#if:{{{20|}}}|[[Determination]] +{{{20}}}{{#if:{{{35|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{35}}}</sup>}}&emsp;}}{{#if:{{{21|}}}|[[Direct Hit Rate]] +{{{21}}}{{#if:{{{36|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{36}}}</sup>}}&emsp;}}{{#if:{{{22|}}}|[[Skill Speed]] +{{{22}}}{{#if:{{{37|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{37}}}</sup>}}&emsp;}}{{#if:{{{23|}}}|[[Spell Speed]] +{{{23}}}{{#if:{{{38|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{38}}}</sup>}}&emsp;}}{{#if:{{{24|}}}|[[Tenacity]] +{{{24}}}{{#if:{{{39|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{39}}}</sup>}}&emsp;}}{{#if:{{{25|}}}|[[Piety (Stat)|Piety]] +{{{25}}}{{#if:{{{40|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{40}}}</sup>}}&emsp;}}{{#if:{{{41|}}}|[[File:Item settings icon.png|24px|link=]] ''Customizable [[Attributes#Secondary_Attributes|secondary attributes]]''}}{{#if:{{{43|}}}| ''Random [[Attributes#Secondary_Attributes|secondary attributes]]''}}
</includeonly><noinclude>
Called as a semantic result template by [[Template:Weapon table row]].

=== Input parameter list ===
# PAGENAME [1]
# Has canonical name [2]
# Has game icon [3]
# Has level requirement [4]
# Has item level [5]
# Is for class [6]
# Is for job [7]
# Has weapon physical damage [8]
# Has weapon magic damage [9]
# Has weapon delay [10]
# Has weapon auto-attack damage [11]
# Has materia slots [12]
# Has advanced melding [13]
# Has strength bonus [14]
# Has dexterity bonus [15]
# Has intelligence bonus [16]
# Has mind bonus [17]
# Has vitality bonus [18]
# Has critical hit bonus [19]
# Has determination bonus [20]
# Has direct hit rate bonus [21]
# Has skill speed bonus [22]
# Has spell speed bonus [23]
# Has tenacity bonus [24]
# Has piety bonus [25]
# Has hq weapon physical damage [26]
# Has hq weapon magic damage [27]
# Has hq weapon auto-attack damage [28]
# Has hq strength bonus [29]
# Has hq dexterity bonus [30]
# Has hq intelligence bonus [31]
# Has hq mind bonus [32]
# Has hq vitality bonus [33]
# Has hq critical hit bonus [34]
# Has hq determination bonus [35]
# Has hq direct hit rate bonus [36]
# Has hq skill speed bonus [37]
# Has hq spell speed bonus [38]
# Has hq tenacity bonus [39]
# Has hq piety bonus [40]
# Has customizable substats [41]
# Has dye channels [42]
# Has random substats [43]

[[Category:Table templates]]
[[Category:Semantic result templates]]
</noinclude>

Template:Shield table row format

2026-05-29T05:07:12Z

Erin Umbreon: disallow wrapping between attribute names and value

<includeonly>|-
| style="text-align:left;" | [[{{{1}}}|{{{2}}}]]
| {{#invoke:Icon|renderGameIcon|type=item|size=big|link={{{1}}}|icon={{{3}}}|dyeCount={{{39}}}}}
| {{{4|-}}}
| {{{5|-}}}
| {{#arraymap:{{{6}}}|,|@@@| {{#switch:{{lc:@@@}}
| gladiator | conjurer | thaumaturge = {{@@@|name=y|icon=n}}
| #default = }}| }} {{#arraymap:{{{7}}}|,|@@@| {{#switch:{{lc:@@@}}
| black mage | white mage | paladin =
{{@@@|name=y|icon=n}}
| #default = }}| }}
| {{{8|-}}}{{#if:{{{24|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{24}}}</sup>}}
| {{{9|-}}}{{#if:{{{25|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{25}}}</sup>}}
| {{{10|-}}} {{#ifeq:{{{10|}}}|0||{{#ifeq:{{{11|}}}|true|<span style="color:red;" title="This item can undergo advanced melding">(5)</span>}}}}
| style="text-align:left;" | {{#if:{{{12|}}}|[[Strength]] +{{{12}}}{{#if:{{{26|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{26}}}</sup>}}&emsp;}}{{#if:{{{13|}}}|[[Dexterity]] +{{{13}}}{{#if:{{{27|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{27}}}</sup>}}&emsp;}}{{#if:{{{14|}}}|[[Intelligence]] +{{{14}}}{{#if:{{{28|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{28}}}</sup>}}&emsp;}}{{#if:{{{15|}}}|[[Mind]] +{{{15}}}{{#if:{{{29|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{29}}}</sup>}}&emsp;}}{{#if:{{{16|}}}|[[Vitality]] +{{{16}}}{{#if:{{{30|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{30}}}</sup>}}&emsp;}}{{#if:{{{17|}}}|[[Critical Hit]] +{{{17}}}{{#if:{{{31|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{31}}}</sup>}}&emsp;}}{{#if:{{{18|}}}|[[Determination]] +{{{18}}}{{#if:{{{32|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{32}}}</sup>}}&emsp;}}{{#if:{{{19|}}}|[[Direct Hit Rate]] +{{{19}}}{{#if:{{{33|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{33}}}</sup>}}&emsp;}}{{#if:{{{20|}}}|[[Skill Speed]] +{{{20}}}{{#if:{{{34|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{34}}}</sup>}}&emsp;}}{{#if:{{{21|}}}|[[Spell Speed]] +{{{21}}}{{#if:{{{35|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{35}}}</sup>}}&emsp;}}{{#if:{{{22|}}}|[[Tenacity]] +{{{22}}}{{#if:{{{36|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{36}}}</sup>}}&emsp;}}{{#if:{{{23|}}}|[[Piety (Stat)|Piety]] +{{{23}}}{{#if:{{{37|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{37}}}</sup>}}&emsp;}}{{#if:{{{38|}}}|[[File:Item settings icon.png|24px|link=]] ''Customizable [[Attributes#Secondary_Attributes|secondary attributes]]''}}{{#if:{{{40|}}}| ''Random [[Attributes#Secondary_Attributes|secondary attributes]]''}}
</includeonly><noinclude>
Called as a semantic result template by [[Template:Shield table row]].

=== Input parameter list ===
# PAGENAME [1]
# Has canonical name [2]
# Has game icon [3]
# Has level requirement [4]
# Has item level [5]
# Is for class [6]
# Is for job [7]
# Has block strength [8]
# Has block rate [9]
# Has materia slots [10]
# Has advanced melding [11]
# Has strength bonus [12]
# Has dexterity bonus [13]
# Has intelligence bonus [14]
# Has mind bonus [15]
# Has vitality bonus [16]
# Has critical hit bonus [17]
# Has determination bonus [18]
# Has direct hit rate bonus [19]
# Has skill speed bonus [20]
# Has spell speed bonus [21]
# Has tenacity bonus [22]
# Has piety bonus [23]
# Has hq block strength [24]
# Has hq block rate [25]
# Has hq strength bonus [26]
# Has hq dexterity bonus [27]
# Has hq intelligence bonus [28]
# Has hq mind bonus [29]
# Has hq vitality bonus [30]
# Has hq critical hit bonus [31]
# Has hq determination bonus [32]
# Has hq direct hit rate bonus [33]
# Has hq skill speed bonus [34]
# Has hq spell speed bonus [35]
# Has hq tenacity bonus [36]
# Has hq piety bonus [37]
# Has customizable substats [38]
# Has dye channels [39]
# Has random substats [40]

{| {{STDT|equip align-center sortable}}
{{shield table header}}
{{shield table row|Company Escutcheon}}
{{shield table row|Coven Shield}}
{{shield table row|Neo-Ishgardian Shield}}
|}

[[Category:Table templates]]
[[Category:Semantic result templates]]
</noinclude>

Template:Armor table row format

2026-05-29T05:06:13Z

Erin Umbreon: disallow wrapping between attribute names and value

<includeonly>|-
| style="text-align:left;" data-sort-value="{{{2}}}" | {{#invoke:Icon|renderGameIconWithLabel|type=item|size=big|text={{{2}}}|link={{{1}}}|icon={{{3}}}|dyeCount={{{54}}}}}
| {{{4|-}}}
| {{{5|-}}}
| {{#if:{{{6|}}}|{{#switch:{{{6|}}}|Disciple of War,Disciple of Magic,Disciple of the Land,Disciple of the Hand=Any [[class]]|Disciple of War,Disciple of Magic=[[Disciple of War]] or [[Disciple of Magic|Magic]]|[[{{{6|}}}]]}}}} {{#arraymap:{{{7}}}|,|@@@| {{#switch:{{lc:@@@}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver
| marauder | gladiator | pugilist | lancer | archer | conjurer | thaumaturge | arcanist | rogue = {{@@@|name=y|icon=n}}
| #default = }}| }} {{#arraymap:{{{8}}}|,|@@@| {{#switch:{{lc:@@@}}
| dark knight | red mage | black mage | white mage | blue mage | astrologian | bard | dragoon | monk | machinist | ninja | samurai | scholar | summoner | paladin | warrior | gunbreaker | dancer | reaper | sage | viper | pictomancer =
{{@@@|name=y|icon=n}}
| #default = }}| }}{{#if:{{{53|}}}|<br>{{#switch:{{{53|}}}|Male=<span style="color:blue;">Male</span>|Female=<span style="color:red;">Female</span>}} only}}
| {{{51|}}}
| {{{9|-}}}{{#if:{{{31|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{31}}}</sup>}}
| {{{10|-}}}{{#if:{{{32|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{32}}}</sup>}}
| {{{11|-}}} {{#ifeq:{{{11|}}}|0||{{#ifeq:{{{12|}}}|true|<span style="color:red;" title="This item can undergo advanced melding">(5)</span>}}}}
| style="text-align:left;" | {{#if:{{{13|}}}|[[Strength]] +{{#explode:{{{13}}}|,|0}}{{#if:{{{33|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{33}}}</sup>}}&emsp;}}{{#if:{{{14|}}}|[[Dexterity]] +{{#explode:{{{14}}}|,|0}}{{#if:{{{34|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{34}}}</sup>}}&emsp;}}{{#if:{{{15|}}}|[[Intelligence]] +{{#explode:{{{15}}}|,|0}}{{#if:{{{35|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{35}}}</sup>}}&emsp;}}{{#if:{{{16|}}}|[[Mind]] +{{#explode:{{{16}}}|,|0}}{{#if:{{{36|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{36}}}</sup>}}&emsp;}}{{#if:{{{17|}}}|[[Vitality]] +{{{17}}}{{#if:{{{37|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{37}}}</sup>}}&emsp;}}{{#if:{{{18|}}}|[[Critical Hit]] +{{{18}}}{{#if:{{{38|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{38}}}</sup>}}&emsp;}}{{#if:{{{19|}}}|[[Determination]] +{{{19}}}{{#if:{{{39|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{39}}}</sup>}}&emsp;}}{{#if:{{{20|}}}|[[Direct Hit Rate]] +{{{20}}}{{#if:{{{40|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{40}}}</sup>}}&emsp;}}{{#if:{{{21|}}}|[[Skill Speed]] +{{{21}}}{{#if:{{{41|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{41}}}</sup>}}&emsp;}}{{#if:{{{22|}}}|[[Spell Speed]] +{{{22}}}{{#if:{{{42|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{42}}}</sup>}}&emsp;}}{{#if:{{{23|}}}|[[Tenacity]] +{{{23}}}{{#if:{{{43|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{43}}}</sup>}}&emsp;}}{{#if:{{{24|}}}|[[Piety (Stat)|Piety]] +{{{24}}}{{#if:{https://ffxiv.consolegameswiki.com/wiki/Level_41-49_Crafting_and_Gathering_Gear#Accessories{{44|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{44}}}</sup>}}&emsp;}}{{#if:{{{25|}}}|[[Craftsmanship]] +{{{25}}}{{#if:{{{45|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{45}}}</sup>}}&emsp;}}{{#if:{{{26|}}}|[[Control]] +{{{26}}}{{#if:{{{46|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{46}}}</sup>}}&emsp;}}{{#if:{{{27|}}}|[[CP]] +{{{27}}}{{#if:{{{47|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{47}}}</sup>}}&emsp;}}{{#if:{{{28|}}}|[[Gathering (Attribute)|Gathering]] +{{{28}}}{{#if:{{{48|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{48}}}</sup>}}&emsp;}}{{#if:{{{29|}}}|[[Perception]] +{{{29}}}{{#if:{{{49|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{49}}}</sup>}}&emsp;}}{{#if:{{{30|}}}|[[GP]] +{{{30}}}{{#if:{{{50|}}}| <sup style="font-size: 0.7em; font-weight: bold;">{{HQ|14}}{{{50}}}</sup>}}&emsp;}}{{#if:{{{52|}}}|[[Haste (Attribute)|Haste]] +{{{52}}}}}{{#if:{{{55|}}}| ''Random [[Attributes#Secondary_Attributes|secondary attributes]]''}}
</includeonly><noinclude>
Called as a semantic result template by [[Template:Armor table row]].

=== Input parameter list ===
# PAGENAME [1]
# Has canonical name [2]
# Has game icon [3]
# Has level requirement [4]
# Has item level [5]
# Is for class type [6]
# Is for class [7]
# Is for job [8]
# Has armor defense [9]
# Has armor magic defense [10]
# Has materia slots [11]
# Has advanced melding [12]
# Has strength bonus [13]
# Has dexterity bonus [14]
# Has intelligence bonus [15]
# Has mind bonus [16]
# Has vitality bonus [17]
# Has critical hit bonus [18]
# Has determination bonus [19]
# Has direct hit rate bonus [20]
# Has skill speed bonus [21]
# Has spell speed bonus [22]
# Has tenacity bonus [23]
# Has piety bonus [24]
# Has craftsmanship bonus [25]
# Has control bonus [26]
# Has cp bonus [27]
# Has gathering bonus [28]
# Has perception bonus [29]
# Has gp bonus [30]
# Has hq armor defense [31]
# Has hq armor magic defense [32]
# Has hq strength bonus [33]
# Has hq dexterity bonus [34]
# Has hq intelligence bonus [35]
# Has hq mind bonus [36]
# Has hq vitality bonus [37]
# Has hq critical hit bonus [38]
# Has hq determination bonus [39]
# Has hq direct hit rate bonus [40]
# Has hq skill speed bonus [41]
# Has hq spell speed bonus [42]
# Has hq tenacity bonus [43]
# Has hq piety bonus [44]
# Has hq craftsmanship bonus [45]
# Has hq control bonus [46]
# Has hq cp bonus [47]
# Has hq gathering bonus [48]
# Has hq perception bonus [49]
# Has hq gp bonus [50]
# Has armor type [51]
# Has haste bonus [52]
# Is for gender [53]
# Has dye channels [54]
# Has random substats [55]

==Examples==
{| {{STDT|equip align-center sortable}}
|-
!Item
!Level
!Item Level
!Requirement
!Slot
!Defense
!Magic Defense
!Materia Slots
!Stats and Attributes
{{Armor table row|Plain Neotunic}}
{{Armor table row|Praemagitek Hood of Aiming}}
{{Armor table row|Mistwake Ring of Aiming}}
{{Armor table row|Courtly Lover's Armguards of Striking}}
{{table footer}}

[[Category:Table templates]]
[[Category:Semantic result templates]]
</noinclude>

MediaWiki:Common.css

2026-05-29T04:28:40Z

Erin Umbreon: add nowrap utility class that has gone missing for some reason

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

nav#p-namespaces {
margin-left: 1em !important;
}

.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;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}

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

#mainpagenavigation td.separator {
border-right: #aaa 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 {
font-weight: bold;
}

.rarity.white,
.rarity.basic {
color: black;
}
.rarity.green,
.rarity.dungeon {
color: #20bc70;
}
.rarity.blue,
.rarity.tomestone {
color: #2673c5;
}
.rarity.pink,
.rarity.aetherial {
color: #ff65ad;
}
.rarity.purple,
.rarity.relic {
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;
}

span.ce-reward-bronze {
background: #e3a25d;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-silver {
background: #c3c3c3;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

span.ce-reward-gold {
background: #ffd800;
color: #000000;
display: inline-block;
padding: 0px 3px 3px 3px;
width: 30px;
text-align: center;
border-radius: 10px;
}

#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;
}

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

/* Link improvements for icon/label groups - [[Module:Icon#renderGameIconWithLabel]] */
/* Extend label link clickbox
.icon-label-container > a:not(.mw-selflink) {
margin-left: -1em;
padding-left: 1em;
}
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a::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 {
text-decoration: underline;
}

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

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

/*</nowiki>*/

Template:Game icon format/doc

2026-05-29T04:08:34Z

Erin Umbreon:

{{documentation subpage}}
{{lua|Module:Icon}}

SMW formatting template for rendering the {{tl|Game icon}} of the result of an arbitrary <code><nowiki>{{#ask}}</nowiki></code> query.

Invoke with <code>named args=yes</code> and <code>link=none</code>. Parameters:

* Pagename
* Has context
* Has game icon
* Has game icon frame type
* Has canonical name
* Has dye channels

The query <code>userparam</code> can be used to pass additional parameters that aren't part of the query. If used, it should contain the following parameters from {{tl|Game icon}}, with no extra whitespace, separated by semicolon: <code>text;size;hq;qty;wrap;original_pagename</code>

* text: Text override for the label. Leave blank to use canonical name; pass <code>x</code> to omit label.
* size: One of small, mid, big
* hq: For items, renders high-quality item.
* qty: For items, renders a specific quantity or range of quantities.
* wrap: Controls text wrapping within item label.
* original_pagename: The way the icon link was originally specified, ''before'' redirects are resolved (as opposed to the "Pagename" query param which is ''after'' redirects are resolved). Used to ensure the link text and target remains exactly as typed, but if this is empty then the "Pagename" query param is used instead.

<includeonly>

[[Category:Semantic result templates]]
</includeonly>

Template:Game icon format/doc

2026-05-29T04:07:59Z

Erin Umbreon:

{{documentation subpage}}
{{lua|Module:Icon}}

SMW formatting template for rendering the {{tl|Game icon}} of the result of an arbitrary <code><nowiki>{{#ask}}</nowiki></code> query.

Invoke with <code>named args=yes</code> and <code>link=none</code>. Parameters:

* Pagename
* Has context
* Has game icon
* Has game icon frame type
* Has canonical name
* Has dye channels

The query <code>userparam</code> can be used to pass additional parameters that aren't part of the query. If used, it should contain the following parameters from {{tl|Game icon}}, with no extra whitespace, separated by semicolon: <code>text;size;hq;qty;wrap</code>

* text: Text override for the label. Leave blank to use canonical name; pass <code>x</code> to omit label.
* size: One of small, mid, big
* hq: For items, renders high-quality item.
* qty: For items, renders a specific quantity or range of quantities.
* wrap: Controls text wrapping within item label.
* original_pagename: The way the icon link was originally specified, ''before'' redirects are resolved (as opposed to the "Pagename" query param which is ''after'' redirects are resolved). Used to ensure the link text and target remains exactly as typed, but if this is empty then the "Pagename" query param is used instead.

<includeonly>

[[Category:Semantic result templates]]
</includeonly>

Template:Triple Triad card values/doc

2026-05-28T23:29:32Z

Erin Umbreon: i guess these can be anything

{{documentation subpage}}

{<nowiki/>{'''Triple Triad card values'''|top=|left=|right=|bottom=}}

Renders [[Triple Triad]] card values in a diamond, as shown on the cards themselves. Used for display in {{tl|Triple Triad Card infobox}}.

==Template data==
<templatedata>
{
"params": {
"top": {
"label": "Top value",
"type": "string",
"required": true
},
"left": {
"label": "Left value",
"type": "string",
"required": true
},
"right": {
"label": "Right value",
"type": "string",
"required": true
},
"bottom": {
"label": "Bottom value",
"type": "string",
"required": true
}
},
"description": "Formats Triple Triad card values.",
"paramOrder": [
"top",
"left",
"right",
"bottom"
],
"format": "inline"
}
</templatedata>

<includeonly>

[[Category:Formatting templates]]
</includeonly>

Template:Minion infobox

2026-05-28T23:27:38Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:
Has item type=Minion
|Has item rarity=Basic
|Has patch={{{patch|}}}}}{{expansion content|{{{patch|}}}}}<div class="infobox-n item">
<div class="icon item-infobox-icon">{{#invoke:Icon|renderGameIcon|type=minion|size=big|icon=File:{{{icon|{{#titleparts:{{PAGENAMEE}}}}.png}}}|link=File:{{{icon|{{PAGENAMEE}}.png}}}}}{{#set:Has game icon=File:{{{icon|{{#titleparts:{{PAGENAME}}}}.png}}}}}</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="statistics item {{#if:{{{unique|}}}{{{untradable|}}}{{{untradeable|}}}||empty}}">{{#if:{{{unique|}}}|{{#set:Is unique=Y}}<span class="characteristic unique" title="Only one of this item can be held at a time.">UNIQUE</span>  }}{{#if:{{{untradable|}}}{{{untradeable|}}}|{{#set:Is untradable=Y}}<span class="characteristic untradable" title="This item cannot be traded to another player.">UNTRADABLE</span>  }}{{#if:{{{unsellable|}}}|{{#set:Is unsellable=Y}}<span class="characteristic unsellable" title="This item cannot be sold to merchants.">UNSELLABLE</span>}}</div>
<div class="wrapper">
<p class="image_wrapper">{{#if:{{{image|}}}
| {{#ifeq:{{{image}}}|no|{{clear}}| [[Has appearance::File:{{{image}}}|200x260px]] }}
| {{#vardefine:default|File:{{#replace:{{#titleparts:{{PAGENAME}}}}|:|-}}.jpg}} {{#ifexist:{{#var:default}} 
| [[Has appearance::{{#var:default}}|250x250px]]
| [[{{#var:default}}|Upload an image of this minion.]]
}}
}}</p>
;Behaviour
:{{{behaviour|}}}
{{#if: {{{value|}}} |
; Vendor [[Currency|Value]]
: {{gil|{{{value|}}}}}{{#set:Has vendor value={{{value|}}}}} {{#if:{{{value-hq|}}}|<sup>{{HQ|14}} {{gil|{{{value-hq|}}}|size=10}}</sup>}}
}}
{{#if: {{{patch|}}} |
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
|[[Category:Items needing patch]]}}
{{#if: {{{id-edb|}}}{{{id-gt|}}}|
; Links
: {{#if: {{{id-edb|}}}|<u style="border-bottom: 1px dotted; text-decoration: none;" title="Eorzea Database">{{EDB|item|{{{id-edb}}}|EDB}}</u>}} {{#if: {{{id-gt|}}}|<u style="border-bottom: 1px dotted; text-decoration: none;" title="Garland Tools">[https://garlandtools.org/db/#item/{{{id-gt}}} GT]</u> <u style="border-bottom: 1px dotted; text-decoration: none;" title="Teamcraft">[https://ffxivteamcraft.com/db/en/item/{{{id-gt}}} TC]</u>}}}}{{#if: {{#show:{{PAGENAME}}|?Is untradable}}{{#show:{{PAGENAME}}|?Is market prohibited}}{{#show:{{PAGENAME}}|?Is island sanctuary item}}{{#show:{{PAGENAME}}|?Is cosmic exploration item}} | | ; [[File:Market_board_icon1.png|20px|link=Market Board]] [[Market Board|MB]] prices
: [https://universalis.app/market/{{{id-gt}}} Universalis]
}}{{#if: {{{id-gt|}}}|{{#set:Has internal ID={{{id-gt|}}}}}|{{#ifeq: {{lc:{{{id-gt-exists|}}}}}|n||[[Category:Minions with no internal ID specified]]}}}}{{#if: {{{id-edb|}}}|{{#set:Has EDB ID={{{id-edb}}}}}|{{#ifeq: {{lc:{{{id-edb-exists|}}}}}|n||[[Category:Minions with no EDB ID specified]]}}}}
{{clear}}
<div class="heading">Lord of Verminion</div>
;Type
:{{{type|}}} {{minion icon|{{{type}}}}}{{#set:Has minion type={{{type|}}}}}
;HP
:{{{hp|}}}{{#set:Has minion hp={{{hp|}}}}}
;ATK
:{{{atk|}}}{{#set:Has minion atk={{{atk|}}}}}
;DEF
:{{{def|}}}{{#set:Has minion def={{{def|}}}}}
;SPD
:{{#switch:{{{spd|}}}|1=★|2=★★|3=★★★|4=★★★★|#default=}}{{#set:Has minion spd={{{spd|}}}}}
;Cost
:{{{cost|}}}{{#set:Has minion cost={{{cost|}}}}}
;Auto-attack
:{{ucfirst:{{{auto|}}}}}{{#set:Has minion auto-attack={{{auto|}}}}}
;Strengths
:{{#if: {{{strengths|}}} |{{#arraymap:{{{strengths}}}|,|@@@|{{#switch:{{lc:@@@}}
| shields = [[File:MinionShields.png|18px|link=Effective against Shields]]{{#set:Has minion strength=Shields}}
| search eyes = [[File:MinionSearch Eyes.png|18px|link=Effective against Search Eyes]]{{#set:Has minion strength=Search Eyes}}
| gates = [[File:MinionGates.png|18px|link=Effective against Gates]]{{#set:Has minion strength=Gates}}
| arcana stones = [[File:MinionArcana Stones.png|18px|Effective against Arcana Stones]]{{#set:Has minion strength=Arcana Stones}}
| #default = [[File:@@@.png|18px|link=@@@]]{{#set:Has minion strength={{ucfirst:@@@}}}}}}| }}
}}
;Special
:{{{special|}}}
;Special Type
:{{ucfirst:{{{special-type|}}}}}{{#set:Has minion special type={{{special-type|}}}}}
;Area effect
:{{#switch:{{{specialdeg|}}}|0=[[File:0_area_action.png|20px|link=]]|0=[[File:0_area_action.png|20px|link=]]|30=[[File:30_area_action.png|20px|link=]]|120=[[File:120_area_action.png|20px|link=]]|360=[[File:360_area_action.png|20px|link=]]|#default=}}{{#set:Has minion specialdeg={{{specialdeg|}}}}}
;Special Desc
:{{{special-desc|}}}
{{#if:{{{special-dur|}}}|
;Special Dur
:{{{special-dur|}}}s
|}}{{#if:{{{special-delay|}}}|
;Special Delay
:{{{special-delay|}}}s
|}}
;Points
:{{{points|}}}{{#set:Has minion special points={{{points|}}}}}
{{clear}}
</div></div>{{Obtainable_parameter
| source-type = {{{source-type|}}}
| obtain-by = {{{obtain-by|}}}
| obtainable = {{#var:is-obtainable|{{{obtainable|}}}}}
| cash-shop = {{{cash-shop|}}}
}}{{#if:{{{description|}}}|
{{Quotation|In-game description|{{{description}}}}} {{#set:Has game description={{{description}}}}} }}
{{#if:{{{journal|}}}|
{{Quotation|In-game journal description|{{{journal}}}}} {{#set:Has journal description={{{journal}}}}} }}
{{#if:{{{tooltip|}}}|
{{Quotation|In-game tooltip description|{{{tooltip}}}}} {{#set:Has tooltip description={{{tooltip}}}}} }}
{{#if:{{{island-sanctuary|}}}|
{{Quotation|[[Island Sanctuary]] dialogue|{{{island-sanctuary}}}}} {{#set:Has island sanctuary dialogue={{{island-sanctuary}}}}} }}

'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is a {{lcfirst:{{{type}}}}} [[minion]].


{{#if:{{NAMESPACE}}
||
[[Category:Minions]]
{{#if: {{{type|}}} | {{#arraymap:{{{type|}}}|,|@@@|{{#switch: {{lc:@@@}}
| poppet = [[Category:Poppet]]
| monster = [[Category:Monster]]
| gadget = [[Category:Gadget]]
| critter = [[Category:Critter]]
}}|}}
}}{{#if: {{{patch|}}}|[[Category:Patch {{{patch}}} Items]]}}
}}</includeonly>
<noinclude>{{documentation}}

==Example==
<pre>
{{Minion infobox
| name = Owlet
| icon = Owlet icon2.png
| image = Owlet icon3.png
| behaviour = Independent
| value = 60
| unique =
| untradeable =
| unsellable =
| patch = 3.0
| description = Summon your owlet minion. Who needs eyes in the back of their head when you can spin your head full circle?
| journal = Preserved with temporal magicks and placed on display in the Fractal Continuum, this genetically enhanced cloudkin is documented as being one of the genetic components used in the creation of mirrorknights. He appears to have developed the capacity for reading.
| tooltip = It is difficult to even remember the last time I spoke with someone other than my good friends the owls. <br> - Roiteloin
| type = Critter
| hp = 540
| atk = 55
| def = 50
| spd = 4
| auto = single-target
| cost = 25
| strengths = gates, search eyes
| special = Fundamental Reading
| special-type = Special
| special-desc = Reduces minion summoning recast time by 50%.
| special-dur = 10
| specialdeg = 360
| points = 20
| id-edb = 4c5732044dd
| id-gt = 12052
}}</pre>

{{Minion infobox
| name = Owlet
| icon = Owlet icon2.png
| image = Owlet icon3.png
| behaviour = Independent
| value = 60
| unique =
| untradeable =
| unsellable =
| patch = 3.0
| description = Summon your owlet minion. Who needs eyes in the back of their head when you can spin your head full circle?
| journal = Preserved with temporal magicks and placed on display in the Fractal Continuum, this genetically enhanced cloudkin is documented as being one of the genetic components used in the creation of mirrorknights. He appears to have developed the capacity for reading.
| tooltip = It is difficult to even remember the last time I spoke with someone other than my good friends the owls. <br> - Roiteloin
| type = Critter
| hp = 540
| atk = 55
| def = 50
| spd = 4
| auto = single-target
| cost = 25
| strengths = gates, search eyes
| special = Fundamental Reading
| special-type = Special
| special-desc = Reduces minion summoning recast time by 50%.
| special-dur = 10
| specialdeg = 360
| points = 20
| id-edb = 4c5732044dd
| id-gt = 12052
}}
</noinclude>

Template:Stellar Mission infobox

2026-05-28T23:24:43Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:Has context=Stellar Mission}}{{expansion content|{{{patch|}}}}}{{#switch:{{#explode:{{PAGENAME}}|:|0|2}}|EX={{#set:Has sortkey=1}}|EX+={{#set:Has sortkey=2}}|#default={{#set:Has sortkey=0}} }}<div class="infobox-n quest">
<div class="icon quest-infobox-icon">
<div style="overflow: hidden; width: 38px; height: 38px; display:inline-block; vertical-align:middle;">
<div style="margin: -1px; overflow: hidden;">{{#if:{{{red-alert|}}}|[[File:Critical Mission icon.png {{#set:Has game icon=File:Critical Mission icon.png}}|40px|link=Red Alert]]|[[File:Stellar Mission icon.png {{#set:Has game icon=File:Stellar Mission icon.png}}|40px|link=Stellar Missions]]}}
</div>
</div>
</div>
<p class="heading">[[Has canonical name::{{#if:{{{name|}}}|{{{name|}}}|{{#explode:{{PAGENAME}}| (| 0}}}}]]</p>
<div class="wrapper">
; Location
: {{#if: {{{location|}}}| {{#switch:{{{location|}}}|Sinus Ardorum|Phaenna|Oizys=[[File:{{{location}}} icon.png|20px|link={{{location}}}]]}} [[Located in::{{{location}}}]]{{#if:{{{location-x|}}}| ('''<small>X:</small>'''[[Has x coordinate::{{{location-x}}}]], '''<small>Y:</small>'''[[Has y coordinate::{{{location-y|}}}]])}} | ''Unspecified'' }}
; [[Class]]
: {{#arraymap:{{{class}}}|,|@@@|{{#switch:{{lc:@@@}}
| crp | carpenter = {{Carpenter|name=y}} <small>([[Stellar Missions/{{{location}}}/Carpenter|missions]])</small>{{#set:Is for class=Carpenter}}
| bsm | blacksmith = {{Blacksmith|name=y}} <small>([[Stellar Missions/{{{location}}}/Blacksmith|missions]])</small>{{#set:Is for class=Blacksmith}}
| arm | armorer = {{Armorer|name=y}} <small>([[Stellar Missions/{{{location}}}/Armorer|missions]])</small>{{#set:Is for class=Armorer}}
| gsm | goldsmith = {{Goldsmith|name=y}} <small>([[Stellar Missions/{{{location}}}/Goldsmith|missions]])</small>{{#set:Is for class=Goldsmith}}
| ltw | leatherworker = {{Leatherworker|name=y}} <small>([[Stellar Missions/{{{location}}}/Leatherworker|missions]])</small>{{#set:Is for class=Leatherworker}}
| wvr | weaver = {{Weaver|name=y}} <small>([[Stellar Missions/{{{location}}}/Weaver|missions]])</small>{{#set:Is for class=Weaver}}
| alc | alchemist = {{Alchemist|name=y}} <small>([[Stellar Missions/{{{location}}}/Alchemist|missions]])</small>{{#set:Is for class=Alchemist}}
| cul | culinarian = {{Culinarian|name=y}} <small>([[Stellar Missions/{{{location}}}/Culinarian|missions]])</small>{{#set:Is for class=Culinarian}}
| min | miner = {{Miner|name=y}} <small>([[Stellar Missions/{{{location}}}/Miner|missions]])</small>{{#set:Is for class=Miner}}
| btn | botanist = {{Botanist|name=y}} <small>([[Stellar Missions/{{{location}}}/Botanist|missions]])</small>{{#set:Is for class=Botanist}}
| fsh | fisher = {{Fisher|name=y}} <small>([[Stellar Missions/{{{location}}}/Fisher|missions]])</small>{{#set:Is for class=Fisher}}
| #default = ''Unspecified''}}|<br>}}
; Level
: {{#if:{{{level|}}}| {{{level|}}} {{#ifexpr:{{{level|}}}<100|[[Quest Sync|{{Special chat character|code=e0be}}]]}} {{#set:Has stellar mission level={{{level}}}}}|''Unspecified''}}{{#if:{{{rank|}}}|
; Rank
: {{#if:{{{rank|}}}|{{{rank|}}} {{#set:Has stellar mission rank={{{rank}}}}}|''Unspecified''}}}}
; Type
: {{#if:{{{req-time|}}}{{{req-weather|}}}{{{previous|}}}{{{red-alert|}}}|{{#if:{{{req-time|}}}|Time-restricted {{#set:Has stellar mission type=Time-restricted}} }}{{#if:{{{req-weather|}}}|Weather-restricted {{#set:Has stellar mission type=Weather-restricted}} }}{{#if:{{{previous|}}}|Sequential {{#set:Has stellar mission type=Sequential}} }}{{#if:{{{red-alert|}}}|Critical {{#set:Has stellar mission type=Critical}} }}|Basic {{#set:Has stellar mission type=Basic}}}}{{#if:{{{unlock|}}}|
; Requires
: {{{unlock|}}}{{#set:Has stellar mission unlock={{{unlock}}}}}
}}{{#if:{{{collectables|}}}|
; {{collectable|20}} [[Collectables]]
: Required ([[File:Feature Quest icon.png|18px|link=Inscrutable Tastes]])
}}{{#if:{{{reduction|}}}|
; {{action icon|Aetherial Reduction|Reduction}}
: Required ([[File:Feature Quest icon.png|18px|link=No Longer a Collectable]])
}}{{#if:{{{red-alert|}}}|
; [[Red Alert]]
: {{#arraydefine:red-alert|{{{red-alert|}}}|,}} {{weather icon|{{#arrayindex:red-alert|0}}}} [[{{#arrayindex:red-alert|0}}]]{{#switch:{{{red-alert|}}}|Bubble Bloom|Gravitational Anomaly=|<br>         Variant {{#arrayindex:red-alert|1}}}} {{#set:Has red alert={{#arrayindex:red-alert|0}} {{#switch:{{{red-alert|}}}|Bubble Bloom|Gravitational Anomaly=|(Variant {{#arrayindex:red-alert|1}})}}}}
}}{{#if:{{{req-weather|}}}|
; [[Weather]]
: {{weather icon|{{{req-weather|}}}}} [[{{{req-weather}}}]]{{#set:Has required weather={{{req-weather|}}}}}
}}{{#if:{{{req-time|}}}|
; [[Eorzea Time|Time]]
: {{{req-time|}}} ET{{#set:Has required time={{{req-time|}}}}}
}}{{#if: {{{exp-percent-lv10|}}}{{{exp-percent-lv50|}}}{{{exp-percent-lv90|}}}|
; Experience
{{#if:{{{exp-percent-lv10|}}}|{{#ifeq: {{{exp-percent-lv10|0}}}|0||;<small>''Lv. 10-49''</small>: {{experience|{{{exp-percent-lv10|}}}}}% to next level {{#set:Has mission percentage experience reward lv10={{{exp-percent-lv10|}}}}}}}}}
{{#if:{{{exp-percent-lv50|}}}|{{#ifeq: {{{exp-percent-lv50|0}}}|0||;<small>''Lv. 50-89''</small>: {{experience|{{{exp-percent-lv50|}}}}}% to next level {{#set:Has mission percentage experience reward lv50={{{exp-percent-lv50|}}}}}}}}}
{{#if:{{{exp-percent-lv90|}}}|{{#ifeq: {{{exp-percent-lv90|0}}}|0||;<small>''Lv. 90-99''</small>: {{experience|{{{exp-percent-lv90|}}}}}% to next level {{#set:Has mission percentage experience reward lv90={{{exp-percent-lv90|}}}}}}}}}
}}{{#if: {{{cosmocredits|}}}|
; [[Cosmocredit]]s
: {{cosmocredit|size=30}} {{cosmic tier rewards|{{{cosmocredits}}}|gold-only={{#if:{{{red-alert|}}}|true}}}} {{#set:Has cosmocredit reward={{{cosmocredits|}}}}}
}}{{#if: {{{lunar-credits|}}}|
; [[Lunar Credit]]s
: {{cex|lunar credit|size=30}} {{cosmic tier rewards|{{{lunar-credits}}}|gold-only={{#if:{{{red-alert|}}}|true}}}} {{#set:Has lunar credit reward={{{lunar-credits|}}}}}
}}{{#if: {{{phaenna-credits|}}}|
; [[Phaenna Credit|Phae. Credit]]s
: {{cex|phaenna credit|size=30}} {{cosmic tier rewards|{{{phaenna-credits}}}|gold-only={{#if:{{{red-alert|}}}|true}}}} {{#set:Has phaenna credit reward={{{phaenna-credits|}}}}}
}}{{#if: {{{oizys-credits|}}}|
; [[Oizys Credit]]s
: {{cex|oizys credit|size=30}} {{cosmic tier rewards|{{{oizys-credits}}}|gold-only={{#if:{{{red-alert|}}}|true}}}} {{#set:Has oizys credit reward={{{oizys-credits|}}}}}
}}{{#if: {{{data1|}}}{{{data2|}}}{{{data3|}}}{{{data4|}}}{{{data5|}}}{{{data6|}}}{{{data7|}}}|
; [[Cosmic Tools|Cosmic Data]]
: {{#if:{{#explode:{{{class|}}}|,|1}}|For each class:<br>}}{{#if: {{{data1|}}}|{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-1}} {{cosmic tier rewards|{{{data1}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 1 reward={{{data1|}}}}} }}{{#if: {{{data2|}}}|{{#if:{{{data1|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-2}} {{cosmic tier rewards|{{{data2}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 2 reward={{{data2|}}}}} }}{{#if: {{{data3|}}}|{{#if:{{{data1|}}}{{{data2|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-3}} {{cosmic tier rewards|{{{data3}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 3 reward={{{data3|}}}}} }}{{#if: {{{data4|}}}|{{#if:{{{data1|}}}{{{data2|}}}{{{data3|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-4}} {{cosmic tier rewards|{{{data4}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 4 reward={{{data4|}}}}} }}{{#if: {{{data5|}}}|{{#if:{{{data1|}}}{{{data2|}}}{{{data3|}}}{{{data4|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-5}} {{cosmic tier rewards|{{{data5}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 5 reward={{{data5|}}}}} }}{{#if: {{{data6|}}}|{{#if:{{{data1|}}}{{{data2|}}}{{{data3|}}}{{{data4|}}}{{{data5|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-6}} {{cosmic tier rewards|{{{data6}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 6 reward={{{data6|}}}}} }}{{#if: {{{data7|}}}|{{#if:{{{data1|}}}{{{data2|}}}{{{data3|}}}{{{data4|}}}{{{data5|}}}{{{data6|}}}|<br>}}{{#arraymap: {{{class}}}|,|@@@|{{cex|{{lc:@@@}}-7}} {{cosmic tier rewards|{{{data6}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic data 7 reward={{{data7|}}}}} }}
}}{{#if:{{{class-points|}}}|
; [[Cosmic Class Points|Class Points]]
: {{#if:{{#explode:{{{class|}}}|,|1}}|For each class:<br>}}{{#arraymap: {{{class}}}|,|@@@|[[File:@@@ class points.png|30px|link=Cosmic Exploration#Achievements]] {{cosmic tier rewards|{{{class-points|}}}|gold-only={{#if:{{{red-alert|}}}|true}}}}|<br>}} {{#set:Has cosmic class points={{{class-points|}}}}}|[[Category:Stellar missions with no class points specified]]}}{{#if:{{{tokens|}}}|
; {{#switch:{{lc:{{{location|}}}}}|phaenna=[[Phaenna Exploration Token|Phae. Token]]s|oizys=[[Oizys Exploration Token|Oizys Token]]s}}
: {{cex|{{{location|}}} token|size=30}} {{cosmic tier rewards|{{{tokens|}}}}}{{#set:Has exploration token reward={{{tokens|}}}}}
}}{{#if:{{{dronebits|}}}|
; {{#switch:{{lc:{{{location|}}}}}|oizys=[[Oizys Dronebit|Oiz. Dronebit]]s<abbr title="Must have a gold chain of at least 1 when accepting the mission to receive dronebits. No dronebits are rewarded if the chain is broken after finishing.">*</abbr>}}
: {{cex|{{{location|}}} dronebit|size=30}} {{cosmic tier rewards|{{{dronebits|}}}|dronebit=true}}{{#set:Has dronebit reward={{{dronebits|}}}}}
}}{{#if:{{{previous|}}}|
; Previous mission
: [[{{{previous|}}}]]{{#set:Has previous mission={{{previous|}}}}}
}}{{#if:{{{next|}}}|
; Next mission
: [[{{{next|}}}]]{{#set:Has next mission={{{next|}}}}}
}}{{#if:{{{patch|}}}|
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
}}{{#if:{{{internal-id|}}}|{{#set:Has internal ID={{{internal-id|}}}}}}}
{{clear}}{{#if: {{{map-marker|}}}|
{{#arraydefine:class|{{{class|}}}|,}}
{{Cosmic Exploration Map infobox
| class = {{#arrayindex:class|0}}
| red-alert = {{{red-alert}}}
| location = {{{location}}}
| location-x = {{{location-x}}}
| location-y = {{{location-y}}}
| map-marker = {{{map-marker}}}{{#set:Has mission map marker={{{map-marker}}}}}
}}
}}
</div>
</div> __NOTOC__{{#if: {{NAMESPACE}}|| [[Category:Stellar Missions]]


{{#if: {{{class|}}}| {{#arraymap:{{{class}}}|,|@@@|{{#switch:{{lc:@@@}}
| crp | carpenter = [[Category:Carpenter Stellar Missions]]
| bsm | blacksmith = [[Category:Blacksmith Stellar Missions]]
| arm | armorer = [[Category:Armorer Stellar Missions]]
| gsm | goldsmith = [[Category:Goldsmith Stellar Missions]]
| ltw | leatherworker = [[Category:Leatherworker Stellar Missions]]
| wvr | weaver = [[Category:Weaver Stellar Missions]]
| alc | alchemist = [[Category:Alchemist Stellar Missions]]
| cul | culinarian = [[Category:Culinarian Stellar Missions]]
| min | miner = [[Category:Miner Stellar Missions]]
| btn | botanist = [[Category:Botanist Stellar Missions]]
| fsh | fisher = [[Category:Fisher Stellar Missions]]
}}|}}}}

{{#if: {{{location|}}}|[[Category:{{{location}}} Stellar Missions]]}}

{{#if: {{{red-alert|}}}|[[Category:Critical Stellar Missions]]}}

{{#if: {{{category|}}}|[[Category:{{{category|}}}]]}}
}}{{Quotation|In-game description|{{{description|''No description available.''}}}{{#if:{{{desc-note|}}}| ※ {{{desc-note|}}}}} }}{{#if: {{{description|}}}|{{#set:Has game description|{{{description}}}}} }} '''{{#if:{{{name|}}}|{{{name|}}}|{{#explode:{{PAGENAME}}| (| 0}}}}''' is a {{#if:{{{red-alert|}}}|Critical|Class {{{rank|???}}}}} {{#if:{{{req-time|}}}|time-restricted }}{{#if:{{{req-weather|}}}|weather-restricted }}{{#if:{{{previous|}}}|sequential }}[[Stellar Mission]] in [[{{{location|}}}]]. It requires {{#arraymap: {{{class|}}}|,|@@@|{{#switch:{{lc:@@@}}|crp|carpenter=[[Carpenter]]|bsm|blacksmith=[[Blacksmith]]|arm|armorer=[[Armorer]]|gsm|goldsmith=[[Goldsmith]]|ltw|leatherworker=[[Leatherworker]]|wvr|weaver=[[Weaver]]|alc|alchemist=[[Alchemist]]|cul|culinarian=[[Culinarian]]|min|miner=[[Miner]]|btn|botanist=[[Botanist]]|fsh|fisher=[[Fisher]]}}| |and}} to complete.
== Objectives ==
{{{objective|}}}{{#if:{{{red-alert|}}}|*Deliver items to the designated location.}}{{#if:{{{required-qty}}}|{{#arraydefine:final-item-qty|{{{required-qty}}}|,}}{{#vardefine:required-qty-1|{{#explode:{{{required-qty|}}}|,|0}}}}{{#vardefine:required-qty-2|{{#if:{{#explode:{{{required-qty|}}}|,|1}}|{{#explode:{{{required-qty|}}}|,|1}}|0}}}}{{#vardefine:required-qty-3|{{#if:{{#explode:{{{required-qty|}}}|,|2}}|{{#explode:{{{required-qty|}}}|,|2}}|0}}}}
*Number Required: {{#expr:{{#var:required-qty-1}}+{{#var:required-qty-2}}+{{#var:required-qty-3}}}} }}{{#if:{{{total-fish-qty|}}}|
*Number Required: {{{total-fish-qty}}} }}{{#if:{{{fish-varieties|}}}|
*Number Required: {{{fish-varieties}}} }}{{#if:{{{time-limit|}}}|
*Time Limit: {{#explode:{{{time-limit}}}|:|0}} min {{#ifeq:{{#explode:{{{time-limit}}}|:|1}}|00| |{{#explode:{{{time-limit}}}|:|1}} sec}} }}{{#if:{{{bronze|}}}{{{silver|}}}{{{gold|}}}|
<br>
== Score tiers==
{{#if:{{{bronze|}}}|*'''Bronze''': {{{bronze}}} (minimum score for completion)}}{{#if:{{{silver|}}}|
*'''Silver''': {{{silver|}}}}}
*'''Gold''': {{{gold|}}}{{#if:{{{red-alert|}}}| (minimum score for completion)}}}}{{#if:{{{actions|}}}|<br>
== Stellar Actions ==
{{#arraydefine:actions|{{{actions}}}|,}}{{#set:Has stellar action = {{#arrayindex:actions|0}}}}{{#set:Has stellar action uses = {{#arrayindex:actions|1}}}}
*{{action icon|{{#arrayindex:actions|0}}}} {{#if:{{#arrayindex:actions|1}}|({{#arrayindex:actions|1}} use{{#ifexpr:{{#arrayindex:actions|1}} > 1|s}}) }}}} {{#if:{{{supplies|}}}|<br>
== Supplies provided ==
*{{#explode:{{{supplies-qty|}}}|,|0}} {{item icon|{{#explode:{{{supplies|}}}|,|0}}}} }}{{#if:{{#explode:{{{supplies-qty|}}}|,|1}}|
*{{#explode:{{{supplies-qty|}}}|,|1}} {{item icon|{{#explode:{{{supplies|}}}|,|1}}}} }}{{#if:{{{gathered|}}}|{{#arraydefine:gathered-items|{{{gathered}}}|,}}{{#if:{{{fish-pool|}}}||{{#arraymap:{{{gathered|}}}|,|@@@|{{#set:Has mission gathered items=@@@}}}} }}<br>
== Gathered ==
*{{#if:{{{crafted|}}}||{{#ifeq:{{#arraysize:gathered-items}}|{{#arraysize:final-item-qty}}|{{#arrayindex:final-item-qty|0}}}} }} {{item icon|{{#arrayindex:gathered-items|0}}}}{{#if:{{#arrayindex:gathered-items|1}}|
*{{#if:{{{crafted|}}}|| {{#ifeq:{{#arraysize:gathered-items}}|{{#arraysize:final-item-qty}}|{{#arrayindex:final-item-qty|1}}|{{#arrayindex:final-item-qty|0}}}} }} {{item icon|{{#arrayindex:gathered-items|1}}}} }}{{#if:{{#arrayindex:gathered-items|2}}|
*{{#if:{{{crafted|}}}||{{#arrayindex:final-item-qty|2}} }} {{item icon|{{#arrayindex:gathered-items|2}}}} }}}}{{#if:{{{fish-pool|}}}|{{#arraymap:{{{fish-pool|}}}|,|@@@|{{#set:Has mission gathered items=@@@}}}}<br>
== Fish pool ==
{{#arraymap:{{{fish-pool|}}}|,|@@@|*{{item icon|@@@}}|\n}}
}}{{#if:{{{crafted|}}}|{{#arraydefine:crafted-items|{{{crafted}}}|,}}{{#set:Has mission crafted items={{{crafted|}}}}}<br>
== Crafted ==
*{{#if:{{{required-qty|}}}|{{#ifeq:{{#arraysize:crafted-items}}|{{#arraysize:final-item-qty}}|{{#arrayindex:final-item-qty|0}}|}} }} {{item icon|{{#explode:{{{crafted|}}}|,|0}}}}{{#if:{{#arrayindex:crafted-items|1}}|
*{{#if:{{{required-qty|}}}|{{#ifeq:{{#arraysize:crafted-items}}|{{#arraysize:final-item-qty}}|{{#arrayindex:final-item-qty|1}}|{{#arrayindex:final-item-qty|0}}}} }} {{item icon|{{#arrayindex:crafted-items|1}}}} }}{{#if:{{#arrayindex:crafted-items|2}}|
*{{#explode:{{{required-qty|}}}|,|2}} {{item icon|{{#arrayindex:crafted-items|2}}}} }}
==Recipes==
{{#switch:{{lc:{{{rank|}}}}}|b|c|d=''Recipe stats are provided as they are at level 100. At lower levels, they will scale down.''|{{#if:{{{red-alert|}}}|''Recipe stats are provided as they are at level 100. At lower levels, they will scale down.''}}}}
{{recipe table|ce-recipe=true|stellar-mission={{PAGENAME}}|hide-type=true|show-recipe-level=true|show-conditions=true}} }}</includeonly><noinclude>
{{documentation}}

= Example 1 =
<pre>{{Stellar Mission infobox
| name = Multi-purpose Fiberboard
| level = 10
| ilvl =
| rank = D
| type =
| class = CRP
| exp-percent-lv10 = 115
| exp-percent-lv50 = 5
| exp-percent-lv90 = 5
| cosmocredits = 2
| lunar-credits = 5
| data1 = 7
| data2 =
| data3 =
| data4 =
| data5 =
| data6 =
| data7 =
| class-points = 2
| objective = *Craft items with limited supplies.
*High-quality items will earn a higher score.
| time-limit =
| req-weather =
| req-time =
| previous =
| next =
| supplies = Cosmic Container
| supplies-qty = 5
| crafted = Standard High-density Fiberboard
| gathered =
| required-qty = 3
| total-fish-qty =
| fish-varieties =
| description = While metals are indispensable in our quest to explore the cosmos, other materials common to Etheirys are no less vital; leather, cloth, and wood all find use in various essential items such as uniforms and furnishings. To ensure the quality of finished products, we have established exacting specifications for base components we require in quantity, and ask that they be prepared to that standard.
| location = Sinus Ardorum
| location-x =
| location-y =
| bronze =
| silver = 1200
| gold = 2400
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 1
}}</pre>
{{Stellar Mission infobox
| name = Multi-purpose Fiberboard
| level = 10
| ilvl =
| rank = D
| type =
| class = CRP
| exp-percent-lv10 = 115
| exp-percent-lv50 = 5
| exp-percent-lv90 = 5
| cosmocredits = 2
| lunar-credits = 5
| data1 = 7
| data2 =
| data3 =
| data4 =
| data5 =
| data6 =
| data7 =
| class-points = 2
| objective = *Craft items with limited supplies.
*High-quality items will earn a higher score.
| time-limit =
| req-weather =
| req-time =
| previous =
| next =
| supplies = Cosmic Container
| supplies-qty = 5
| crafted = Standard High-density Fiberboard
| gathered =
| required-qty = 3
| total-fish-qty =
| fish-varieties =
| description = While metals are indispensable in our quest to explore the cosmos, other materials common to Etheirys are no less vital; leather, cloth, and wood all find use in various essential items such as uniforms and furnishings. To ensure the quality of finished products, we have established exacting specifications for base components we require in quantity, and ask that they be prepared to that standard.
| location = Sinus Ardorum
| location-x =
| location-y =
| bronze =
| silver = 1200
| gold = 2400
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 1
}}
{{clear}}
= Example 2 =
<pre>{{Stellar Mission infobox
| name = Fallen Drone Salvage
| level = 10
| ilvl =
| rank =
| type =
| class = MIN
| exp-percent-lv10 = 69
| exp-percent-lv50 = 9
| exp-percent-lv90 = 6
| cosmocredits = 23
| lunar-credits = 97
| data1 = 8
| data2 = 8
| data3 =
| data4 = 13
| data5 =
| data6 =
| data7 =
| class-points = 271
| objective = *Gather items within the time limit.
| time-limit = 20:00
| req-weather =
| req-time =
| previous =
| next =
| red-alert = Astromagnetic Storm, α
| supplies =
| supplies-qty =
| gathered = Fallen Drone
| crafted =
| required-qty = 16
| total-fish-qty =
| fish-varieties =
| description = Numerous reports indicate that an astromagnetic storm has caused our drones in the northern sector of the Cosmoor to malfunction and crash. Although many of their tracking signals are down, swift retrieval and repair of the fallen drones will help minimize the incident's impact on the initiative. Therefore, we ask that any available personnel venture into nearby bodies of water and rocky outcroppings in search of the machines.
| location = Sinus Ardorum
| location-x = 18.8
| location-y = 14.1
| map-marker = 33
| bronze =
| silver =
| gold =
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 537
}}</pre>
{{Stellar Mission infobox
| name = Fallen Drone Salvage
| level = 10
| ilvl =
| rank =
| type =
| class = MIN
| exp-percent-lv10 = 69
| exp-percent-lv50 = 9
| exp-percent-lv90 = 6
| cosmocredits = 23
| lunar-credits = 97
| data1 = 8
| data2 = 8
| data3 =
| data4 = 13
| data5 =
| data6 =
| data7 =
| class-points = 271
| objective = *Gather items within the time limit.
| time-limit = 20:00
| req-weather =
| req-time =
| previous =
| next =
| red-alert = Astromagnetic Storm, α
| supplies =
| supplies-qty =
| gathered = Fallen Drone
| crafted =
| required-qty = 16
| total-fish-qty =
| fish-varieties =
| description = Numerous reports indicate that an astromagnetic storm has caused our drones in the northern sector of the Cosmoor to malfunction and crash. Although many of their tracking signals are down, swift retrieval and repair of the fallen drones will help minimize the incident's impact on the initiative. Therefore, we ask that any available personnel venture into nearby bodies of water and rocky outcroppings in search of the machines.
| location = Sinus Ardorum
| location-x = 18.8
| location-y = 14.1
| map-marker = 33
| bronze =
| silver =
| gold =
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 537
}}
{{clear}}
= Example 3 =
<pre>{{Stellar Mission infobox
| name = EX: Impact-resistant Containers
| level = 100
| ilvl =
| rank = A
| type =
| class = MIN, ARM
| exp =
| cosmocredits = 24
| lunar-credits = 25
| data1 =
| data2 =
| data3 =
| data4 = 21
| data5 =
| data6 =
| data7 =
| class-points = 134
| objective = *Gather supplies as a miner and craft items as an armorer.
*High-quality items will earn a higher score.
| time-limit = 10:00
| req-weather =
| req-time =
| previous =
| next =
| red-alert =
| supplies = Cosmic Container
| supplies-qty = 20
| gathered = Lunar Chromite Ore
| crafted = Survey Storage Containers
| required-qty =
| total-fish-qty =
| fish-varieties =
| description = For the preservation and study of aquatic resources, development of vessels which recreate their natural environment is crucial. To ensure we can handle such resources with the utmost care in our interstellar travels, experimentation here on the moon is essential. Therefore, we would begin trialing the manufacture of preservative vessels for specimens procured from Sinus Ardorum's springs. Contributors are requested to model these vessels after the Studium's research tanks, reinforcing them for the purposes of transport.
| location = Sinus Ardorum
| location-x=23.3
| location-y=26.6
| map-marker=3
| bronze = 900
| silver = 1800
| gold = 2700
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 497
}}</pre>{{Stellar Mission infobox
| name = EX: Impact-resistant Containers
| level = 100
| ilvl =
| rank = A
| type =
| class = MIN, ARM
| exp =
| cosmocredits = 24
| lunar-credits = 25
| data1 =
| data2 =
| data3 =
| data4 = 21
| data5 =
| data6 =
| data7 =
| class-points = 134
| objective = *Gather supplies as a miner and craft items as an armorer.
*High-quality items will earn a higher score.
| time-limit = 10:00
| req-weather =
| req-time =
| previous =
| next =
| red-alert =
| supplies = Cosmic Container
| supplies-qty = 20
| gathered = Lunar Chromite Ore
| crafted = Survey Storage Containers
| required-qty =
| total-fish-qty =
| fish-varieties =
| description = For the preservation and study of aquatic resources, development of vessels which recreate their natural environment is crucial. To ensure we can handle such resources with the utmost care in our interstellar travels, experimentation here on the moon is essential. Therefore, we would begin trialing the manufacture of preservative vessels for specimens procured from Sinus Ardorum's springs. Contributors are requested to model these vessels after the Studium's research tanks, reinforcing them for the purposes of transport.
| location = Sinus Ardorum
| location-x=23.3
| location-y=26.6
| map-marker=3
| bronze = 900
| silver = 1800
| gold = 2700
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.21
| internal-id = 497
}}
{{clear}}
= Example 4 =
<pre>{{Stellar Mission infobox
| name = Interim Part Processing
| level = 90
| ilvl =
| rank = B
| type =
| class = ARM
| exp-percent-lv10 = 0
| exp-percent-lv50 = 0
| exp-percent-lv90 = 16
| cosmocredits = 6
| phaenna-credits = 8
| data1 = 6
| data2 = 6
| data3 =
| data4 = 9
| data5 =
| data6 =
| data7 =
| class-points = 14
| objective = *Craft the specified number of items with limited supplies.
*High-quality items will earn a higher score.
| time-limit =
| red-alert =
| req-weather =
| req-time =
| previous =
| next =
| critical =
| supplies = Cosmic Container
| supplies-qty = 4
| gathered =
| crafted = Cosmoliner Shaft (48761)
| required-qty = 3
| total-fish-qty =
| fish-varieties =
| fish-pool =
| description = Included among the supplies sent from Sinus Ardorum are unprocessed materials, which we hope to refine for various purposes. Contributors are requested to process these raw materials to produce components for the Cosmoliner, and ensure the initiative has a stockpile of necessary resources at all times.
| location = Phaenna
| location-x =
| location-y =
| map-marker =
| bronze =
| silver = 1600
| gold = 2400
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.31
| internal-id = 642
}}</pre>
{{Stellar Mission infobox
| name = Interim Part Processing
| level = 90
| ilvl =
| rank = B
| type =
| class = ARM
| exp-percent-lv10 = 0
| exp-percent-lv50 = 0
| exp-percent-lv90 = 16
| cosmocredits = 6
| phaenna-credits = 8
| data1 = 6
| data2 = 6
| data3 =
| data4 = 9
| data5 =
| data6 =
| data7 =
| class-points = 14
| objective = *Craft the specified number of items with limited supplies.
*High-quality items will earn a higher score.
| time-limit =
| red-alert =
| req-weather =
| req-time =
| previous =
| next =
| critical =
| supplies = Cosmic Container
| supplies-qty = 4
| gathered =
| crafted = Cosmoliner Shaft (48761)
| required-qty = 3
| total-fish-qty =
| fish-varieties =
| fish-pool =
| description = Included among the supplies sent from Sinus Ardorum are unprocessed materials, which we hope to refine for various purposes. Contributors are requested to process these raw materials to produce components for the Cosmoliner, and ensure the initiative has a stockpile of necessary resources at all times.
| location = Phaenna
| location-x =
| location-y =
| map-marker =
| bronze =
| silver = 1600
| gold = 2400
| actions =
| collectables =
| reduction =
| unlock =
| patch = 7.31
| internal-id = 642
}}

</noinclude>

Template:Infobox/styles.css

2026-05-28T23:23:05Z

Erin Umbreon: of course

/** 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;
margin: 5px;
}

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;
border-right: 2px solid #999;
margin: 0;
margin-right: -2px; /* poor man's `border-collapse: collapse` */
}
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;
}
.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;
}
}

Template:Outfit infobox

2026-05-28T23:21:57Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:
| Has context = Outfit

| Has game icon = {{{icon|{{#show:{{{body|}}}|?Has game icon|link=none}}}}}
| Has outfit piece = {{{mainhand|}}}
| Has outfit piece = {{{offhand|}}}
| Has outfit piece = {{{head|}}}
| Has outfit piece = {{{body|}}}
| Has outfit piece = {{{hands|}}}
| Has outfit piece = {{{legs|}}}
| Has outfit piece = {{{feet|}}}
| Has outfit piece = {{{earrings|}}}
| Has outfit piece = {{{necklace|}}}
| Has outfit piece = {{{bracelets|}}}
| Has outfit piece = {{{ring|}}}
| Has internal ID = {{{id-gt|}}}
| Has patch = {{{patch}}}
}}<div class="infobox-n armor"><div class="icon armor-infobox-icon">{{i|{{{body|}}}|x|size=big}}</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
<p class="image_wrapper">
{{#if:{{{image|}}}
| {{#set:Has image caption=[[{{#titleparts:{{PAGENAME}}}}|{{#titleparts: {{{name|{{PAGENAME}}}}}}}]]}}[[Has appearance::File:{{{image}}}|280x420px]]
}}
; Level 
: [[Has level requirement::{{#show:{{{body|}}}|?Has level requirement}}]]
; Item Level
: [[Has item level::{{#show:{{{body|}}}|?Has item level}}]]
{{#vardefine:set-name|{{#show:{{{body|}}}|?Has set name}}}}
{{#if:{{#var:set-name}}|
; Armor set
: [[{{#var:set-name}}]]{{#set:Has set name={{#var:set-name}}}}
}}{{#if: {{{patch|}}} |
; [[Patches|Patch]]
: [[Patch {{{patch}}}|{{{patch}}}]]
}}
; Links
: {{#if: {{{id-gt|}}}|<u style="border-bottom: 1px dotted; text-decoration: none;" title="Garland Tools">[https://garlandtools.org/db/#item/{{{id-gt}}} GT]</u> <u style="border-bottom: 1px dotted; text-decoration: none;" title="Teamcraft">[https://ffxivteamcraft.com/db/en/item/{{{id-gt}}} TC]</u>}} [https://ffxiv.eorzeacollection.com/gearset/{{#show:{{{body|}}}|?Has eorzea collection name}} EC]
</p>
</div></div>{{#if:{{{description2|}}}|{{Quotation|[https://store.finalfantasyxiv.com/ffxivstore/en-us/product/{{{online-store-id|0}}} Final Fantasy XIV Online Store]|{{#if:{{{description1|}}}|'''{{{description1|}}}'''<br>}}{{{description2|}}}}}}}
__NOTOC__'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is an [[Outfit Glamours|outfit glamour]].
{| {{STDT|item left}}
| colspan=3 style="text-align:center" | '''Set Includes'''
|-
! Armor !! !! Accessories
|-
| {{#if:{{{head|}}}|<div style="text-align:left">{{item icon|{{{head}}}|size=big}}</div>|{{retired overlay|[[File:Head slot icon1.png|40px|link=]]}}}}
| rowspan=5 style="width:300px" | {{#tag:tabber|
{{#ifexist:File:{{PAGENAME}} Female.jpeg|{{#vardefine:has-image|y}}
{{!}}-{{!}} Female = [[File:{{PAGENAME}} Female.jpeg|center|300px]]{{#set:Has female appearance=File:{{PAGENAME}} Female.jpeg}}}}
{{#ifexist:File:{{PAGENAME}} Male.jpeg|{{#vardefine:has-image|y}}
{{!}}-{{!}} Male = [[File:{{PAGENAME}} Male.jpeg|center|300px]]{{#set:Has male appearance=File:{{PAGENAME}} Male.jpeg}}}}
}}{{#if:{{yesno|{{#var:has-image}}}}|<br><small>''Click to enlarge''</small>|[[File:Image Placeholder.png|400px]][[Category:Outfits with no infobox image]]}}
| {{#if:{{{earrings|}}}|<div style="text-align:left">{{item icon|{{{earrings}}}|size=big}}</div>|{{retired overlay|[[File:Earrings slot icon1.png|40px|link=]]}}}}
|-
| {{#if:{{{body|}}}|<div style="text-align:left">{{item icon|{{{body}}}|size=big}}</div>|{{retired overlay|[[File:Body slot icon1.png|40px|link=]]}}}}
| {{#if:{{{necklace|}}}|<div style="text-align:left">{{item icon|{{{necklace}}}|size=big}}</div>|{{retired overlay|[[File:Necklace slot icon1.png|40px|link=]]}}}}
|-
| {{#if:{{{hands|}}}|<div style="text-align:left">{{item icon|{{{hands}}}|size=big}}</div>|{{retired overlay|[[File:Hands slot icon1.png|40px|link=]]}}}}
| {{#if:{{{bracelets|}}}|<div style="text-align:left">{{item icon|{{{bracelets}}}|size=big}}</div>|{{retired overlay|[[File:Bracelets slot icon1.png|40px|link=]]}}}}
|-
| {{#if:{{{legs|}}}|<div style="text-align:left">{{item icon|{{{legs}}}|size=big}}</div>|{{retired overlay|[[File:Legs slot icon1.png|40px|link=]]}}}}
| {{#if:{{{ring|}}}|<div style="text-align:left">{{item icon|{{{ring}}}|size=big}}</div>|{{retired overlay|[[File:Ring slot icon1.png|40px|link=]]}}}}
|-
| {{#if:{{{feet|}}}|<div style="text-align:left">{{item icon|{{{feet}}}|size=big}}</div>|{{retired overlay|[[File:Feet slot icon1.png|40px|link=]]}}}}
|
|}
==Acquisition==
{{{obtain-by|}}}

{{#if:{{NAMESPACE}}
||
[[Category:Outfit glamours]]
}}{{Obtainable_parameter
| source-type = {{{source-type|}}}
| obtain-by = {{{obtain-by|}}}
| obtainable = {{#var:is-obtainable|{{{obtainable|}}}}}
| cash-shop = {{{cash-shop|}}}
}}</includeonly><noinclude>{{documentation}}
==Examples==
<pre>{{Outfit infobox
| name = Alternative Attire
| image = Alternative Attire 2.jpg
| description1 = Attain the apex of alternative style with this modish collection!
| description2 = Featuring a slouchy cap replete with cat ears and a fetching eyepatch, a black top with jagged white detailing, ripped baggy trousers, and chunky shoes, this casual ensemble ties together a scruffy aesthetic with the coherency of a monochrome palette. Meanwhile, the profusion of chains, harnesses, studs, and spikes serve to punctuate the look with a metallic edge. This fully dyeable five-piece set includes a cap, shirt, leather bracelets, trousers, and spiked shoes.
| online-store-id = 1103
| mainhand =
| offhand =
| head = Alternative Cap
| body = Alternative Shirt
| hands = Alternative Leather Bracelets
| legs = Alternative Trousers
| feet = Alternative Spiked Shoes
| earrings =
| necklace =
| bracelets =
| ring =
| id-gt = 47714
| source-type = Premium
| obtain-by = {{onlinestore|18}}
| cash-shop =
| patch = 7.3
| release = dawntrail
}}</pre>
{{Outfit infobox
| name = Alternative Attire
| image = Alternative Attire 2.jpg
| description1 = Attain the apex of alternative style with this modish collection!
| description2 = Featuring a slouchy cap replete with cat ears and a fetching eyepatch, a black top with jagged white detailing, ripped baggy trousers, and chunky shoes, this casual ensemble ties together a scruffy aesthetic with the coherency of a monochrome palette. Meanwhile, the profusion of chains, harnesses, studs, and spikes serve to punctuate the look with a metallic edge. This fully dyeable five-piece set includes a cap, shirt, leather bracelets, trousers, and spiked shoes.
| online-store-id = 1103
| mainhand =
| offhand =
| head = Alternative Cap
| body = Alternative Shirt
| hands = Alternative Leather Bracelets
| legs = Alternative Trousers
| feet = Alternative Spiked Shoes
| earrings =
| necklace =
| bracelets =
| ring =
| id-gt = 47714
| source-type = Premium
| obtain-by = {{onlinestore|18}}
| cash-shop =
| patch = 7.3
| release = dawntrail
}}
</noinclude>

Template:Masked Carnivale infobox

2026-05-28T23:21:14Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:Has context=Duty|Has game icon=File:The_masked_carnival_icon.png}}{{expansion content|{{{patch|}}}}}
<div class="infobox-n duty">
<div class="icon duty-infobox-icon">
<div style="overflow: hidden; width: 38px; height: 38px; display:inline-block; vertical-align:middle;">
<div style="margin: 5px 2px;" title="masked-carnivale">[[File:the masked carnival icon.png|link=Masked Carnivale Stages]]{{#set:Has duty type=Masked Carnivale}}</div>
</div>
</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div style="text-align: center; clear: both;">[[file:the masked carnivale stage title image.png|280px]]</div>
<div class="wrapper">
{{#if: {{{number|}}} |
;Number
:{{{number}}}
}}
; Level
: [[Has duty level requirement::{{{level|0}}}]]{{#if:{{{level-sync|}}}| <small>(Sync: [[Has duty level sync::{{{level-sync}}}]])</small>}}{{#if:{{{ilvl|}}}|
; iLevel
: [[Has duty ilevel requirement::{{{ilvl|0}}}]]{{#if:{{{ilvl-sync|}}}| <small>(Sync: [[Has duty ilevel sync::{{{ilvl-sync}}}]])</small>}}
}}{{#if:{{{size|}}}|
; Party size
: {{#switch:{{lc:{{{size}}}}}
| light | light party | 4man | 4 = Light Party<br>4man '''{{bullet}}''' 1 [[File:Tank role.png|20px|text-bottom|link=Tank]] 1 [[File:Healer role.png|20px|text-bottom|link=Healer]] 2 [[File:DPS role.png|20px|text-bottom|link=DPS]]{{#set:Has party size=Light}}
| full | full party | 8man | 8 = Full Party<br>8man '''{{bullet}}''' 2 [[File:Tank role.png|20px|text-bottom|link=Tank]] 2 [[File:Healer role.png|20px|text-bottom|link=Healer]] 4 [[File:DPS role.png|20px|text-bottom|link=DPS]]{{#set:Has party size=Full}}
| alliance | alliance party | 24man | 24 = Alliance<br>24man '''{{bullet}}''' 3 [[File:Tank role.png|20px|text-bottom|link=Tank]] 6 [[File:Healer role.png|20px|text-bottom|link=Healer]] 15 [[File:DPS role.png|20px|text-bottom|link=DPS]]{{#set:Has party size=Alliance}} }}
}}{{#if:{{{time-limit|}}}|
; Time limit
: [[Has duty time limit::{{{time-limit|0}}}]]min
}}{{#if:{{{roulette|}}}|
; Roulette
: {{#switch:{{lc:{{{roulette}}}}}
| 50/60 | level 50/60 | 50/60 dungeon | level 50/60 dungeon = [[Is available for duty roulette::Level 50/60 Dungeons]]
| 70 | level 70 | 70 dungeon | level 70 dungeon = [[Is available for duty roulette::Level 70 Dungeons]]
| main scenario = [[Is available for duty roulette::Main Scenario]]
| trial | trials = [[Is available for duty roulette::Trials]]
| guildhest | guildhests = [[Is available for duty roulette::Guildhests]]
| alliance | alliance raid = [[Is available for duty roulette::Alliance Raid]]
| #default = [[Is available for duty roulette::{{ucfirst:{{{roulette}}}}}]]
}}
}}{{#if:{{{req-quest|}}}|
; Req. quest
: {{quest icon|{{{req-quest}}}}}{{#set:Has quest requirement={{{req-quest}}}}}
}}{{#if: {{{entrance|}}}|
; Entrance
: [[{{{entrance}}}]]{{#if:{{{entrance-coordinates|}}}| {{convert coordinate|{{{entrance-coordinates}}}}}}}{{#vardefine:x_coord|{{#explode:{{{entrance-coordinates}}}|,|0}}}}{{#vardefine:y_coord|{{#explode:{{{entrance-coordinates}}}|,|1}}}}{{#vardefine:z_coord|{{#explode:{{{entrance-coordinates}}}|,|2}}}}{{#set:Has duty entrance={{{entrance}}};{{#if:{{#var:x_coord}}|{{#var:x_coord}}|?}};{{#if:{{#var:y_coord}}|{{#var:y_coord}}|?}};{{#if:{{#var:z_coord}}|{{#var:z_coord}}|?}}}}
}}{{#if: {{{standard-time|}}} |
;Standard Time
:{{{standard-time}}}
}}{{#if: {{{ideal-time|}}} |
;Ideal Time
:{{{ideal-time}}}
}}{{#if: {{{act-1-enemies|}}} |
;Act 1 Enemies
:{{{act-1-enemies}}}
}}{{#if: {{{act-2-enemies|}}} |
;Act 2 Enemies
:{{{act-2-enemies}}}
}}{{#if: {{{act-3-enemies|}}} |
;Act 3 Enemies
:{{{act-3-enemies}}}
}}{{#if: {{{gil|}}} |
;Gil Reward
:{{Gil|{{{gil}}}}}
}}{{#if: {{{seals|}}} |
;Seals Reward
:{{Allied seal|{{{seals}}}}}
}}{{#if: {{{tomestones|}}} |
; [[Tomestone]]s
: {{#arraymap:{{{tomestones}}}|+|@@@|{{#if:{{#switch:{{#vardefineecho:current_tomestone|{{lc:{{#explode:@@@| |1}}}}}}|philosophy|mythology|soldiery|poetics|law|esoterics|lore|scripture|verity|creation|mendacity|genesis=x}}|{{#vardefine:tomestonecnt|{{#expr:{{#var:tomestonecnt|0}}+1}}}}{{#subobject:tomestone{{#var:tomestonecnt}}
| Has tomestone reward index = {{#var:tomestonecnt}}
| Has tomestone reward quantity = {{#vardefineecho:current_tomestone_qty|{{#explode:@@@| |0}}}}
| Has tomestone reward type = Allagan Tomestone of {{ucfirst:{{#var:current_tomestone}}}}
}}{{Tomestone|{{#var:current_tomestone}}|{{#var:current_tomestone_qty}}}} }}|}}
}}{{#ifexpr:{{{number|}}}>1|
; Prev. stage
: {{#ask: [[Number::{{#expr:{{{number|}}}-1}}]]|?Has canonical name|format=template|template=Masked Carnivale infobox nav format}}
}}{{#ifexpr:{{{number|}}}<32|
; Next stage
: {{#ask: [[Number::{{#expr:{{{number|}}}+1}}]]|?Has canonical name|format=template|template=Masked Carnivale infobox nav format}}
}}{{#ifexpr:{{{patch|}}}|
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
}}
</div>
{{clear}}
</div>


{{#set:description={{{description|}}} }}
{{#set:number={{{number|}}} }}
{{#set:standard-time={{{standard-time|}}} }}
{{#set:ideal-time={{{ideal-time|}}} }}
{{#set:act-1-enemies={{{act-1-enemies|}}} |+sep}}
{{#set:act-2-enemies={{{act-2-enemies|}}} |+sep}}
{{#set:act-3-enemies={{{act-3-enemies|}}} |+sep}}
{{#set:gil={{{gil|}}} }}
{{#set:seals={{{seals|}}} }}
{{#set:tomestones={{{tomestones|}}} }}
{{#set:patch={{{patch|}}} }}
{{#set:release={{{release|}}} }}

{{#if:{{NAMESPACE}}
||
[[Category:Masked Carnivale Stages]]
}}
{{#if:{{{description|}}}|{{Quotation|In-game description|{{Colorize|{{{description}}}}}}}{{#set:Has game description={{#replace:{{{description}}}|`|}}}}}}{{#if:{{{no-footer-text|}}}||'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is a [[Masked Carnivale Stages|stage]] in [[The Masked Carnivale]] for [[Blue Mage]], introduced in [[patch {{{patch|2.0}}}]]{{#if:{{#switch:{{lc:{{{release|}}}}}|heavensward|stormblood|shadowbringers

=x}}| with [[{{ucfirst:{{{release}}}}}]]}}.}}</includeonly><noinclude>
{{documentation}}

== Example ==
<pre>{{Masked Carnivale infobox
| name = A Chorus Slime
| description =
| image = A Chorus Slime (image).png
| number = 07
| level = 50
| standard-time = 3:30
| ideal-time = 2:40
| act-1-enemies = Lava Slime, Ice Sprite
| act-2-enemies = Ice Sprite, Lava Slime
| act-3-enemies = Gladiatorial Node, Lava Slime
| gil = 5000
| seals = 100
| tomestones = 80 poetics
| patch = 4.5
}}</pre>
{{Masked Carnivale infobox
| name = A Chorus Slime
| description =
| image = A Chorus Slime (image).png
| number = 07
| level = 50
| standard-time = 3:30
| ideal-time = 2:40
| act-1-enemies = Lava Slime, Ice Sprite
| act-2-enemies = Ice Sprite, Lava Slime
| act-3-enemies = Gladiatorial Node, Lava Slime
| gil = 5000
| seals = 100
| tomestones = 80 poetics
| patch = 4.5
}}
</noinclude>

Template:Island animals

2026-05-28T23:15:35Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:Has context=Island Animals}}{{expansion content|{{{patch|}}}}}<div class="infobox-n npc">
<div class="icon item-infobox-icon">{{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:{{{icon|{{#titleparts:{{PAGENAMEE}}}}.png}}}|link=File:{{{icon|{{PAGENAMEE}}.png}}}}}{{#set:Has game icon=File:{{{icon|{{#titleparts:{{PAGENAME}}}}.png}}}}}</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
{{#if: {{{species|}}} |
;Race
: [[Has race::{{ucfirst:{{{species}}}}}]]{{#if:{{{type|}}}| <small>([[Has type::{{ucfirst:{{{type}}}}}]])</small>}}
}}
; Location
: {{#if: {{{location|}}}| [[Located in::{{{location}}}]]{{#if:{{{location-x|}}}| ('''<small>X:</small>'''[[Has x coordinate::{{{location-x}}}]], '''<small>Y:</small>'''[[Has y coordinate::{{{location-y|}}}]])}} | ''Unspecified'' }}
;Size/Restraint
:{{#switch:{{{size|}}}|S= [S] {{item icon|Makeshift Net}} / {{item icon|Flawless Net}}|M= [M] {{item icon|Makeshift Restraint}} / {{item icon|Flawless Restraints}}|L= [L] {{item icon|Makeshift Soporific}} / {{item icon|Flawless Soporifics}}|#default=}} {{#set:Has island animal size={{{size|}}}}}{{#if: {{{common-leavings|}}}|
; Common Leavings
: {{#switch:{{lc:{{{common-leavings|}}}}}
| fleece = {{item icon|Sanctuary Fleece}}{{#set:Has common leavings=Sanctuary Fleece}}
| claw = {{item icon|Sanctuary Claw}}{{#set:Has common leavings=Sanctuary Claw}}
| fur = {{item icon|Sanctuary Fur}}{{#set:Has common leavings=Sanctuary Fur}}
| feather = {{item icon|Sanctuary Feather}}{{#set:Has common leavings=Sanctuary Feather}}
| egg = {{item icon|Sanctuary Egg}}{{#set:Has common leavings=Sanctuary Egg}}
| carapace = {{item icon|Sanctuary Carapace}}{{#set:Has common leavings=Sanctuary Carapace}}
| fang = {{item icon|Sanctuary Fang}}{{#set:Has common leavings=Sanctuary Fang}}
| horn = {{item icon|Sanctuary Horn}}{{#set:Has common leavings=Sanctuary Horn}}
| milk = {{item icon|Sanctuary Milk}}{{#set:Has common leavings=Sanctuary Milk}}
| #default = Invalid Leaving}}}}{{#if: {{{bonus-leavings|}}}|
;Bonus Leavings
:{{#switch:{{lc:{{{bonus-leavings|}}}}}
| fleece = {{item icon|Sanctuary Fleece}}{{#set:Has bonus leavings=Sanctuary Fleece}}
| claw = {{item icon|Sanctuary Claw}}{{#set:Has bonus leavings=Sanctuary Claw}}
| fur = {{item icon|Sanctuary Fur}}{{#set:Has bonus leavings=Sanctuary Fur}}
| feather = {{item icon|Sanctuary Feather}}{{#set:Has bonus leavings=Sanctuary Feather}}
| egg = {{item icon|Sanctuary Egg}}{{#set:Has bonus leavings=Sanctuary Egg}}
| carapace = {{item icon|Sanctuary Carapace}}{{#set:Has bonus leavings=Sanctuary Carapace}}
| fang = {{item icon|Sanctuary Fang}}{{#set:Has bonus leavings=Sanctuary Fang}}
| horn = {{item icon|Sanctuary Horn}}{{#set:Has bonus leavings=Sanctuary Horn}}
| milk = {{item icon|Sanctuary Milk}}{{#set:Has bonus leavings=Sanctuary Milk}}
| #default = Invalid Leaving}}|}}{{#if:{{{time|}}}|
;Time
:{{{time|}}}{{#set:Has spawn time={{{time|}}}}}
|}}{{#if: {{{weather|}}}|
;Weather
:{{#arraymap:{{{weather}}}|,|@@@|{{#switch:{{lc:@@@}}
| clear skies = {{weather icon|Clear Skies}}{{#set:Has weather-based spawn=clear skies}}
| fair skies = {{weather icon|Fair Skies}}{{#set:Has weather-based spawn=fair skies}}
| clouds = {{weather icon|Clouds}}{{#set:Has weather-based spawn=clouds}}
| rain = {{weather icon|Rain}}{{#set:Has weather-based spawn=rain}}
| showers = {{weather icon|Showers}}{{#set:Has weather-based spawn=showers}}
| fog = {{weather icon|Fog}}{{#set:Has weather-based spawn=fog}}
| #default = [[File:@@@.png|18px|link=@@@]]{{#set:Has weather-based spawn={{ucfirst:@@@}}}}}}| }}
}}{{#if: {{{patch|}}} |
;Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
}}
</div></div>
'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is a {{lcfirst:{{{species}}}}} found on the Island Sanctuary.

{{#if:{{NAMESPACE}}
||
[[Category:Island Animals]]
{{#if: {{{patch|}}}|[[Category:Patch {{{patch}}} Items]]}}
{{#if: {{{availability|}}} | {{#arraymap:{{{availability|}}}|,|@@@|{{#switch: {{lc:@@@}}
| always available = [[Category:Always Available]] {{#set:Has animal availability=Always available}}
| time-based = [[Category:Time-Based]] {{#set:Has animal availability=Time-based}}
| weather-based = [[Category:Weather-Based]] {{#set:Has animal availability=Weather-based}}
| time and weather-based = [[Category:Time-Based]] [[Category:Weather-Based]] {{#set:Has animal availability=Time and weather-based}}
}}|}}}}
}}
</includeonly><noinclude>
{{documentation}}

==Example==
<pre>
{{Island animals
| name = Lost Lamb
| icon = Lost Lamb icon1.png
| image = Lost Lamb 1.png
| species = Beastkin
| location = Island Sanctuary
| location-x = 20
| location-y = 23
| size = S
| common-leavings = milk
| bonus-leavings = fur
| time =
| weather =
| availability = always available
| patch = 6.2
}}</pre>

{{Island animals
| name = Lost Lamb
| icon = Lost Lamb icon1.png
| species = Beastkin
| location = Island Sanctuary
| location-x = 20
| location-y = 23
| size = S
| common-leavings = milk
| bonus-leavings = fur
| time =
| weather =
| availability = always available
| patch = 6.2
}}
</noinclude>

Template:Infobox/styles.css

2026-05-28T23:14:48Z

Erin Umbreon: minor style tweaks to handle wrapping labels

/** 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;
margin: 5px;
}

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 {
justify-self: end;
text-align: right;
align-self: start;
font-weight: bold;
border-right: 2px solid #999;
margin: 0;
margin-right: -2px; /* poor man's `border-collapse: collapse` */
}
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;
}
.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;
}
}

Template:Game icon

2026-05-28T23:13:31Z

Erin Umbreon: use {{i}} for all examples

<includeonly>{{#show:{{#titleparts:{{{1|}}}}}
|?=Pagename
|?Has context
|?Has game icon#
|?Has canonical name
|?Has dye channels
|?Has game icon frame type
| format = plainlist
| link = none
| named args = yes
| template = Game icon format
| userparam = {{{2|{{{alt|}}}}}};{{{size|}}};{{{hq|}}};{{{qty|}}};{{{wrap|}}};{{#titleparts:{{{1|}}}}}
| default = {{#invoke:Icon|renderGameIconWithLabel|text={{{2|{{{alt|{{{1|}}}}}}}}}|link={{{1|}}}}}
}}</includeonly><noinclude>
{{documentation}}

== Examples ==
=== Items ===
* {{i|Raisins}} is produced from {{tlx|i|Raisins}}
* {{i|Raisins|size=small}} is produced from {{tlx|i|Raisins|size{{=}}small}}
* {{i|Raisins|size=mid}} is produced from {{tlx|i|Raisins|size{{=}}mid}}
* {{i|Raisins|size=big}} is produced from {{tlx|i|Raisins|size{{=}}big}}
* {{i|Raisins|Fruit}} is produced from {{tlx|i|Raisins|Fruit}}
* {{i|Raisins|x}} is produced from {{tlx|i|Raisins|x}}
* {{i|Raisins|alt=Fruit}} is produced from {{tlx|i|Raisins|alt{{=}}Fruit}}
* {{i|Raisins|x|alt=Fruit}} is produced from {{tlx|i|Raisins|x|alt{{=}}Fruit}} (parameter 2 takes precedence over <code>alt</code>)
* {{i|Raisins|hq=1}} is produced from {{tlx|i|Raisins|hq{{=}}1}}
* {{i|Adventuring Sweater|size=big}} is produced from {{tlx|i|Adventuring Sweater|size{{=}}big}} (dye slots)
* {{i|Wind-up Mystel}} is produced from {{tlx|i|Wind-up Mystel}} (minion)
* {{i|Amber Draught Chocobo}} is produced from {{tlx|i|Amber Draught Chocobo}} (mount)
* {{i|Blue Gatherers' Scrip Token|qty=5-10}} is produced from {{tlx|i|Blue Gatherers' Scrip Token|qty{{=}}5-10}} (item quantity + ranges)

<pre>This is an example a paragraph with the {{i|Raisins}} item in it.</pre>
This is an example a paragraph with the {{i|Raisins}} item in it.

=== Other frame icons ===
* {{i|Quick Nock}} is produced from {{tlx|i|Quick Nock}} (actions)
* {{i|Duty Support|size=mid}} is produced from {{tlx|i|Duty Support|size{{=}}mid}} (system actions that use {{tl|Lead icon}}
* {{i|Shucked, Not Stirred|size=big}} is produced from {{tlx|i|Shucked, Not Stirred|size{{=}}big}} (achievement)
* {{i|Enhanced Quick Nock|size=big}} is produced from {{tlx|i|Enhanced Quick Nock|size=big}} (traits)

=== Currencies ===
* {{i|Gil|size=big}} is produced from {{tlx|i|Gil|size{{=}}big}}
* {{i|Gil|x|qty=1000-2000}} is produced from {{tlx|i|Gil|qty{{=}}1000-2000}} (currency range with name hidden)
* {{i|Allagan Tomestone of Mnemonics|x|qty=500}} + {{i|Universal Tomestone 3.0|qty=1}} (mixing currencies and tokens, as in {{tl|Vendor table row}})

Probably easier to use {{tl|currency}} for most things still

=== Quests ===
* {{i|To the Bannock}} is produced from {{tlx|i|To the Bannock}}
* {{i|So You Want to Be a Lancer|size=big}} is produced from {{tlx|i|So You Want to Be a Lancer|size{{=}}big}}
===Achievements===
<pre>{{i|Skyward Gemstone II}}</pre>
{{i|Skyward Gemstone II}}
===Duties===
<pre>{{i|Sastasha}}</pre>
{{i|Sastasha}}
<pre>{{i|Occult Crescent}}</pre>
{{i|Occult Crescent}} (uses {{tl|lead icon}} but should not be a frame icon)
===FATEs/Critical Engagements===
<pre>{{i|The Dalriada}}</pre>
{{i|The Dalriada}}
===Enemies===
<pre>{{i|Antelope Doe}}</pre>
{{i|Antelope Doe}}
<pre>{{i|Jungle Coeurl}}</pre>
{{i|Jungle Coeurl}}
===Weather===
<pre>{{i|Clear Skies}}</pre>
{{i|Clear Skies}}
===Icon missing===
<pre>{{i|The Black Shroud}}</pre>
{{i|The Black Shroud}}
===Invalid page===
<pre>{{i|invalid page}}</pre>
{{i|invalid page}}

Template:Deployment sector infobox

2026-05-28T23:08:21Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:
Has context = Deployment sector
| Has patch = {{{patch|}}}
}}{{expansion content|{{{patch|}}}}}<div class="infobox-n crafting-role">
<div class="icon deploymentsector-infobox-icon">
<div style="overflow: hidden; width: 38px; height: 38px; display:inline-block; vertical-align:middle;">
<div style="margin: 0px; overflow: hidden;">[[File:Airship Sub icon.png|40px|link=Deployment Sector]]{{#set:|Has game icon=File:Airship Sub icon.png|Has game icon frame type=none}}</div>
</div>
</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
{{#if:{{{type|}}}|
; Type
: {{ucfirst:{{{type}}}}} {{#set:Has deployment type={{{type}}}}}
}}{{#if:{{{unlocked-via|}}}|
; Unlocked via
: {{#arraymap:{{{unlocked-via}}}|,|@@@|[[@@@]]|<br>}} {{#set:Has deployment unlock={{{unlocked-via}}}}}
}}
; Rank
: {{{rank|}}} {{#set:Has deployment rank={{{rank}}}}}
{{#if:{{{alias|}}}|
; Alias
: {{{alias|}}} {{#set:Has deployment alias={{{alias}}}}}
}}
; Map
: [[{{{map|}}}]] {{#set:Has deployment map={{{map}}}}}
; Experience
: {{{experience|}}} {{#set:Has deployment exp={{{experience}}}}}
; Cost
: {{{cost|}}} {{item icon|Ceruleum Tank}} {{#set:Has deployment cost={{{cost}}}}}
; Difficulty
:{{#switch:{{{difficulty|}}}|1=★|2=★★|3=★★★|4=★★★★|5=★★★★★|#default=}} {{#set:Has deployment difficulty={{{difficulty}}}}}
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
</div>
{{clear}}
</div></div>
{{#if:{{NAMESPACE}}
||
[[Category:Deployment Sector]]

{{#switch:{{lc:{{{type|}}}}}
| sea = [[Category:Subaquatic Deployment Sector]] {{#set:Has deployment sector type=Subaquatic Deployment Sector}}
| air = [[Category:Airship Deployment Sector]] {{#set:Has deployment sector type=Airship Deployment Sector}}
| #default = [[Category:Deployment Sector with no type specified]]}}
}}</includeonly><noinclude>
{{documentation}}

== Example ==
<pre>{{Deployment sector infobox
| name = The Ivory Shoals
| type = sea
| unlocked-via =
| rank = 1
| alias = A
| map = Deep-sea Site
| experience = 10,610
| cost = 1
| difficulty = 1
| patch = 4.2
}}</pre>
{{Deployment sector infobox
| name = The Ivory Shoals
| type = sea
| unlocked-via =
| rank = 1
| alias = A
| map = Deep-sea Site
| experience = 10,610
| cost = 1
| difficulty = 1
| patch = 4.2
}}
</noinclude>

Template:Action infobox

2026-05-28T23:07:17Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#vardefine:is-mount-action|{{#ifeq:{{lc:{{{type}}}}}|mount|true|}}}}{{#set:Has context=Action}}{{expansion content|{{{patch|}}}}}{{#vardefine:has-gcd|{{#if: {{{gcd|}}}||{{#ifeq:{{lc:{{{type|}}}}}|ability||y}}}}}}{{#if:{{{pet|}}}||{{#switch:{{lc:{{{acquired|}}}}}| marauder | gladiator | warrior | paladin | dark knight | conjurer | white mage | scholar | astrologian | pugilist | lancer | archer | rogue | thaumaturge | arcanist | monk | dragoon | bard | black mage | summoner | ninja | machinist | samurai | red mage | blue mage | gunbreaker | dancer | reaper | sage | viper | pictomancer = {{#switch:{{lc:{{{pvp|n}}}}}
| y = {{otheruses|the [[PvP]] action|the [[PvE]] action|{{trim|{{#replace:{{#titleparts:{{PAGENAME}}}}|(PvP)|}}}}}}
| c = {{otheruses|the [[PvE]] action|the [[PvP]] action|{{#titleparts:{{PAGENAME}}}} (PvP)}}
}} }} }}
{{#vardefine:combat-action|{{#switch:{{#explode:{{lc:{{{acquired|}}}}}|,|0}}| marauder | gladiator | warrior | paladin | dark knight | conjurer | white mage | scholar | astrologian | pugilist | lancer | archer | rogue | thaumaturge | arcanist | monk | dragoon | bard | black mage | summoner | ninja | machinist | samurai | red mage | blue mage | gunbreaker | dancer | reaper | sage | viper | pictomancer | tank | healer | magic ranged dps | physical ranged dps | melee dps = y|#default=}}}}<div class="infobox-n action {{#if:{{{acquired|}}}|{{#switch:{{lc:{{{acquired}}}}}
| marauder | gladiator | warrior | paladin | dark knight | gunbreaker | tank = tanker
| conjurer | white mage | scholar | astrologian | sage | healer = healer
| pugilist | lancer | archer | rogue | thaumaturge | arcanist | monk | dragoon | bard | black mage | summoner | ninja | machinist | samurai | red mage | blue mage | dancer | reaper | viper | pictomancer | melee dps | physical ranged dps | magic ranged dps = dps
| carpenter | blacksmith | armorer | goldsmith | leatherworker | weaver | alchemist | culinarian = crafting
| botanist | fisher | miner = gathering
| #default = {{#if:{{#pos:{{lc:{{{acquired|}}}}}|alchemist}}|crafting|{{#if:{{#pos:{{lc:{{{acquired|}}}}}|botanist}}|gathering|mixed}}}} }}}}{{#if:{{{pet|}}}|{{#ifeq:{{{pet}}}|any||{{#vardefine:combat-action|y}}}}pet}}-role">
<div class="icon action-infobox-icon">{{#invoke:Icon|renderGameIcon|type=action|size=big|icon=File:{{{icon|{{#titleparts:{{PAGENAME}}}}.png}}}|link=File:{{{icon|{{PAGENAMEE}}.png}}}}}{{#set:Has game icon=File:{{{icon|{{#titleparts:{{PAGENAME}}}}.png}}}}}</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
{{#if: {{{acquired|}}}|
; Acquired
: {{#ifeq: {{lc:{{{acquired}}}}}|any|[[File:Any_class_frame_icon.png|20px|top|link=Class]] [[Class|Any]]{{#set:Is acquired by=Any}}|{{#arraymap:{{{acquired}}}|,|@@@|{{#switch:{{lc:@@@}}
| melee dps = {{Melee DPS|name=y}}{{#set:Is for role=Melee DPS}}{{#set:Is acquired by=Melee DPS}}
| physical ranged dps = {{Physical Ranged DPS|name=y}}{{#set:Is for role=Physical Ranged DPS}}{{#set:Is acquired by=Physical Ranged DPS}}
| magic ranged dps = {{Magic Ranged DPS|name=y}}{{#set:Is for role=Magic Ranged DPS}}{{#set:Is acquired by=Magic Ranged DPS}}
| free company = {{Free Company|name=y}}{{#set:Is for role=Free Company}}{{#set:Is acquired by=Free Company}}
| tank | healer = {{@@@|name=y}}{{#set:Is for role={{ucfirst:@@@}}}}{{#set:Is acquired by={{ucfirst:@@@}}}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver = {{@@@|name=y}}{{#set:Is for class={{ucfirst:@@@}}}}{{#set:Is acquired by={{ucfirst:@@@}}}}
| marauder = {{Marauder|name=y}}{{#set:Is for class=Marauder}}{{#set:Is for job=Warrior}}{{#set:Is acquired by=Marauder}}
| gladiator = {{Gladiator|name=y}}{{#set:Is for class=Gladiator}}{{#set:Is for job=Paladin}}{{#set:Is acquired by=Gladiator}}
| pugilist = {{Pugilist|name=y}}{{#set:Is for class=Pugilist}}{{#set:Is for job=Monk}}{{#set:Is acquired by=Pugilist}}
| lancer = {{Lancer|name=y}}{{#set:Is for class=Lancer}}{{#set:Is for job=Dragoon}}{{#set:Is acquired by=Lancer}}
| archer = {{Archer|name=y}}{{#set:Is for class=Archer}}{{#set:Is for job=Bard}}{{#set:Is acquired by=Archer}}
| conjurer = {{Conjurer|name=y}}{{#set:Is for class=Conjurer}}{{#set:Is for job=White Mage}}{{#set:Is acquired by=Conjurer}}
| thaumaturge = {{Thaumaturge|name=y}}{{#set:Is for class=Thaumaturge}}{{#set:Is for job=Black Mage}}{{#set:Is acquired by=Thaumaturge}}
| arcanist = {{Arcanist|name=y}}{{#set:Is for class=Arcanist}}{{#set:Is for job=Scholar}}{{#set:Is for job=Summoner}}{{#set:Is acquired by=Arcanist}}
| rogue = {{Rogue|name=y}}{{#set:Is for class=Rogue}}{{#set:Is for job=Ninja}}{{#set:Is acquired by=Rogue}}
| dark knight = {{Dark Knight|name=y}}{{#set:Is for job=Dark Knight}}{{#set:Is acquired by=Dark Knight}}
| red mage = {{Red Mage|name=y}}{{#set:Is for job=Red Mage}}{{#set:Is acquired by=Red Mage}}
| blue mage = {{Blue Mage|name=y}}{{#set:Is for job=Blue Mage}}{{#set:Is acquired by=Blue Mage}}
| black mage = {{Black Mage|name=y}}{{#set:Is for job=Black Mage}}{{#set:Is acquired by=Black Mage}}
| white mage = {{White Mage|name=y}}{{#set:Is for job=White Mage}}{{#set:Is acquired by=White Mage}}
| gunbreaker = {{Gunbreaker|name=y}}{{#set:Is for job=Gunbreaker}}{{#set:Is acquired by=Gunbreaker}}
| dancer = {{Dancer|name=y}}{{#set:Is for job=Dancer}}{{#set:Is acquired by=Dancer}}
| reaper = {{Reaper|name=y}}{{#set:Is for job=Reaper}}{{#set:Is acquired by=Reaper}}
| sage = {{Sage|name=y}}{{#set:Is for job=Sage}}{{#set:Is acquired by=Sage}}
| viper = {{Viper|name=y}}{{#set:Is for job=Viper}}{{#set:Is acquired by=Viper}}
| pictomancer = {{Pictomancer|name=y}}{{#set:Is for job=Pictomancer}}{{#set:Is acquired by=Pictomancer}}
| phantom freelancer | phantom knight| phantom monk | phantom time mage | phantom bard | phantom geomancer | phantom ranger | phantom berserker | phantom chemist | phantom cannoneer | phantom samurai | phantom thief | phantom oracle | phantom mystic knight | phantom gladiator | phantom dancer = {{phantom job|{{#explode:@@@| |1|2}}|name=y}}{{#set:Is acquired by={{ucfirst:@@@}}}}{{#vardefine:phantom_job_action|y}}
| astrologian | bard | dragoon | monk | machinist | ninja | samurai | scholar | summoner | paladin | warrior = {{@@@|name=y}}{{#set:Is for job={{ucfirst:@@@}}}}{{#set:Is acquired by={{ucfirst:@@@}}}}
| #default = {{#vardefine:other_action|y}}}}{{#if:{{#var:other_action}}{{#var:phantom_job_action}}|| <small>([[List of {{lc:@@@}} actions|actions]])</small>}}|<br>}} }} }}{{#if:{{{pet|}}}|
; [[Pets|Pet]]
: {{#switch:{{lc:{{{pet}}}}}
| carbuncle = [[Carbuncle]] <small>([[List of carbuncle actions|actions]])</small>{{#set:Is for pet=Carbuncle}}
| emerald carbuncle | emerald = [[Emerald Carbuncle]] <small>([[List of emerald carbuncle actions|actions]])</small>{{#set:Is for pet=Emerald Carbuncle}}
| topaz carbuncle | topaz = [[Topaz Carbuncle]] <small>([[List of topaz carbuncle actions|actions]])</small>{{#set:Is for pet=Topaz Carbuncle}}
| garuda-egi | garuda egi | garuda = [[Garuda-Egi]] <small>([[List of garuda-egi actions|actions]])</small>{{#set:Is for pet=Garuda-Egi}}
| titan-egi | titan egi | titan = [[Titan-Egi]] <small>([[List of titan-egi actions|actions]])</small>{{#set:Is for pet=Titan-Egi}}
| ifrit-egi | ifrit egi | ifrit = [[Ifrit-Egi]] <small>([[List of ifrit-egi actions|actions]])</small>{{#set:Is for pet=Ifrit-Egi}}
| eos = [[Eos]] <small>([[List of eos actions|actions]])</small>{{#set:Is for pet=Eos}}
| selene = [[Selene]] <small>([[List of selene actions|actions]])</small>{{#set:Is for pet=Selene}}
| eos_selene = [[Eos]] and [[Selene]] <small>([[List of selene actions|actions]])</small>{{#set:Is for pet=Eos and Selene}}
| seraph = [[Seraph]] <small>([[List of seraph actions|actions]])</small>{{#set:Is for pet=Seraph}}
| any = [[Is for pet::Any]]
}}
}}{{#if:{{{level|}}}|
; Level
: [[Has action level::{{{level}}}]]
}}{{#if: {{{type|}}}|
; [[Action#Types|Type]]
: [[Has action type::{{ucfirst:{{{type}}}}}]]
}}{{#if: {{{type-mobile|}}}|
; [[Action#Mobile_Types|Mobile Type]]
: {{#arraymap:{{{type-mobile}}}|,|@@@|[[Has mobile action type::{{ucfirst:{{trim|@@@}}}}]]|, }}
}}{{#if: {{{lost-action-type|}}}|
; [[Lost Action]]
: {{#switch:{{{lost-action-type}}}
| beneficial = [[Beneficial Lost Action]]
| defensive = [[Defensive Lost Action]]
| detrimental = [[Detrimental Lost Action]]
| item-related = [[Item-related Lost Action]]
| offensive = [[Offensive Lost Action]]
| restorative = [[Restorative Lost Action]]
| tactical = [[Tactical Lost Action]]
}}
}}{{#if: {{{number|}}} |
;Index
:{{{number}}} {{#ifeq:{{lc:{{{acquired|}}}}}|blue mage|(Page {{#expr:ceil({{{number}}}/16)}}) {{#set:Has blue magic spell number={{{number|}}}}}|{{#set:Has action index={{{number|}}}}} }}
}}{{#if: {{{rank|}}} |
;Rank
:{{#arraymap: {{{rank|}}} |,|@@@|{{#switch: {{lc:@@@}}
| 1 = ★
| 2 = ★★
| 3 = ★★★
| 4 = ★★★★
| 5 = ★★★★★
| #default = {{ucfirst:@@@}}
}}
}}
}}{{#if: {{{damage-type|}}} |
;Damage Type
: {{#switch:{{{damage-type}}}
| Physical = [[File:Physical Damage.png|24px|link=]] Physical
| Magical | Magic = [[File:Magical Damage.png|24px|link=]] Magical
| {{{damage-type}}}
}}
}}{{#if: {{{aspect|}}} |
;Aspect
: {{#switch:{{{aspect}}}
| Wind | Fire | Ice | Lightning | Water | Earth = {{Eurekaelement icon|{{{aspect}}}}} {{{aspect}}}
| Piercing, Fire = Piercing, {{Eurekaelement icon|Fire}} Fire
| {{{aspect}}}
}}
}}{{#if:{{#var:is-mount-action}}|{{#vardefine:mounts|{{#ask:[[Category:Mounts]][[Has action::{{#titleparts:{{PAGENAME}}}}]]
|format=plaintext
|link=none
|valuesep=,
}}|,}}
; [[Mount]]s
: {{#arraymap:{{#var:mounts}}|,|@@@|{{game icon|@@@}}<br>||}}
}}{{#if: {{{mp-cost|}}}|
; [[MP]] Cost
: {{#switch:{{{mp-cost}}}
| 999999 | 10000 = All
| #default = {{formatnum:{{{mp-cost}}}}}}}{{#set:Has mp cost={{{mp-cost}}}}}
}}{{#if: {{{tp-cost|}}}|
; [[TP]] Cost
: [[Has tp cost::{{{tp-cost}}}]]
}}{{#if: {{{gp-cost|}}}|
; [[GP]] Cost
: [[Has gp cost::{{{gp-cost}}}]]
}}{{#if: {{{cp-cost|}}}|
; [[CP]] Cost
: [[Has cp cost::{{{cp-cost}}}]]
}}{{#if: {{{gauge-cost-disabled|}}}|
; {{#switch:{{lc:{{{acquired|}}}}}
| paladin = [[Paladin#Oath_Gauge|Oath Gauge]]
| warrior = [[Warrior#Beast_Gauge|Beast Gauge]]
| dark knight = [[Dark_Knight#Blood_Gauge|Blood Gauge]]
| white mage = [[White_Mage#Healing_Gauge|Healing Gauge]]
| scholar = [[Scholar#Faerie_Gauge|Faerie Gauge]]
| rogue = [[Rogue#Ninki_Gauge|Ninki Gauge]]
| samurai = [[Samurai#Kenki_Gauge|Kenki Gauge]]
| red mage = [[Red_Mage#Balance_Gauge|Balance Gauge]]
| blue mage = [[Blue_Mage#?????_Gauge|????? Gauge]]
| gunbreaker = [[Gunbreaker#Powder_Gauge|Powder Gauge]]
| dancer = [[Dancer#Step_Gauge|Step Gauge]]
| reaper = [[Reaper#Job mechanics|Eukrasia and Addersgall Gauges]]
| sage = [[Sage#Job mechanics|Soul, Shroud and Death Gauges]]
}} Cost
: [[Has job gauge cost::{{{gauge-cost}}}]]
}}
; Casting
: {{#if:{{{casting|}}}|{{#ifeq:{{{casting|0}}}|0|Instant{{#set:Has casting time=0}}|[[Has casting time::{{{casting}}}]]}}s|Instant{{#set:Has casting time=0}}}}{{#if: {{#var:combat-action}}{{{recast|}}}|
; {{#ifeq: {{#var:is-charged}}|true|Charge Time|Recast}}
: {{#if: {{{recast|}}}|{{#ifeq: {{{recast|0}}}|0|Instant{{#set:Has recast time=0}}|[[Has recast time::{{{recast}}}]]}}s|Instant{{#set:Has recast time=0}}}} {{#if:{{#var:has-gcd}}|<small>([[GCD]])</small>{{#set:Has global cooldown=true}}|{{#set:Has global cooldown=false}}}}
}}{{#if: {{{range|}}}|
; Range
: [[Has action range::{{{range|0}}}]]y
}}{{#if: {{{radius|}}}|
; Radius
: [[Has action radius::{{{radius|0}}}]]y
}}{{#if: {{{aoe-type|}}}|
; AoE Type
: {{#switch: {{lc:{{{aoe-type|}}}}}
|pbaoe=[[File:Point Blank Circle AoE icon.png|18px|link=]] Point Blank Circle{{#set:Has aoe type=Point Blank Circle}}
|donut=[[File:Donut AoE icon.png|18px|link=]] Point Blank Donut{{#set:Has aoe type=Point Blank Donut}}
|circle|targeted circle=[[File:Targeted Circle AoE icon.png|18px|link=]] Targeted Circle{{#set:Has aoe type=Targeted Circle}}
|ground=[[File:Ground Targeted Circle AoE icon.png|18px|link=]] Ground Targeted Circle{{#set:Has aoe type=Ground Targeted Circle}}
|line=[[File:Line AoE icon.png|18px|link=]] Line{{#set:Has aoe type=Line}}
|front cone|frontal cone=[[File:Front Cone AoE icon.png|18px|link=]] Front Cone{{#set:Has aoe type=Front Cone}}
|back cone|backwards cone=[[File:Back Cone AoE icon.png|18px|link=]] Back Cone{{#set:Has aoe type=Back Cone}}
|cross=[[File:Cross AoE icon.png|18px|link=]] Cross{{#set:Has aoe type=Cross}}
|270 degrees=[[File:270 Degree AoE icon.png|18px|link=]] 270 Degree Sector {{#set:Has aoe type=270 Degree Sector}}|#default=???}}
[[Category:Area of Effect actions]]}}{{#if: {{{targeting|}}}|
; Targeting
: {{#switch:{{{targeting|}}}
| pbaoe = [[Has action targeting::Point Blank AoE]]
| #default = [[Has action targeting::{{ucfirst:{{{targeting|None}}}}}]] }}
}}{{#if: {{{req-quest|}}}|
; Quest Req.
: {{#ifeq:{{lc:{{{req-quest|}}}}}|varies|''[[Has quest requirement::{{{name|{{PAGENAME}}}}} unlock quests|Varies]]''|{{quest icon|{{{req-quest}}}}}{{#set:Has quest requirement={{{req-quest}}}}}}}
}}{{#if: {{{unlock-item|}}} |
;Unlock Item
:{{#arraymap:{{{unlock-item|}}}|,|@@@|{{item icon|@@@|wrap=true}}|<br>}}
}}{{#if: {{{uses|}}} |
;Uses
:{{{uses|}}}{{#set:Has action uses={{{uses}}}}}
}}{{#if: {{{weight|}}} |
;Weight
:{{{weight|}}}{{#set:Has action weight={{{weight}}}}}
}}{{#if:{{{patch|}}}|
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]{{#set:Has patch={{{patch}}}}}
|[[Category:Actions and traits needing patch]]}}{{#if:{{{patch-mobile|}}}|
; Mobile Patch
: [[Mobile Patch {{{patch-mobile}}}|{{{patch-mobile}}}]]
}}
</div>
{{clear}}
</div>{{#if: {{NAMESPACE}}||

{{#if: {{{type|}}}|
{{#switch: {{lc:{{{type}}}}}
| spell = [[Category:Spell actions]]
| weaponskill = [[Category:Weaponskill actions]]
| ability = [[Category:Ability actions]]
| mount = [[Category:Mount actions]]
}}
}}


{{#if: {{{type-mobile|}}}|{{#arraymap:{{lc:{{{type-mobile}}}}}|,|@@@|{{#switch:{{trim|@@@}}
| active = [[Category:Mobile Active actions]]
| passive = [[Category:Mobile Passive actions]]
| attack = [[Category:Mobile Attack actions]]
| assist = [[Category:Mobile Assist actions]]
| cure = [[Category:Mobile Cure actions]]
| group = [[Category:Mobile Group actions]]
| damage = [[Category:Mobile Damage actions]]
| control = [[Category:Mobile Control actions]]
| movement = [[Category:Mobile Movement actions]]
}}|}}
}}


{{#if: {{{acquired|}}}|{{#arraymap:{{lc:{{{acquired}}}}}|,|@@@|{{#switch:@@@
| black mage = [[Category:Black Mage actions]]
| white mage = [[Category:White Mage actions]]
| dark knight = [[Category:Dark Knight actions]]
| red mage= [[Category:Red Mage actions]]
| blue mage= [[Category:Blue Mage actions]]
| gunbreaker = [[Category:Gunbreaker actions]]
| dancer = [[Category:Dancer actions]]
| reaper = [[Category:Reaper actions]]
| sage = [[Category:Sage actions]]
| physical ranged dps = [[Category:Physical Ranged DPS actions]]
| magic ranged dps | magical ranged dps = [[Category:Magical Ranged DPS actions]]
| melee dps = [[Category:Melee DPS actions]]
| #default = [[Category:{{ucfirst:@@@}} actions]]
}}|}}
}}

{{#if:{{{pet|}}}|{{#switch:{{lc:{{{pet|}}}}}
| any = [[Category:Pet actions]]
| emerald | emerald carbuncle = [[Category:Emerald Carbuncle actions]]
| topaz | topaz carbuncle = [[Category:Topaz Carbuncle actions]]
| garuda | garuda egi | garuda-egi = [[Category:Garuda-Egi actions]]
| titan | titan egi | titan-egi = [[Category:Titan-Egi actions]]
| ifrit | ifrit egi | ifrit-egi = [[Category:Ifrit-Egi actions]]
| eos = [[Category:Eos actions]]
| selene = [[Category:Selene actions]]
}}
}}

{{#if: {{{movement|}}}|[[Category:Movement actions]]}}
{{#if: {{{positional|}}}|[[Category:Positional actions]]}}


{{#switch: {{{pvp|}}}|y|yn = {{#if: {{{retired|}}}|[[Category:Retired PvP actions]]|[[Category:PvP actions]]}}{{#set:Is for pvp=true}}|{{#if: {{{retired|}}}|[[Category:Retired PvE actions]]|[[Category:PvE actions]]}}{{#set:Is for pvp=false}}}}

{{#if: {{{req-quest|}}}|[[Category:Actions unlocked by quest]]}}

{{#switch:{{{targeting|}}}| pbaoe | area = [[Category:Area of Effect actions]]|#default=}}
}}{{Quotation|In-game description|{{Colorize|{{{description|''No description available.''}}}}}
{{{facts|}}}
{{{facts-2|}}}}}{{#if: {{{description|}}}|{{#set:Has game description={{#replace:{{{description}}}|`|}}}}}}{{#if: {{{facts|}}}|{{#set:Has facts={{#replace:{{{facts}}}|`|}}}}}}{{#if: {{{facts-2|}}}|{{#set:Has facts 2={{#replace:{{{facts-2}}}|`|}}}}}}{{#if: {{{description-class|}}}|{{#set:Has game class description={{#replace:{{{description-class}}}|`|}}}}}}{{#if: {{{facts-class|}}}|{{#set:Has class facts={{#replace:{{{facts-class}}}|`|}}}}}}{{#if:{{{no-footer-text|}}}||'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is an action unlocked{{#if:{{{req-quest|}}}| by questing}}{{#if:{{#var:is-mount-action}}| while riding the following mounts:<br>* {{#arraymap:{{#var:mounts}}|, |@@@|{{game icon|@@@}}|<br>* }}<br>| at level {{{level|1}}}.}} It is available for {{#arraymap:{{{acquired}}}|,|@@@|{{#switch:{{lc:@@@}}
| gladiator = [[Gladiator]] / [[Paladin]]
| marauder = [[Marauder]] / [[Warrior]]
| lancer = [[Lancer]] / [[Dragoon]]
| pugilist = [[Pugilist]] / [[Monk]]
| rogue = [[Rogue]] / [[Ninja]]
| archer = [[Archer]] / [[Bard]]
| thaumaturge = [[Thaumaturge]] / [[Black Mage]]
| arcanist = [[Arcanist]] / [[Summoner]]
| conjurer = [[Conjurer]] / [[White Mage]]
| dark knight = [[Dark Knight]]
| red mage = [[Red Mage]]
| black mage = [[Black Mage]]
| free company = [[Free Company]]
| white mage = [[White Mage]]
| blue mage = [[Blue Mage]]
| gunbreaker = [[Gunbreaker]]
| dancer = [[Dancer]]
| reaper = [[Reaper]]
| sage = [[Sage]]
| melee dps = [[Melee DPS]]
| magic ranged dps | magical ranged dps = [[Magical Ranged DPS]]
| physical ranged dps | ranged physical dps = [[Physical Ranged DPS]]
| any = any class or job
| #default = [[{{ucfirst:@@@}}]]}}|, |and}}{{#if:{{#var:is-mount-action}}| while mounted}}.}}{{#if: {{{traits|}}}|<br>
== Related traits ==
{{#arraymap:{{{traits}}}|,|@@@|* {{action icon|@@@}} (Lv. {{#show:@@@|?Has trait level}}) - {{#show:@@@|?Has game description}}{{#set:Has related trait=@@@}}|\n}}
}}{{#if: {{{actions|}}}|<br>
== Related actions ==
{{#arraymap:{{{actions}}}|,|@@@|* {{action icon|@@@}}{{#set:Has related action=@@@}}|\n}}
}}{{#set:Has history=false}}</includeonly><noinclude>{{documentation}}
== Examples ==
<pre>{{Action infobox
| name = Transpose
| icon = Transpose.png
| description = Swaps [[Astral Fire]] with a single [[Umbral Ice]] or [[Umbral Ice]] with a single [[Astral Fire]].
| facts = {{action fact|duration|14}}{{action fact|Causes ```[[Thaumaturge|elemental damage]]``` with each following spell.}}
| acquired = thaumaturge
| level = 4
| type = spell
| mp-cost =
| tp-cost =
| gp-cost =
| cp-cost =
| casting =
| recast = 12
| range =
| radius =
| traits = Enhanced Intelligence, Enhanced Intelligence II
| actions = Dreadwyrm Trance, Tri-disaster
| req-quest =
| targeting = self
| pvp = y
| patch =
| patch-mobile =
| release =
}}</pre>
{{Action infobox
| name = Transpose
| icon = Transpose.png
| description = Swaps [[Astral Fire]] with a single [[Umbral Ice]] or [[Umbral Ice]] with a single [[Astral Fire]].
| facts = {{action fact|duration|14}}{{action fact|Causes ```[[Thaumaturge|elemental damage]]``` with each following spell.}}
| acquired = thaumaturge
| level = 4
| type = spell
| mp-cost =
| tp-cost =
| gp-cost =
| cp-cost =
| recast = 12
| traits = Enhanced Intelligence, Enhanced Intelligence II
| actions = Dreadwyrm Trance, Tri-disaster
| req-quest =
| targeting = self
| pvp = y
| release =
}}

==Crafting and Gathering Example==
<pre>
{{Action infobox
| name = Basic Synthesis
| description = Increases progress.
| facts = {{action fact|efficiency|90}}{{action fact|success rate|100}}
| acquired = alchemist
| level = 1
| type = ability
| cp-cost = 0
}}
</pre>
{{Action infobox
| name = Basic Synthesis
| icon = Basic Synthesis (alchemist).png
| description = Increases progress.
| facts = {{action fact|efficiency|90}}{{action fact|success rate|100}}
| acquired = alchemist
| level = 1
| type = ability
| cp-cost = 0
}}
{{clear}}
<pre>{{Action infobox
| name = Blessed Harvest II
| icon = Blessed Harvest II.png
| description = Increases the number of items obtained during a single gathering attempt by two.
| acquired = botanist
| level = 40
| type = ability
| gp-cost = 500
}}</pre>
{{Action infobox
| name = Blessed Harvest II
| icon = Blessed Harvest II.png
| description = Increases the number of items obtained during a single gathering attempt by two.
| acquired = botanist
| level = 40
| type = ability
| gp-cost = 500
}}
</noinclude>

Template:Triple Triad card values/doc

2026-05-28T23:05:04Z

Erin Umbreon: Created page with "{{documentation subpage}} {<nowiki/>{'''Triple Triad card values'''|top=|left=|right=|bottom=}} Renders Triple Triad card values in a diamond, as shown on the cards themselves. Used for display in {{tl|Triple Triad Card infobox}}. ==Template data== <templatedata> { "params": { "top": { "label": "Top value", "type": "number", "required": true }, "left": { "label": "Left value", "type": "number", "required": true }, "right": { "label..."

{{documentation subpage}}

{<nowiki/>{'''Triple Triad card values'''|top=|left=|right=|bottom=}}

Renders [[Triple Triad]] card values in a diamond, as shown on the cards themselves. Used for display in {{tl|Triple Triad Card infobox}}.

==Template data==
<templatedata>
{
"params": {
"top": {
"label": "Top value",
"type": "number",
"required": true
},
"left": {
"label": "Left value",
"type": "number",
"required": true
},
"right": {
"label": "Right value",
"type": "number",
"required": true
},
"bottom": {
"label": "Bottom value",
"type": "number",
"required": true
}
},
"description": "Formats Triple Triad card values.",
"paramOrder": [
"top",
"left",
"right",
"bottom"
],
"format": "inline"
}
</templatedata>

<includeonly>

[[Category:Formatting templates]]
</includeonly>

Template:Triple Triad Card infobox

2026-05-28T23:00:59Z

Erin Umbreon: fix definition list whitespace; use template for rendering triple triad values

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:
Has item type = Triple Triad Card
|Has card icon = File:{{lc:{{{title|{{#titleparts:{{PAGENAME}}}}}}}}} icon1.png
|Has patch = {{{patch|}}}
|Is ex card = {{{is-ex|n}}}
|Has sortkey = {{{sortkey|}}}
}}{{expansion content|{{{patch|}}}}}<div class="infobox-n card">
<div class="icon card-infobox-icon">
{{#switch: {{lc:{{{rarity|}}}}}
| common | 1 | ★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r1.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r1.png}}
| uncommon | 2 | ★★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r2.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r2.png}}
| rare | 3 | ★★★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r3.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r3.png}}
| epic | 4 | ★★★★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r4.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r4.png}}
| legendary | 5 | ★★★★★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r5.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r5.png}}
| legendaryother | ★★★★★ = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r5other.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r5other.png}}
| #default = {{#invoke:Icon|renderGameIcon|frameType=standard|size=big|icon=File:Triple Triad Card r1.png|link=Triple Triad Cards}} {{#set:Has game icon=File:Triple Triad Card r1.png}}
}}</div>
<p class="heading">[[Has canonical name::{{{title|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
{{#if: {{{image|}}}|<div style="clear: both; width:34.7%; margin:auto;">{{#set:Has card image=File:{{#ifeq:{{{image|}}}|y|{{#titleparts:{{PAGENAME}}}} (image).png|{{{image}}}}}}}{{Triple Triad Card|{{PAGENAME}}}}</div>}}
<div class="wrapper">
{{#if:{{{card-number|}}}|
; Card Number
: {{{card-number}}} {{#set:Has card number={{{card-number}}}}}
}}
; Type
:{{#switch: {{lc:{{{type|}}}}}
| society = {{ttcard icon|society}} Society {{#set:Has card type=Society}}
| garlean = {{ttcard icon|garlean}} Garlean {{#set:Has card type=Garlean}}
| primal = {{ttcard icon|primal}} Primal {{#set:Has card type=Primal}}
| scion | scions = {{ttcard icon|scion}} Scion {{#set:Has card type=Scion}}
| #default = None}}
; Rarity
: {{#switch: {{lc:{{{rarity|}}}}}
| common | 1 | ★ = ★<br><small>(Common)</small>
| uncommon | 2 | ★★ = ★★<br><small>(Uncommon)</small>
| rare | 3 | ★★★ = ★★★<br><small>(Rare)</small>
| epic | 4 | ★★★★ = ★★★★<br><small>(Epic)</small>
| legendary | 5 | ★★★★★ = ★★★★★<br><small>(Legendary)</small>
| legendaryother | ★★★★★ = ★★★★★<br><small>(Legendary)</small>
| #default = Not Specified}}
; Card Values
: {{Triple Triad card values
|top={{{top}}}
|left={{{left}}}
|right={{{right}}}
|bottom={{{bottom}}}
}}{{#set:
| Has top value={{{top}}}
| Has left value={{{left}}}
| Has right value={{{right}}}
| Has bottom value={{{bottom}}}
}}
; [[Triple Triad Trader|Vendor]] [[Currency|Value]]
:{{#switch: {{lc:{{{rarity|}}}}}
| common | 1 | ★ = {{MGP|100}} {{#set:Has vendor value=100}}
| uncommon | 2 | ★★ = {{MGP|300}}{{#set:Has vendor value=300}}
| rare | 3 | ★★★ = {{MGP|500}}{{#set:Has vendor value=500}}
| epic | 4 | ★★★★ = {{MGP|800}}{{#set:Has vendor value=800}}
| legendary | 5 | ★★★★★ = {{MGP|1500}}{{#set:Has vendor value=1500}}
| legendaryother | ★★★★★ = {{MGP|1500}}{{#set:Has vendor value=1500}}
| #default = Unknown}}
; Patch
: [[Patch {{{patch}}}|{{{patch}}}]]
{{#if: {{{id-edb|}}}{{{id-gt|}}}|; Links}}
{{#if: {{{id-edb|}}}{{{id-gt|}}}|:}} {{#if: {{{id-edb|}}}|<u style="border-bottom: 1px dotted; text-decoration: none;" title="Eorzea Database">{{EDB|item|{{{id-edb}}}|EDB}}</u>}} {{#if: {{{id-gt|}}}|<u style="border-bottom: 1px dotted; text-decoration: none;" title="Garland Tools">[http://garlandtools.org/db/#item/{{{id-gt}}} GT]</u> <u style="border-bottom: 1px dotted; text-decoration: none;" title="Teamcraft">[https://ffxivteamcraft.com/db/en/item/{{{id-gt}}} TC]</u>}}{{#if: {{{id-gt|}}}|{{#set:Has internal ID={{{id-gt|}}}}}|[[Category:Triple Triad cards with no internal ID specified]]}}{{#if: {{{id-edb|}}}|{{#set:Has EDB ID={{{id-edb}}}}}|{{#ifeq: {{lc:{{{id-edb-exists|}}}}}|n||[[Category:Triple Triad cards with no EDB ID specified]]}}}}</div>
{{clear}}
</div>
{{#if:{{NAMESPACE}}
||
[[Category:Triple Triad cards]]

{{#switch: {{lc:{{{type|}}}}}
| society = [[Category:Society Triple Triad cards]]
| garlean = [[Category:Garlean Triple Triad cards]]
| primal = [[Category:Primal Triple Triad cards]]
| scion | scions = [[Category:Scion Triple Triad cards]]
| #default =
}}

{{#switch: {{lc:{{{rarity|}}}}}
| common | 1 | ★ = [[Category:Common Triple Triad cards]] {{#set:Has card rarity=Common}}
| uncommon | 2 | ★★ = [[Category:Uncommon Triple Triad cards]] {{#set:Has card rarity=Uncommon}}
| rare | 3 | ★★★ = [[Category:Rare Triple Triad cards]] {{#set:Has card rarity=Rare}}
| epic | 4 | ★★★★ = [[Category:Epic Triple Triad cards]] {{#set:Has card rarity=Epic}}
| legendary | 5 | ★★★★★ = [[Category:Legendary Triple Triad cards]] {{#set:Has card rarity=Legendary}}
| legendaryother | 5 | ★★★★★ = [[Category:Legendary Triple Triad cards]] {{#set:Has card rarity=Legendary}}
| #default = [[Category:Triple Trad cards with no rarity specified]]
}}

{{#if: {{{patch|}}}|[[Category:Patch {{{patch}}} Triple Triad cards]]}}
}}{{Quotation|In-game description|{{{description|''No description available.''}}}{{#if:{{{desc-note|}}}| ※ {{{desc-note|}}}}} }}{{#if: {{{description|}}}|{{#set:Has game description|{{{description}}}}}
}}
'''{{PAGENAME}}''' is {{#switch: {{lc:{{{rarity|}}}}}
| common | 1 | ★ = a Common (★)
| uncommon | 2 | ★★ = an Uncommon (★★)
| rare | 3 | ★★★ = a Rare (★★★)
| epic | 4 | ★★★★ = an Epic (★★★★)
| legendary | 5 | ★★★★★ = a Legendary (★★★★★)
| legendaryother | 5 | ★★★★★ = a Legendary (★★★★★)
| #default =
}} [[Triple Triad Card]].{{Obtainable_parameter
| source-type = {{{source-type|}}}
| obtain-by = {{{obtain-by|}}}
}}</includeonly><noinclude>
{{documentation}}

==Examples==
<pre>{{Triple Triad Card infobox
|title = Stormblood Alphinaud & Alisaie Card
|image = Stormblood alphinaud and alisaie card1.png
|patch = 4.5
|card-number = 234
|type = Scion
|rarity = Legendary
|top = 6
|bottom = 8
|left = 8
|right = 8
|id-gt = 24879
|id-edb = 57b7c6711ae
|description = “I can strike bargains, forge ties, and change minds. And where better to do these things than in the home of our old enemy?”<br> “Go, then. You've obviously made up your mind.”
}}</pre>
{{Triple Triad Card infobox
|image = Stormblood alphinaud and alisaie card1.png
|title = Stormblood Alphinaud & Alisaie Card
|patch = 4.5
|card-number = 234
|type = Scion
|rarity = Legendary
|top = 6
|bottom = 8
|left = 8
|right = 8
|id-gt = 24879
|id-edb = 57b7c6711ae
|description = “I can strike bargains, forge ties, and change minds. And where better to do these things than in the home of our old enemy?”<br> “Go, then. You've obviously made up your mind.”
}}
</noinclude>

Template:Triple Triad card values/styles.css

2026-05-28T22:58:02Z

Erin Umbreon: Created page with ".tt-values { display: inline-grid; grid-template: "left top right" 1fr "left bottom right" 1fr /1fr 1fr 1fr; width: min-content; height: min-content; font-weight: bold; line-height: 1; align-items: center; justify-items: center; } .tt-values span { padding: 0 2px; } .tt-values__top {grid-area: top} .tt-values__left {grid-area: left} .tt-values__right {grid-area: right} .tt-values__bottom {grid-area: bottom}"

.tt-values {
display: inline-grid;
grid-template:
"left top right" 1fr
"left bottom right" 1fr
/1fr 1fr 1fr;
width: min-content;
height: min-content;

font-weight: bold;
line-height: 1;
align-items: center;
justify-items: center;
}
.tt-values span {
padding: 0 2px;
}
.tt-values__top {grid-area: top}
.tt-values__left {grid-area: left}
.tt-values__right {grid-area: right}
.tt-values__bottom {grid-area: bottom}

Template:Triple Triad card values

2026-05-28T22:57:54Z

Erin Umbreon: Created page with "<includeonly><templatestyles src="Template:Triple Triad card values/styles.css"/><div class="tt-values"><span class="tt-values__top">{{{top}}}</span><span class="tt-values__left">{{{left}}}</span><span class="tt-values__right">{{{right}}}</span><span class="tt-values__bottom">{{{bottom}}}</span></div></includeonly><noinclude> {{documentation}} ==Examples== {{markup example|<nowiki> Values are: {{Triple Triad card values | top = 5 | left = 4 | right = 3 | bottom = 2 }} <..."

<includeonly><templatestyles src="Template:Triple Triad card values/styles.css"/><div class="tt-values"><span class="tt-values__top">{{{top}}}</span><span class="tt-values__left">{{{left}}}</span><span class="tt-values__right">{{{right}}}</span><span class="tt-values__bottom">{{{bottom}}}</span></div></includeonly><noinclude>
{{documentation}}

==Examples==
{{markup example|<nowiki>
Values are: {{Triple Triad card values
| top = 5
| left = 4
| right = 3
| bottom = 2
}}
</nowiki>}}

Template:FATE infobox

2026-05-28T22:42:29Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#vardefine:icon|File:{{#switch: {{lc:{{{type|}}}}}
| notorious monster = Boss FATE icon.png
| gather = Collection FATE icon.png
| defense = Defense FATE icon.png
| escort = Escort FATE icon.png
| chase = FATE-Path.png
| festival = Festival Fate icon.png
| fête = Fête FATE icon.png
| eureka notorious monster = Eureka notorious monster (map icon).png
| bozjan notorious monster = Bozjan NM.png
| bozjan slay enemies = Bozjan Fight.png
| bozjan defense = Bozjan Defense.png
| bozjan gather = Bozjan Gather.png
| critical encounter notorious monster | critical engagement notorious monster = critical engagement notorious monster (map icon).png
| critical engagement solo = critical engagement solo (map icon).png
| critical encounter wave | critical engagement wave = critical engagement wave (map icon).png
| critical engagement assault = critical engagement assault (map icon).png
| slay enemies = Slay enemy FATE icon.png
| quest = FATE Quest.png
| rebuild = Rebuild FATE icon.png
| #default =
}}}}{{#set:Has game icon={{#var:icon}}}}{{#if:{{#pos:{{{type|}}}|critical}}|{{#set:Has context=Critical engagement}}|{{#set:Has context=FATE}}}}{{expansion content|{{{patch|}}}}}<div class="infobox-n fate">
<div class="icon fate-infobox-icon">
<div style="overflow: hidden; width: 38px; height: 38px; display:inline-block; vertical-align:middle;">
<div style="margin: -1px; overflow: hidden;">[[{{#var:icon}}|40px|link=FATEs]]</div>
</div>
</div>
<p class="heading">[[Has canonical name::{{{title|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
{{#if:{{{starting-npc|}}}|
; Starting NPC
: {{map icon|fate}} [[Has starting NPC::{{{starting-npc}}}]]
}}
; Location
: {{#if: {{{location|}}}| [[Located in::{{{location}}}]]{{#if:{{{location-x|}}}| ('''<small>X:</small>'''[[Has x coordinate::{{{location-x}}}]], '''<small>Y:</small>'''[[Has y coordinate::{{{location-y|}}}]])}} | ''Unspecified'' }}{{#if:{{{level|}}}|
; Level
: [[Has FATE level::{{{level}}}]]}}
; Duration
: {{#if:{{{duration|}}}|[[Has FATE duration::{{{duration}}}]] min|''Unspecified''
}}{{#if:{{{req-items|}}}|
; Required items
: {{#arraymap:{{{req-items}}}|,|@@@|{{#vardefineecho:req_item_qty|{{#explode:@@@| |0}}}} {{item icon|{{#vardefineecho:req_item_name|{{#sub:@@@|{{#pos:@@@| }}}}}}}}{{#set:Requires item={{#var:req_item_qty}};{{#var:req_item_name}}}}|<br>}}
}}{{#if: {{{exp|}}}|
; Experience
: {{experience|{{{exp|}}}}} {{#set:Has fate experience reward={{{exp|}}}}}
|}}{{#if: {{{exp-range|}}}|
; Experience
: {{experience|{{#vardefineecho:min-exp|{{#explode:{{{exp-range}}}|-|0}}}}|{{#vardefineecho:max-exp|{{#explode:{{{exp-range}}}|-|1}}}}}} {{#set:Has fate ranged experience reward={{#var:min-exp|0}};{{#var:max-exp|0}}}}
|}}{{#if: {{{exp-percent|}}}|
; Experience
: {{experience|{{{exp-percent|}}}}}% to next level {{#set:Has fate percentage experience reward={{{exp-percent|}}}}}
|}}{{#if: {{{eureka-exp|}}}|
; Elem. EXP
: {{eurekaexp|{{{eureka-exp|}}}}} {{#set:Has fate eureka experience reward={{{eureka-exp|}}}}}
|}}{{#if: {{{gil|}}}|
; Gil
: {{gil|{{{gil|}}}}} {{#set:Has fate gil reward={{{gil|}}}}}
}}{{#if: {{{bicolor gemstone|}}}|
; Gemstones
: {{bicolor gemstone|{{{bicolor gemstone|}}}}} {{#set:Has bicolor gemstone reward={{{bicolor gemstone|}}}}}
|}}{{#if: {{{seals|}}}|
; GC Seals
: {{company seal|{{{seals|}}}}} {{#set:Has fate company seal reward={{{seals|}}}}}
|}}{{#if: {{{mettle|}}}|
; Mettle
: {{mettle|{{#vardefineecho:min-mettle|{{#explode:{{{mettle}}}|-|0}}}}|{{#vardefineecho:max-mettle|{{#explode:{{{mettle}}}|-|1}}}}}} {{#set:Has fate mettle reward={{#var:min-mettle|0}};{{#var:max-mettle|0}}}}
}}{{#if: {{{knowledge|}}}|
; [[Knowledge]]
: {{knowledge|{{#vardefineecho:min-knowledge|{{#explode:{{{knowledge}}}|-|0}}}}|{{#vardefineecho:max-knowledge|{{#explode:{{{knowledge}}}|-|1}}}}}} {{#set:Has fate knowledge reward={{#var:min-knowledge|0}};{{#var:max-knowledge|0}}}}
}}{{#if: {{{phantom-exp|}}}|
; [[Phantom Job|Phantom EXP]]
: {{phantom exp|{{#vardefineecho:min-phantom-exp|{{#explode:{{{phantom-exp}}}|-|0}}}}|{{#vardefineecho:max-phantom-exp|{{#explode:{{{phantom-exp}}}|-|1}}}}}} {{#set:Has fate phantom EXP reward={{#var:min-phantom-exp|0}};{{#var:max-phantom-exp|0}}}}
}}{{#if: {{{tomestone|}}}{{{tomestone-capped|}}}{{{tomestone-uncapped|}}}|
; Tomestones
: {{#if:{{{tomestone|}}}|{{tomestone|poetics|{{{tomestone|}}}}} {{#set:Has fate tomestone reward={{{tomestone|}}}}}}} {{#if:{{{tomestone-uncapped|}}}|{{tomestone|uncapped|{{{tomestone-uncapped|}}}}}{{#set:Has fate uncapped tomestone reward={{{tomestone-uncapped|}}}}}}} {{#if:{{{tomestone-capped|}}}|{{tomestone|capped|{{{tomestone-capped|}}}}}{{#set:Has fate capped tomestone reward={{{tomestone-capped|}}}}}}}
|}}{{#if: {{{boss|}}}|
; Boss
: {{#arraymap:{{{boss|}}}|,|@@@|{{#if:{{#show:@@@|?Has canonical name}}|[[@@@|{{#show:@@@|?Has canonical name}}]]|[[@@@]]}}{{#set:Has fate boss=@@@}}}}
|}}{{#if: {{{enemies|}}}|
; Enemies
: {{#arraymap:{{{enemies|}}}|,|@@@|{{#if:{{#show:@@@|?Has canonical name}}|[[@@@|{{#show:@@@|?Has canonical name}}]]|[[@@@]]}}{{#set:Has fate enemies=@@@}}|<br>}}
|}}{{#if: {{{eureka-spawnmob|}}}{{{spawnmob|}}}|
; Spawn Mob
: {{#if:{{{eureka-spawnmob|}}}|Lv. {{#expr:{{{level|}}}+5}}}} {{#ifeq:{{{spawnmob|}}}|Automatic|Automatic|[[{{{eureka-spawnmob|}}}{{{spawnmob|}}}]]}} {{#if:{{#show:{{{eureka-spawnmob|}}}|?Has NPC spawn-condition}}|{{weather icon|{{#show:{{{eureka-spawnmob|}}}|?Has NPC spawn-condition}}}}}} {{#set:Has spawn mob={{{eureka-spawnmob|}}}{{{spawnmob|}}}}}
|}}{{#if: {{{eureka-element|}}}|
; Element
: {{#arraymap:{{{eureka-element|}}}|,|@@@|{{Eurekaelement icon|@@@}}|}} {{#set:Has eureka element={{{eureka-element|}}}}}
|}}{{#if: {{{eureka-light|}}}|
; Light
: {{{eureka-light|}}} {{#set:Has eureka light={{{eureka-light|}}}}}
|}}{{#if: {{{spawn-condition|}}} |
;Spawn Condition
:{{#arraymap:{{{spawn-condition}}}|,|@@@|{{weather icon|@@@}}}}{{#set:Has FATE spawn-condition={{{spawn-condition|}}}}}
}}{{#if:{{{req-quest|}}}|
; Req. quest
: {{quest icon|{{{req-quest}}}}}{{#set:Has quest requirement={{{req-quest}}}}}
}}{{#if:{{{prev-fate|}}}|
; Prev FATE
: {{#arraymap:{{{prev-fate}}}|,|@@@|[[@@@]]|<br>}}{{#set:Has previous FATE={{{prev-fate|}}}}}
}}{{#if:{{{next-fate|}}}|
; Next FATE
: {{#arraymap:{{{next-fate}}}|,|@@@|[[@@@]]|<br>}}{{#set:Has next FATE={{{next-fate|}}}}}
}}{{#if: {{{eventname|}}}|
; Event Name
: [[{{{eventname|}}}]]
|}}{{#if:{{{patch|}}}|{{#set:Has patch={{{patch}}}}}
; [[Patches|Patch]]
: [[Patch {{{patch}}}|{{{patch}}}]]
}}{{#if:{{{id-gt|}}}|
; Links
: <u style="border-bottom: 1px dotted; text-decoration: none;" title="Garland Tools">[https://www.garlandtools.org/db/#fate/{{{id-gt|}}} GT]</u> <u style="border-bottom: 1px dotted; text-decoration: none;" title="Teamcraft">[https://ffxivteamcraft.com/db/en/fate/{{{id-gt}}} TC]</u>{{#set:Has internal ID={{{id-gt|}}}}}|[[Category:FATEs with no internal ID specified]]
}}</div>
{{clear}}
</div>{{#if: {{NAMESPACE}}||
[[Category:FATEs]]

{{#switch:{{lc:{{{type|}}}}}
| slay enemies = [[Category:Enemy slaying FATEs]] {{#set:Has FATE type=Slay enemies}}
| quest = [[Category:Quest FATEs]] {{#set:Has FATE type=Quest}}
| notorious monster = [[Category:Notorious monster FATEs]] {{#set:Has FATE type=Notorious monster}}
| bozjan notorious monster = [[Category:Notorious monster FATEs]] {{#set:Has FATE type=Bozjan notorious monster}}
| bozjan slay enemies = [[Category:Enemy slaying FATEs]] {{#set:Has FATE type=Bozjan slay enemies}}
| bozjan defense = [[Category:Defense FATEs]] {{#set:Has FATE type=Bozjan defense}}
| bozjan gather = [[Category:Gather FATEs]] {{#set:Has FATE type=Bozjan gather}}
| critical engagement notorious monster = [[Category:Critical engagement FATEs]] {{#set:Has FATE type=Critical engagement notorious monster}}
| critical engagement solo = [[Category:Critical engagement FATEs]] {{#set:Has FATE type=Critical engagement solo}}
| critical engagement wave = [[Category:Critical engagement FATEs]] {{#set:Has FATE type=Critical engagement wave}}
| critical engagement assault = [[Category:Critical engagement FATEs]] {{#set:Has FATE type=Critical engagement assault}}
| critical encounter notorious monster = [[Category:Critical encounter FATEs]] {{#set:Has FATE type=Critical encounter notorious monster}}
| critical encounter wave = [[Category:Critical encounter FATEs]] {{#set:Has FATE type=Critical encounter wave}}
| eureka notorious monster = [[Category:Eureka notorious monster FATEs]] {{#set:Has FATE type=Eureka notorious monster}}
| defense | gather | escort | festival | chase | rebuild | fête = [[Category:{{ucfirst:{{{type}}}}} FATEs]] {{#set:Has FATE type={{ucfirst:{{{type}}}}}}}
| #default = [[Category:FATEs with no type specified]]}}

{{#switch:{{lc:{{{event-fate|}}}}}
| y = {{#set:Is event fate=Y}}
| n = {{#set:Is event fate=N}}
| #default = {{#set:Is event fate=N}}}}

{{#if: {{{patch|}}}|[[Category:Patch {{{patch}}} FATEs]]}}

{{#if: {{{location|}}}|[[Category:{{{location}}} FATEs]]}}
}}{{Quotation|In-game description|{{{description|''No description available.''}}}{{#if:{{{desc-note|}}}| ※ {{{desc-note|}}}}} }}{{#if: {{{description|}}}|{{#set:Has game description|{{{description}}}}} }}{{#if:{{{no-footer-text|}}}||'''{{{title|{{#titleparts:{{PAGENAME}}}}}}}''' is a{{#ifeq:{{lc:{{{type|}}}}}|eureka notorious monster|{{#switch:{{{location}}}|The Occult Crescent: South Horn|The Occult Crescent: North Horn=|#default=n elemental}}|}} {{#if:{{{level|}}}|level {{{level|1}}}}} {{#switch:{{lc:{{{type|}}}}}|critical engagement notorious monster|critical engagement solo|critical engagement wave|critical engagement assault=[[Critical Engagement]]|critical encounter notorious monster|critical encounter wave=[[Critical Encounter]]|#default=[[FATE]]}}{{#if:{{{location|}}}| spawned in {{Cname|{{{location|}}}}}}}.}}{{#if:{{{objective|}}}|<br>
== Objective ==
{{{objective}}}
}}{{#if: {{{item-reward1|}}}|<br>
== Rewards ==
{{#if:{{{item-reward1|}}}|
* {{Item reward|{{#explode:{{{item-reward1}}}| |0}}|{{#sub:{{{item-reward1}}}|{{#pos:{{{item-reward1}}}| }}}}}}
}}{{#if:{{{item-reward2|}}}|
* {{Item reward|{{#explode:{{{item-reward2}}}| |0}}|{{#sub:{{{item-reward2}}}|{{#pos:{{{item-reward2}}}| }}}}}}
}}{{#if:{{{item-reward3|}}}|
* {{Item reward|{{#explode:{{{item-reward3}}}| |0}}|{{#sub:{{{item-reward3}}}|{{#pos:{{{item-reward3}}}| }}}}}}
}}{{#if:{{{item-reward4|}}}|
* {{Item reward|{{#explode:{{{item-reward4}}}| |0}}|{{#sub:{{{item-reward4}}}|{{#pos:{{{item-reward4}}}| }}}}}}
}}{{#if:{{{item-reward5|}}}|
* {{Item reward|{{#explode:{{{item-reward5}}}| |0}}|{{#sub:{{{item-reward5}}}|{{#pos:{{{item-reward5}}}| }}}}}}
}}{{#if:{{{item-reward6|}}}|
* {{Item reward|{{#explode:{{{item-reward6}}}| |0}}|{{#sub:{{{item-reward6}}}|{{#pos:{{{item-reward6}}}| }}}}}}
}}{{#if:{{{item-reward7|}}}|
* {{Item reward|{{#explode:{{{item-reward7}}}| |0}}|{{#sub:{{{item-reward7}}}|{{#pos:{{{item-reward7}}}| }}}}}}
}}{{#if:{{{item-reward8|}}}|
* {{Item reward|{{#explode:{{{item-reward8}}}| |0}}|{{#sub:{{{item-reward8}}}|{{#pos:{{{item-reward8}}}| }}}}}}
}} }}</includeonly><noinclude>
{{documentation}}

== Example ==
<pre>{{FATE infobox
| title = Mint Condition
| description = To stave off the myriad vilekin that endlessly nip at the cheeks of the Rose Knights stationed in Cloudtop, several crates filled with seedlings of a natural herb repellant known as catmint were brought in to plant around the camp. Unfortunately, the odor has attracted a clowder of gaelicats who have begun destroying the containers to get at their contents.
| objective =
| starting-npc =
| location = The Sea of Clouds
| location-x = 14
| location-y = 37
| type = defense
| event-fate = n
| level = 50
| duration = 15
| req-items =
| exp = 14400
| gil = 100
| bicolor gemstone = 14
| seals = 287
| item-reward(1-4) =
| req-quest =
| prev-fate =
| next-fate =
| patch = 3.5
| id-gt = 839
}}</pre>
{{FATE infobox
| title = Mint Condition
| description = To stave off the myriad vilekin that endlessly nip at the cheeks of the Rose Knights stationed in Cloudtop, several crates filled with seedlings of a natural herb repellant known as catmint were brought in to plant around the camp. Unfortunately, the odor has attracted a clowder of gaelicats who have begun destroying the containers to get at their contents.
| objective =
| starting-npc =
| location = The Sea of Clouds
| location-x = 14
| location-y = 37
| type = defense
| event-fate = n
| level = 50
| duration = 15
| req-items =
| exp = 14400
| gil = 100
| bicolor gemstone = 14
| seals = 287
| item-reward(1-4) =
| req-quest =
| prev-fate =
| next-fate =
| patch = 3.5
| id-gt = 839
}}
</noinclude>

Template:NPC infobox

2026-05-28T22:24:55Z

Erin Umbreon: fix definition list whitespace

<includeonly><templatestyles src="Infobox/styles.css"/>{{#vardefine:is-enemy|{{#if:{{{aggression|}}}{{{is-enemy|}}}|true}}}}{{#set:
| Has game description = {{{description|}}}
| Has description source = {{{description-source|}}}
| Has patch = {{{patch|}}}
| Has internal ID = {{{id-gt|}}}
| Has full name = {{{full-name|}}}
| Has NPC title = {{{title|}}}
}}{{#if:{{#var:is-enemy}}|{{#set:
| Is boss = {{#ifeq:{{{objective|}}}|boss|true|false}}
| Has rank mark = {{#if:{{{rank|}}}|{{uc:{{{rank}}}}}|none}}
}}
}}{{expansion content|{{{patch|}}}}}<div class="infobox-n npc">
{{#if: {{{icon|}}}
| <div class="icon">[[File:{{{icon}}}|40px]]</div>
| {{#if: {{{service|}}}
| {{#arraymap:{{{service}}}|,|@@@|{{#if: {{#var:icon|}} || {{#vardefine:icon|@@@}} }}}}<div class="icon">[[File:{{#switch: {{lc:{{#var:icon|}}}}
| sundry splendors = Sundry Splendors
| merchant = Merchantv2
| event merchant = Merchantv2
| materia melder = Materia melder map icon
| retainer vocate = Retainer vocate map icon
| quest = Journal icon1
| repairs = Repairs
| fate = FATE trigger (map icon)
| #default = {{#ifexist: File:{{#var:icon}}.png|{{#var:icon}}|Empty}}
}}.png|50x50px]]</div>
}}
}}
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
{{#if:{{{rank|}}}|<div class="statistics hunt rank-{{lc:{{{rank}}}}}"><div title="This creature is ranked higher than common enemies{{#switch:{{lc:{{{rank}}}}}|a|s=, and can be hunted down for specific rewards}}.">{{uc:{{{rank}}}}} RANK</div></div>}}
<div class="wrapper">
<p class="image_wrapper">{{#if:{{{image|}}}
| {{#ifeq:{{{image}}}|no|{{clear}}| [[File:{{#explode:{{{image}}}|,|0}}|280x420px]] {{#set:Has appearance=File:{{#explode:{{{image}}}|,|0}}}}
{{#ifeq:{{#count:{{#explode:{{{image}}}|;}}}}|0||{{#arraymap:{{{image|}}}|;|@@@|{{#subobject:
|Has appearance = File:{{#explode:@@@|,|0}}
|Has internal ID = {{#show:{{#explode:@@@|,|1}}|?Has internal ID}} }}
}}}}
}}
| {{#vardefine:default|File:{{#replace:{{#titleparts:{{PAGENAME}}}}|:|-}}.jpg}} {{#ifexist:{{#var:default}} 
| [[Has appearance::{{#var:default}}|280x420px]]
| [[{{#var:default}}|Upload an image of this NPC.]]
}}
}}
</p>{{#if: {{{title|}}} |
;Title
:{{{title}}}
}}{{#if: {{{gender|}}} |
;Gender
:{{#switch:{{lc:{{{gender|}}}}}|m|male=Male ♂|f|female=Female ♀|#default=}}
}}{{#if: {{{age|}}} |
;Age
:{{{age}}}
}}{{#if: {{{race|}}} |
; [[Race]]
: {{#switch: {{lc:{{{race}}}}}
| au ra | aura = [[Has race::Au Ra]]
| miqo'te | miqote = [[Has race::Miqo'te]]
| various = Various {{#set:Has race=NPCs with various races}}
| #default = [[Has race::{{ucfirst:{{{race}}}}}]]
}}{{#if:{{{clan|}}}| <small>({{#switch: {{lc:{{{clan}}}}}
| seeker of the sun | seekers of the sun = [[Has clan::Seeker of the Sun]]
| keeper of the moon | keepers of the moon = [[Has clan::Keeper of the Moon]]
| sea wolf = [[Has clan::Sea Wolf]]
| #default = [[Has clan::{{ucfirst:{{{clan}}}}}]]
}})</small>}}
}}{{#if: {{{species|}}} |
; Species
: [[Has species::{{ucfirst:{{{species}}}}}]]{{#if:{{{type|}}}| <small>([[Has type::{{ucfirst:{{{type}}}}}]])</small>}}
}}{{#if:{{{class|}}}|
;[[Class]]
:{{#arraymap: {{{class}}}|,|@@@|[[Is for class::{{ucfirst:@@@}}]]|<br>}}
}}{{#if:{{{job|}}}|
;[[Job]]
:{{#arraymap: {{{job}}}|,|@@@|[[Is for job::{{ucfirst:@@@}}]]|<br>}}
}}{{#if: {{{profession|}}} |;Profession
:{{{profession}}}
}}{{#ifeq: {{{level|0}}} | 0 | {{#set:Has NPC level=0}} |
{{#if: {{{level|}}} |{{#if: {{{alt-level-type|}}} | ;{{#switch:{{{alt-level-type}}}|elemental={{Special chat character|code=E03A}}|knowledge={{Special chat character|code=E037}}}} [[{{ucfirst:{{{alt-level-type}}}}} Level]]{{#set:Has alt level type={{lc:{{{alt-level-type}}}}} }} | ;[[Experience|Level]] }}
:{{#ifeq:{{lc:{{{alt-level-type}}}}}|difficulty|{{#switch:{{{level}}}|I={{Special chat character|code=E0C1}}|II={{Special chat character|code=E0C2}}|III={{Special chat character|code=E0C3}}|IV={{Special chat character|code=E0C4}}|V={{Special chat character|code=E0C5}}|star|★={{Special chat character|code=E0C0}}}}|{{{level}}}}}{{#set:Has NPC level={{{level}}}}}
}}}}{{#if: {{{element|}}} |;[[The Forbidden Land, Eureka#Enemies|Element]]
:{{Eurekaelement icon|{{{element}}}}} {{ucfirst:{{{element}}}}} {{#set:Has NPC element={{{element}}}}}
}}{{#if: {{{adaptation|}}} |;Adaptation
:{{#switch:{{{adaptation|}}}|yes=[[File:Adaption icon1.png|20px|link=]]|#default=}}{{#set:Has NPC adaptation={{{adaptation|}}}}}
}}{{#if: {{{mutation|}}} |;Mutation
:{{#switch:{{{mutation|}}}|yes=[[File:Mutation icon1.png|20px|link=]]|#default=}}{{#set:Has NPC mutation={{{mutation|}}}}}
}}{{#if: {{{spawn-condition|}}} |;Spawn Condition
:{{#arraymap:{{{spawn-condition}}}|,|@@@|{{weather icon|@@@}}}}{{#set:Has NPC spawn-condition={{{spawn-condition|}}}}}
}}{{#if: {{{aggression|}}} |
;[[Aggression]]
: {{#vardefine:aggression-rank|{{#sub:{{{aggression}}}|1|1}}}}{{#vardefineecho:aggression-type|{{#ifeq:{{lc:{{#sub:{{{aggression}}}|0|1}}}}|p|Passive|Aggressive}}}} <div style="display:inline-block; margin: -8px {{#switch:{{#var:aggression-rank}}|1 | 2 = {{#switch:{{#var:aggression-type}}|Passive = -6|Aggressive = 0}} | #default = 0}}px; overflow: hidden;">[[File:{{#var:aggression-type}} difficulty r{{#var:aggression-rank}}.png|26px|Aggression level {{#var:aggression-rank}}]]</div>{{#set:
Has aggression type = {{#var:aggression-type}}
| Has aggression rank={{#var:aggression-rank}}
| Has game icon = File:{{#var:aggression-type}} difficulty r{{#var:aggression-rank}}.png
}} }}{{#if: {{{aggro-type|}}} |
;[[Aggression#Conditions|Aggro Type]]
: {{ucfirst: {{{aggro-type}}}}}{{#set:Has aggression trigger={{{aggro-type}}}}} }}{{#if: {{{vulnerable|}}} |
;Vulnerabilities
: {{#arraymap: {{{vulnerable|}}}|,|@@@|{{#ifeq:@@@|resolution|[[File:Heavenly judge icon.png|24px|link=|Heavenly Judge from Pomander of Resolution]]|{{status effect|debuff|@@@}}}}| }} }}{{#if: {{{location|}}} |
; [[Zone]]
: {{#switch: {{{location|}}}|Varies|varies={{{location}}}|#default=[[{{{location|}}}]]}} {{#if: {{{coordinates|}}}|<small>({{{coordinates|}}})</small>}} }}{{#if:{{{dungeon|}}}|; [[Dungeon]]
: {{cname|{{#vardefineecho:npc_instance|{{{dungeon}}}}}}}{{#set:Located in instance={{{dungeon|}}}}}{{#vardefine:is_boss|{{{objective|}}}}}
}}{{#if:{{{raid|}}}|; [[Raid]]
: {{cname|{{#vardefineecho:npc_instance|{{{raid}}}}}}}{{#set:Located in instance={{{raid|}}}}}{{#vardefine:is_boss|{{{objective|}}}}}
}}{{#if:{{{trial|}}}|; [[Trial]]
: {{cname|{{#vardefineecho:npc_instance|{{{trial}}}}}}}{{#set:Located in instance={{{trial|}}}}}{{#vardefine:is_boss|{{{objective|}}}}}
}}{{#if:{{{other-duty|}}}|; [[Duties|Other Duty]]
: {{cname|{{#vardefineecho:npc_instance|{{{other-duty}}}}}}}{{#set:Located in instance={{{other-duty|}}}}}{{#vardefine:is_boss|{{{objective|}}}}}
}}{{#if: {{{birthplace|}}} |;Birthplace
:{{{birthplace}}}
}}{{#if: {{{organization|}}} |
;[[:Category:Organizations|Organization]]
:{{#arraymap:{{{organization|}}}|,|@@@|{{#switch: {{lc:@@@}}
| #default = [[@@@]]
}}|<br>}}}}{{#if: {{{relatives|}}} |
;Relatives
:{{{relatives}}}
}}{{ #if: {{{service|}}} |
;Services
:{{#arraymap:{{{service|}}}|,|@@@|{{#switch: {{lc:@@@}}
| quest = [[Has service::Quest NPC]]
| quest npc = [[Has service::Quest NPC]]
| repair = [[Has service::Repairs]]
| repairs = [[Has service::Repairs]]
| merchant = [[Has service::Merchants]]
| merchants = [[Has service::Merchants]]
| sundry splendors = [[Has service::Sundry Splendors]]
| gemstone trader = [[Has service::Gemstone Trader]]
| resident caretaker = [[Has service::Resident Caretaker]]
| materia melder = [[Has service::Materia Melder]]
| fate = [[Has service::FATE NPC]]
| #default = [[Has service::{{ucfirst:@@@}}]]
}} |<br>}}
}}{{ #if: {{{goal|}}} |
;Part of
:{{#arraymap: {{{goal}}}|\n|@@@|[[@@@]]|<br>}}
}}{{ #ifeq: {{#replace:{{{objective|boss}}}|boss|}} |||
;Objective
:{{#arraymap: {{{objective}}}|\n|@@@|@@@|<br>}}
}}{{#if: {{{patch|}}} |
; [[Patches|Patch]]
: [[Patch {{{patch}}}|{{{patch}}}]]
}}{{#if: {{{voiceJP|}}} |
; Voiced by (JP)
: {{{voiceJP}}}
}}{{#if: {{{voiceEN|}}} |
; Voiced by (EN)
: {{{voiceEN}}}
}}{{#if: {{{voiceFR|}}} |
; Voiced by (FR)
: {{{voiceFR}}}
}}{{#if: {{{voiceDE|}}} |
; Voiced by (DE)
: {{{voiceDE}}}
}}
</div>
{{#if: {{{map1|}}}{{#ifexist:File:{{PAGENAME}} location.jpg|exists}} |
{{{!}} style="width:100%"
{{!}} '''Image(s)'''
{{!}}- style="text-align:center;"
{{!}}
{{ #if: {{{map1|}}}{{#ifexist:File:{{PAGENAME}} location.jpg|exists}} | [[File:{{{map1|{{PAGENAME}} location.jpg}}}|250x200px]]
<p style="font-size:.9em;">{{{map1-text|Click to enlarge}}}</p> }}{{ #if: {{{map2|}}} | [[File:{{{map2|}}}|250x200px]]
<p style="font-size:.9em;">{{{map2-text|Click to enlarge}}}</p> }}{{ #if: {{{map3|}}} | [[File:{{{map3|}}}|250x200px]]
<p style="font-size:.9em;">{{{map3-text|Click to enlarge}}}</p> }}{{ #if: {{{map4|}}} | [[File:{{{map4|}}}|250x200px]]
<p style="font-size:.9em;">{{{map4-text|Click to enlarge}}}</p> }}{{ #if: {{{map5|}}} | [[File:{{{map5|}}}|250x200px]]
<p style="font-size:.9em;">{{{map5-text|Click to enlarge}}}</p> }}
{{!}}}
| {{clear}} }}
</div>{{#if:{{{description|}}}|
{{Quotation|{{#if:{{{description-source|}}}|{{{description-source|}}}|In-game description}}|{{{description}}}}}}}{{#if: {{NAMESPACE}}
|  |
{{#if:{{#var:is-enemy}}|{{#set:Has context=Enemy}}[[Category:Enemies]]{{#if:{{{patch|}}}|[[Category:Patch {{{patch}}} Enemies]]}}|{{#set:Has context=NPC}}[[Category:NPCs]]{{#if:{{{patch|}}}|[[Category:Patch {{{patch}}} NPCs]]}}}}
{{#if: {{{image|}}} | | {{#ifexist: {{#var:default}} | | {{#if:{{{dungeon|}}}{{{raid|}}}{{{trial|}}}{{{other-duty|}}}|[[Category:Duty NPCs with no image]]|[[Category:NPCs with no image]] }} }} }}
{{#if: {{{race|}}} |
{{#arraymap:{{{race|}}}|,|@@@|{{#switch: {{lc:@@@}}
| au ra | aura = [[Category:Au Ra]]
| miqo'te | miqote = [[Category:Miqo'te]]
| beast of the final days = [[Category:Beasts of the Final Days]]
| eden primal = [[Category:Eden Primals]]
| creation = [[Category:Creations]]
| various = [[Category:NPCs with various races]]
| #default = [[Category:{{ucfirst:@@@}}]]
}}|}}
| {{#if:{{#var:is_boss}}||[[Category:NPCs with no race specified]]}} }}
{{#if: {{{rank|}}} | [[Category:{{uc:{{{rank}}}}} Rank]]}}
{{#if: {{{species|}}} | [[Category:{{{species}}}]]}}
{{#if: {{{clan|}}} |
{{#switch: {{lc:{{{clan}}}}}
| plainsfolk | dunesfolk | raen | xaela | wildwood | duskwight | hellsguard | rava | veena | helions = [[Category:{{ucfirst:{{{clan}}}}}]] 
| seeker of the sun | seekers of the sun = [[Category:Seekers of the Sun]]
| keeper of the moon | keepers of the moon = [[Category:Keepers of the Moon]]
| sea wolf | sea wolves = [[Category:Sea Wolves]]
| the lost = [[Category:The Lost]]
| #default = [[Category:{{ucfirst:{{{clan}}}}}]]
}} }}
{{#if: {{{organization|}}} | {{#arraymap:{{{organization|}}}|,|@@@|[[Category:@@@]]|}} }}
{{#if: {{{goal|}}} | {{#arraymap:{{{goal|}}}|,|@@@|{{#switch:{{lc:@@@}}
| story = [[Category:Story characters]]
| hunt = [[Category:Hunt monsters]]
}}|}} }}
{{#if: {{{service|}}} | {{#arraymap:{{{service|}}}|,|@@@|{{#switch:{{lc:@@@}} 
| quest
| quest npc = [[Category:Quest NPCs]]
| repair = [[Category:Repairs]]
| repairs = [[Category:Repairs]]
| gemstone trader = [[Category:Gemstone Traders]]
| sundry splendors = [[Category:Sundry Splendors]]
| resident caretaker = [[Category:Resident Caretaker]]
| fate = [[Category:FATE NPCs]]
| #default = [[Category:{{ucfirst:@@@}}s]]
}}|}} }}
{{#ifeq: {{lc:{{{objective|}}}}} | boss | [[Category:Bosses]]|}}
{{#if: {{{location|}}} | {{#arraymap:{{{location|}}}|,|@@@|{{#set:Located in=@@@}}}}|{{#if:{{{aggression|}}}||[[Category:NPCs with no location]]}}}}
{{#if: {{{goal|}}} | {{#arraymap:{{{goal|}}}|\n|@@@|{{#set:Has goal=@@@}}}} }}
{{#if: {{{race|}}} | {{#arraymap:{{{race|}}}|,|@@@|{{#set:Has family=@@@}}}} }}
{{#if: {{{organization|}}} | {{#arraymap:{{{organization|}}}|,|@@@|{{#set:Has family=@@@}}}} }}
{{#if: {{{coordinates|}}} | {{#ifexpr: {{#len: {{{coordinates|}}} }} < 1000 |
{{#set:
| Has x coordinate = {{#explode: {{{coordinates|}}} |,|0}}
| Has y coordinate = {{#explode: {{{coordinates|}}} |,|1}}
| Has z coordinate = {{#explode: {{{coordinates|}}} |,|2}}
}}
}} }}
}}{{#if:{{{no-footer-text|}}}||{{#switch: {{lc:{{{race}}}}}

| #default = {{#vardefine:npc_descriptor|{{#if:{{#var:is_boss}}| a boss|{{#if:{{{rank|}}}| a [[Rank {{uc:{{{rank}}}}}]] [[Elite Mark]]|{{#ifeq:{{lc:{{{name|{{#titleparts:{{PAGENAME}}}}}}}}}|{{lc:{{{race|}}}}}||{{#if:{{{race|}}}| a{{#switch:{{lc:{{#sub:{{{race|}}}|0|1}}}}|a|e|i|o|u=n}} {{#ifeq:{{lc:{{{race}}}}}|elementals|[[Elemental]]|[[{{ucfirst:{{{race|}}}}}]]}}}}}}}}}}}}'''{{#if:{{{full-name|}}}|{{{full-name|}}}|{{{name|{{#titleparts:{{PAGENAME}}}}}}}}}''' is{{#var:npc_descriptor}}{{#if:{{{location|}}}| in {{#ifeq:{{lc:{{{location|}}}}}|varies|various locations|[[{{#show:{{{location}}}|?Has canonical name|default={{{location}}}}}]]}}|{{#if:{{#var:npc_instance}}| in [[{{#var:npc_instance}}|{{#show:{{#var:npc_instance}}|?Has canonical name|default={{#var:npc_instance}}}}]]}}}}.}} }}</includeonly> <noinclude>
{{documentation}}

== Examples ==
<pre>
{{NPC infobox
| name = Alphinaud Leveilleur
| description =
| image = Alphinaud shadowbringers render.png
| location = South Shroud
| coordinates = 19, 29
| gender = Male
| age = 16
| race = Elezen
| clan = Wildwood
| class = Arcanist
| birthplace = Sharlayan (Colony)
| organization = The Scions of the Seventh Dawn
| relatives = [[Louisoix]] (grandfather)<br>[[Fourchenault]] (father)<br>[[Alisaie]] (sister)
| voiceJP = Shinnosuke Tachibana
| voiceEN = Sam Riegel and Colin Ryan
| voiceFR = Sébastien Desjours
| voiceDE = Markus Haase
}}
</pre>

{{NPC infobox
| name = Alphinaud Leveilleur
| description =
| image = Alphinaud shadowbringers render.png
| location = South Shroud
| coordinates = 19, 29
| gender = Male
| age = 16
| race = Elezen
| clan = Wildwood
| class = Arcanist
| birthplace = Sharlayan (Colony)
| organization = The Scions of the Seventh Dawn
| relatives = [[Louisoix]] (grandfather)<br>[[Fourchenault]] (father)<br>[[Alisaie]] (sister)
| voiceJP = Shinnosuke Tachibana
| voiceEN = Sam Riegel and Colin Ryan
| voiceFR = Sébastien Desjours
| voiceDE = Markus Haase
}}
{{clear}}

<pre>
{{NPC infobox
| name = Gelato
| image = Gelato.jpg
| species = Voidsent
| type = Flan
| location = Coerthas Western Highlands
| aggression = a4
}}
</pre>

{{NPC infobox
| name = Gelato
| image = Gelato.jpg
| species = Voidsent
| type = Flan
| location = Coerthas Western Highlands
| aggression = a4
}}
{{clear}}

<pre>{{NPC infobox
| name = Northern Vulture
| image = Northern Vulture.jpg
| location = Varies
| species = Cloudkin
| type = Vulture
| level = 7-14
| aggression = a1
}}</pre>

{{NPC infobox
| name = Northern Vulture
| image = Northern Vulture.jpg
| location = Varies
| species = Cloudkin
| type = Vulture
| level = 7-14
| aggression = a1
}}
{{clear}}

<pre>{{NPC infobox
| name = Animated Doll
| image = Animated_Doll.png
| other-duty = Field Operation
| race = Ashkin
| clan = Zombie
| level = 5
| alt-level-type = knowledge
| aggression = a1
}}</pre>

{{NPC infobox
| name = Animated Doll
| image = Animated_Doll.png
| other-duty = Field Operation
| race = Ashkin
| clan = Zombie
| level = 5
| alt-level-type = knowledge
| aggression = a1
| patch = 7.5
}}
{{clear}}

</noinclude>

Template:Infobox/styles.css

2026-05-28T21:05:29Z

Erin Umbreon: make padding consistent now that we don't have to worry about wrapping as much

/** 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;
margin: 5px;
}

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 {
justify-self: end;
font-weight: bold;
border-right: 2px solid #999;
margin: 0;
margin-right: -2px; /* poor man's `border-collapse: collapse` */
}
div.infobox-n dd {
grid-column: 2;
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;
}
.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;
}
}