Final Fantasy XIV Online Wiki - User contributions [en]

Module:Dialogue

2026-04-11T13:56:18Z

Erin Umbreon: fix dumb trimming bug caused by multiple return shenanigans

-- #region Constants

-- Placeholders that can appear between square brackets and their title text
local placeholders = {
["Forename"] = "Player's forename",
["Surname"] = "Player's surname",
["GC Rank"] = "Player's grand company rank (e.g. \"Private\")",
["Companion"] = "Name of player's chocobo companion",
["Job"] = "Player's current job",
}

-- #endregion

-- this is used as a global variable; `main` reassigns this to be whatever frame is invoking main. `mw.getCurrentFrame()` is just a fallback
local userContentFrame = mw.getCurrentFrame()

--- Expands templates/magic words/etc in user input.
local function preprocess(text)
return userContentFrame:preprocess(text)
end

-- Returns whether this frame is part of an unsaved edit preview (i.e. has no
-- {{REVISIONID}}) - lets us do the equivalent of {{#if:{{REVISIONID}}|no|yes}}
local function inEditPreview()
-- TODO: :preprocess() seems to be discouraged, but I can't find another way
-- of calling individual non-parserfunction magic words
return userContentFrame:preprocess("{{REVISIONID}}") == ""
end

-- converts a string into a pattern that matches the string case-insensitively
-- from https://www.lua.org/pil/20.4.html
local function nocase (str)
return str:gsub("%a", function (char)
return ("[%s%s]"):format(string.lower(char), string.upper(char))
end)
end

-- Function to process Forename and Surname placeholders. Deprecated - this
-- handles the old formats that won't be supported soon. everything should be
-- using square brackets from now on
local function processNames(text)
-- Define name types and their patterns
local nameTypes = {"Forename", "Surname"}
local patterns = {
{"'''(%s)'''", "<u>%1</u>"},
{"''(%s)''", "<u>%1</u>"},
{'"(%s)"', "<u>%1</u>"},
{"^(%s)(%W)", "<u>%1</u>%2"},
{"(%W)(%s)$", "%1<u>%2</u>"}
}

-- Process each name type with all patterns
for _, name in ipairs(nameTypes) do
for _, pattern in ipairs(patterns) do
local search = pattern[1]:gsub("%%s", name)
local replace = pattern[2]
text = text:gsub(search, replace)
end

-- Handle name as entire line
if text == name then
text = "<u>" .. name .. "</u>"
end
end

return text
end

-- Parses/renders inline text formatting like placeholders and alternate phrases.
local function processInlineText(text)
-- Preprocess template expansion/etc
text = preprocess(text) or ""

-- Handle placeholders
for placeholder, description in pairs(placeholders) do
text = text:gsub(
"%[" .. nocase(placeholder) .. "%]", -- case-insensitive match between brackets
tostring(mw.html.create("abbr")
:attr("title", description)
:wikitext(placeholder)
)
)
end

-- Handle inline options
-- TODO

-- Handle legacy placeholder formats
-- TODO: remove
text = processNames(text)

return text
end

-- #region Parsing - Converting the input line format into data

-- Generates a parse error that can be rendered
local function parseError(text)
return {type = "error", text = text}
end

--- Parses dialogue speaker strings
local function parseSpeaker(str)
-- Remove surrounding bold markup ('''), if any
str = str:gsub("'''", "")
str = mw.text.trim(str)

-- Determine speaker name and link
local speakerName, speakerLink
if str:match("@") then
-- Speaker name and link are different (format: "Link@Name" or "x@Name" for no link)
speakerLink, speakerName = str:match("^(.-)@(.+)$")
speakerLink = mw.text.trim(speakerLink)
speakerName = mw.text.trim(speakerName)
else
-- Speaker name and link are the same
-- TODO: if we ever get access to semantic scribunto, maybe do a
-- "Has canonical name" query for the speaker here?
speakerName = str
speakerLink = str
end

-- Handle special-cased speakers for different kinds of system messages
if speakerName == "System" then
return {type = "system"}
elseif speakerName == "Question" then
return {type = "system", subtype = "question"}
elseif speakerName == "Popup" then
return {type = "system", subtype = "popup"}
end

-- Link override of "x" disables linking and let the name have wikitext
if speakerLink == "x" then
speakerLink = nil
speakerName = processInlineText(speakerName)
end

return {type = "character", name = speakerName, link = speakerLink}
end

local function updateSpeakerData (speakerLink, data)
if not speakerLink then
-- do nothing with nil speakers
return
end
local currentData = SpeakerData[speakerLink]
if not currentData then
currentData = {}
SpeakerData[speakerLink] = currentData
end
for k, v in pairs(data) do
currentData[k] = v
end
end

--- Parses a single line of input and returns all its information.
local function parseLine(line)
line = mw.text.trim(line)

-- Raw wikitext lines
if line:sub(1, 1) == ":" then
return {type = "raw", text = preprocess(line:sub(2))}
end

-- End-of-option delimiters
if line == "---" or line == "–––" or line == "—" then
return {type = "section-end"}
end

-- Choices
local choiceLevel, choiceText = line:match("^(>+)%s*(.+)$")
if choiceText then
return {type = "choice", level = #choiceLevel, text = processInlineText(choiceText)}
end

-- Other special directives
if line:sub(1, 1) == "-" then
-- Line is a special directive
return {type = "directive", value = line:sub(2)}
end

-- Dialogue lines
-- Determine who's speaking
local speaker
local speakerMatch, text = line:match("^(.-):%s*(.+)$")
if speakerMatch and text then
speaker = parseSpeaker(speakerMatch)

-- Remove bold wikicode from start of text (temporary fix for old speaker format that had bold around speaker+colon)
-- TODO: handle this some other way so we can actually have bold markup in the template
text = text:gsub("^'''", "")

-- Process forename/surname/etc placeholders in dialogue text
text = processInlineText(text)

if speaker.type == "character" then
return {type = "dialogue", name = speaker.name, link = speaker.link, text = text}
elseif speaker.type == "system" then
return {type = "system", subtype = speaker.subtype, text = text}
end
return parseError(("Unknown speaker type \"%s\""):format(speaker.type))
end

-- Anything else is handled as non-dialogue wikicode
return {type = "raw", text = preprocess(line)}
end

--- Sequentially parses each line of input text and returns an iterator for the parsed data.
local function parsedLinesIter(text)
local lines = mw.text.split(text, "\n")
local i = 0
local inCutscene = false
return function()
local line
repeat
-- advance the iterator one line
i = i + 1
line = lines[i]

-- if there is no next line, we've reached the end - return nothing
if not line then
return nil
end

-- trim leading/trailing whitespace
line = mw.text.trim(line)
until line ~= "" -- continue advancing past any empty line

return parseLine(line)
end
end

-- #endregion

-- #region Rendering - Converting parsed data into markup/wikitext

-- functions for handling rendering context
local function contains(array, val)
for _, v in ipairs(array) do
if v == val then
return true
end
end
return false
end

local function extend(array, val)
local newArray = {}
for _, v in ipairs(array) do
table.insert(newArray, v)
end
table.insert(newArray, val)
return newArray
end

-- declare the renderLine function early since we need to recurse back to it
-- from other functions - lua doesn't have function declaration hoisting, we
-- have to do it manually
local renderLine

--- Renders an error message.
local function renderError(text)
return mw.html.create("p")
:node(mw.html.create("strong"):addClass("error")
:wikitext("Error: " .. text)
)
end

--- Renders a single line of dialogue.
local function renderSingleLine(line)
local div = mw.html.create("div"):addClass("dialogue-line")
:wikitext(line.text)

-- add CSS classes for specific types of dialogue
if line.type == "system" then
if line.subtype then
div:addClass("dialogue-line--" .. line.subtype)
else
div:addClass("dialogue-line--system")
end
end

return div
end

--- Renders multiple system messages back-to-back. Consumes lines from
-- the input until it finds another type of line.
local function renderSystemMessageGroup(line, next)
local childContainer = mw.html.create("div"):addClass("dialogue-container")

local wrapper = mw.html.create("div")
:addClass(("dialogue-box dialogue-box--%s"):format(line.subtype or "system"))
:node(childContainer)

while true do
-- Add the current line of dialogue to the container
childContainer:node(renderSingleLine(line))

line = next()
if
not line -- if there's no more lines left,
or line.type ~= "system" -- or the next line isn't a system message,
or line.subtype -- or the message has some other sybtype,
then -- then we're done with this container
return wrapper, line
end

-- loop and continue processing lines from the same speaker
end
end

--- Renders multiple consecutive lines of dialogue from the same speaker.
--- Consumes lines from the input until it finds a different speaker or a
--- non-dialogue line.
local function renderSpeakerDialogueGroup(line, context, next)
-- Keep track of the speaker information we're starting with
local speakerName = line.name
local speakerLink = line.link

-- Update speaker data for this speaker
if contains(context, "voiced cutscene") or contains(context, "cutscene") then
updateSpeakerData(speakerLink, {speaksInCutscene = true})
else
updateSpeakerData(speakerLink, {speaksNormally = true})
end

-- Assemble the container for this speaker's dialogue
local childContainer = mw.html.create("div"):addClass("dialogue-container")
local wrapper = mw.html.create("div"):addClass("dialogue-box dialogue-box--speaker")
:node(mw.html.create("div"):addClass("dialogue-box-header")
-- Render the speaker's name and link
:wikitext(
speakerLink
and "[[" .. speakerLink .. "|" .. speakerName .. "]]"
or "" .. speakerName .. ""
)
)
:node(childContainer)

while true do
-- Add the current line of dialogue to the container
childContainer:node(renderSingleLine(line))

line = next()
if
not line -- if there's no more lines left,
or line.type ~= "dialogue" -- or the next line isn't dialogue,
or line.name ~= speakerName -- or the speaker's name is different,
or line.link ~= speakerLink -- or the speaker's link is different,
then -- then we're done with this container
return wrapper, line
end

-- loop and continue processing lines from the same speaker
end
end

--- Renders a group of optional dialogue. Consumes lines from the input until
--- it finds the "optional end" directive or end of input.
local function renderOptionalDialogue(line, context, next)
local childContainer = mw.html.create("div"):addClass("dialogue-container mw-collapsible-content")
local wrapper = mw.html.create("div"):addClass("dialogue-box dialogue-box--optional mw-collapsible")
:node(mw.html.create("div"):addClass("dialogue-box-header mw-collapsible-toggle")
:wikitext("Optional dialogue")
)
:node(childContainer)

-- collapse optional dialogue by default, unless editing the page
if not inEditPreview() then
wrapper:addClass("mw-collapsed")
end

-- assemble child context
local innerContext = extend(context, "optional dialogue")

line = next() -- move past the "optional start" marker
while true do
if not line then
-- no more lines, return what we have
return wrapper, line
elseif line.type == "directive" and line.value == "optional end" then
-- discard end directive, return what we have + resume parent container from the line after the end directive
return wrapper, next()
end

-- otherwise, render the line into the child container and move to the next
local rendered
rendered, line = renderLine(line, innerContext, next)
childContainer:node(rendered)
end
end

--- Renders a group of choices the player can make and the dialogue that follows
--- each choice. Consumes lines from the input until it sees the "section end"
--- marker or end of input.
local function renderChoices(line, context, next)
local currentLevel = line.level
-- TODO: rename all these classes from "option" to "choice" and make them make sense
local childContainer = mw.html.create("div"):addClass("dialogue-container")
local dialogueChoiceLine = mw.html.create("div"):addClass("dialogue-line dialogue-line--choice")
:wikitext(line.text)
local wrapper = mw.html.create("div"):addClass("dialogue-container")
:node(dialogueChoiceLine)
:node(childContainer)

line = next()
local hasResponse = false
while true do
if not line then
-- no more lines, return what we have
return wrapper, line
elseif line.type == "choice" and line.level <= currentLevel then
-- end of this choice and beginning of another at the same or
-- lower level - return what we have, and resume the parent context
return wrapper, line
elseif line.type == "section-end" then
-- reached end of choice, return what we have and resume parent from
-- line after section end
return wrapper, next()
end

if not hasResponse then
hasResponse = true
wrapper:addClass("mw-collapsible dialogue-choice-has-response")
-- collapse choice by default, unless editing the page
if not inEditPreview() then
wrapper:addClass("mw-collapsed")
end
childContainer:addClass("mw-collapsible-content")
dialogueChoiceLine:addClass("mw-collapsible-toggle")
end

-- otherwise, render the line into the choice container and advance
local renderedLine
renderedLine, line = renderLine(line, context, next) -- TODO: add choice to context before passing to inner renders
childContainer:node(renderedLine)
end
end

--- Renders dialogue that occurs in a cutscene. Consumes lines from the input
-- until it sees the "cutscene end" marker or end of input.
local function renderCutscene(line, context, next)
local childContainer = mw.html.create("div"):addClass("dialogue-container")

-- Check whether this cutscene is voiced or not and show the right message
local cutsceneStartWikitext
if line.value == "voiced cutscene start" then
cutsceneStartWikitext = "[[File:Voiced cutscene icon.png|24px|link=]] Start of voiced cutscene."
else
cutsceneStartWikitext = "[[File:Cutscene icon.png|24px|link=]] Start of cutscene."
end

local wrapper = mw.html.create("div"):addClass("dialogue-cutscene-wrapper")
:node(mw.html.create("div"):addClass("dialogue-line dialogue-line--cutscene")
:wikitext(cutsceneStartWikitext)
)
:node(childContainer)
:node(mw.html.create("div"):addClass("dialogue-line dialogue-line--cutscene")
:wikitext("End of cutscene.")
)

-- construct inner context to pass to inner render functions
local innerContext = extend(
context,
(line.value == "voiced cutscene start") and "voiced cutscene" or "cutscene"
)

line = next()
while true do
if not line then
return wrapper, line
elseif line.type == "directive" and line.value == "cutscene end" then
return wrapper, next()
end

local renderedLine
renderedLine, line = renderLine(line, innerContext, next)
childContainer:node(renderedLine)
end
end

--- Renders special directives, such as cutscene start/end and the end of a quest.
local function renderDirective(line, context, next)
if line.value == "cutscene start" or line.value == "voiced cutscene start" then
return renderCutscene(line, context, next)
elseif line.value == "cutscene end" then
-- this is handled by renderCutscene; if we encounter this
-- directive here then it's unmatched
return renderError("Extraneous <code>-cutscene end</code>"), next()
elseif line.value == "optional start" then
return renderOptionalDialogue(line, context, next)
elseif line.value == "optional end" then
-- this is handled by renderOptionalDialogue; if we encounter this
-- directive here then it's unmatched
return renderError("Extraneous <code>-optional end</code>"), next()
elseif line.value == "quest accepted" then
return
mw.html.create("div"):addClass("dialogue-quest-banner")
:wikitext("[[File:Quest Accepted.png|500px|link=]]"),
next()
elseif line.value == "quest complete" then
return
mw.html.create("div"):addClass("dialogue-quest-banner")
:wikitext("[[File:Quest Complete.png|500px|link=]]"),
next()
end

-- Unknown directive
return renderError("Unknown directive: " .. line.value)
end

--- Renders a line, branching out into containers as necessary.
-- NOTE: this function is already declared as local at the top of this section
-- because we need to recurse into it from earlier functions
function renderLine(line, context, next)
context = context or {}

if line.type == "dialogue" then
-- The renderer for spoken dialogue will advance through multiple
-- lines and group dialogue lines from the same speaker together,
-- returning both the rendered result *and* the line that comes next
return renderSpeakerDialogueGroup(line, context, next)

elseif line.type == "system" then
if line.subtype == "question" then
return renderSingleLine(line), next()
else -- other types of system messages
return renderSystemMessageGroup(line, next)
end

elseif line.type == "directive" then
return renderDirective(line, context, next)

elseif line.type == "choice" then
return renderChoices(line, context, next)

elseif line.type == "section-end" then
-- Section ends are consumed by the relevant container rendering
-- functions when needed, so any that get picked up here don't
-- actually close anything
return renderError("Extraneous <code>---</code> section ending"), next()

elseif line.type == "error" then
return renderError("Parse: " .. line.text), next()

elseif line.type == "raw" then
return mw.html.create("div"):wikitext("\n" .. line.text .. "\n"), next()
end

return renderError("Unknown line type ".. line.type), next()
end

-- #endregion

-- Exports
local p = {}

--- Main parse/render loop (exported for ease of debugging)
function p.render(text)
-- initialize a global variable to store maintenance categories added during parsing
ExtraCategories = {}
-- initialize another global variable to keep track of which speakers appear in what contexts
SpeakerData = {}

local next = parsedLinesIter(text)
local line = next() -- start with first line

local outputContainer = mw.html.create("div"):addClass("dialogue-container")

while line do
local renderedLine
renderedLine, line = renderLine(line, {}, next)
outputContainer:node(renderedLine)
end

local result = tostring(outputContainer)

-- tack extra categories onto the end of the output
for category in pairs(ExtraCategories) do
result = result .. "[[Category:" .. category .. "]]"
end

local questGiver = userContentFrame:callParserFunction("#show", {
mw.title.getCurrentTitle().prefixedText,
"?Has quest giver",
link = "none",
})

-- process SpeakerData and add the relevant NPCs (excluding the quest giver) to semantic data
for speakerLink, data in pairs(SpeakerData) do
if speakerLink == questGiver then
-- do nothing, because the quest giver has their own property (Has quest giver)
elseif data.speaksNormally then
userContentFrame:callParserFunction("#set", {"Has related NPC", speakerLink})
elseif data.speaksInCutscene then
userContentFrame:callParserFunction("#set", {"Has cutscene NPC", speakerLink})
end
end

return result
end

-- pattern matches a single <nowiki> strip marker with nothing else
local nowikiPattern = "^\127'\"`UNIQ%-%-nowiki%-%x+%-QINU`\"'\127$"

-- Template/{{#invoke}} entrypoint
function p.main(frame)
userContentFrame = frame
local text = require("Module:Arguments").getArgs(frame)[1]

local preResultContent = "" -- for warnings and automatically-applied categories and stuff

-- warn if input isn't wrapped in <nowiki>
if not text:match(nowikiPattern) then
-- edit-preview-only message
if inEditPreview() then
preResultContent = preResultContent .. tostring(renderError("Wrap template input in a nowiki tag. See [[Template:Dialogue|the documentation]] for information. This message only shows in the edit preview."))
end
preResultContent = preResultContent .. "[[Category:Dialogue input not using nowiki tag]]"
end

-- replace <nowiki> strip markers with their contents
text = mw.text.unstripNoWiki(text or "")
-- decode the HTML entities nowiki leaves behind
text = mw.text.decode(text)

return preResultContent .. tostring(p.render(text))
end

return p

Eurekan Weapons

2026-04-10T04:46:02Z

Erin Umbreon: {{i}} all the things

{{Stormblood expansion content}}
{{See also|The Forbidden Land, Eureka|The Forbidden Land, Eureka Gear Guide|Replica Eurekan Weapons}}
[[File:Eurekan Weapons banner.png|center|550px]]
{{TOCRIGHT}}
[[Eurekan Weapons]] are the level 70 [[Relic Weapons]] for [[Stormblood]]. First released in [[patch 4.25]], players do not need to complete any [[Zodiac Weapons]] or [[Anima Weapons]] to unlock Eurekan Weapons. Unlike with the Anima Weapon questline players who have obtained the [[Zodiac Zeta Weapons]] or the [[Anima_Weapons#Lux_Anima_Weapons_.28iLvl_275.29|Lux Anima Weapons]] will not have an advantage with any step of Eurekan Weapons. However, to start the Eurekan Weapon quest chain, players must have cleared their job's Level 70 [[Job Quests|job quest]], since the Eurekan Weapons are upgraded from the weapon rewarded by the job quest. As their name implies, all the upgrading activity for these relic weapons is done inside {{i|The Forbidden Land, Eureka}}.

Alongside Eurekan Weapons players can also obtain [[Eurekan Armor]]. [[Replica Eurekan Weapons|Replicas of completed Eurekan Weapons]] can be purchased from [[Staelhundr]] once players have finished the [[Anemos Weapons]] phase.

'''Relic weapons from past expansions are not intended for combat use, but for cosmetic, [[achievements]], and collection purposes.''' Weapons of similar power, for the same player level, that are much more easily obtainable and are intended for character progression can be bought with {{tomestone|Poetics}} [[Allagan Tomestones of Poetics]].'''

The final-stage [[Physeos Weapons]] are an exception to this rule: they provide a significant [[Elemental Bonus]] within Eureka zones, making them the best-in-slot weapons for Eureka battle content.

==Lore==
{{Quotation|[https://na.finalfantasyxiv.com/patch/4_2/ FFXIV Patch 4.2 Special Site]|Deep in the Glass Ocean, the great expanse of the Far East, lies an island recorded on no navigational charts. An island that seemingly appeared one day─an island that should not be. Recognizing its potential as a trading post, the brave and ambitious ventured forth to explore and claim it, only to discover an untamed land teeming with strange, monstrous beasts...}}

==Antiquated Weapons==
Antiquated weapons are acquired by completing the Stormblood job quest line for your given job, up through the level 70 quest. They serve as the starting tier relic weapons for Stormblood, and are upgraded in the Eureka zones. If you misplaced or discarded your Antiquated weapon, you can purchase a replacement for {{gil|1000}} from the [[Calamity Salvager]] in any of the three starting cities.

'''Note:''' If you can't find your Antiquated weapon and are not sure if you discarded it, you can type <code>/isearch Antiquated</code> to search for any Antiquated weapons across all of your inventory containers (Including bags, chocobo saddlebag, armoury, retainers, etc.).

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Antiquated Artifact Weapons (Stormblood)|Antiquated]] || 290 || Acquired from level 70 job quest<br/>If lost, replacement available at Calamity Salvager for {{gil|1000}}
|}

<center>
{| {{STDT|item align-left}}
! colspan="6" | Antiquated Weapons (IL 290)
|-
|width="40px"| {{i|Antiquated Galatyn|x|size=big}}
|width="240px"| [[Antiquated Galatyn]] ([[Paladin|PLD]])
|width="40px"| {{i|Antiquated Evalach|x|size=big}}
|width="240px"| [[Antiquated Evalach]] ([[Paladin|PLD]])
|width="40px"| {{i|Antiquated Farsha|x|size=big}}
|width="240px"| [[Antiquated Farsha]] ([[Warrior|WAR]])
|-
| {{i|Antiquated Caladbolg|x|size=big}}
| [[Antiquated Caladbolg]] ([[Dark Knight|DRK]])
| {{i|Antiquated Ryunohige|x|size=big}}
| [[Antiquated Ryunohige]] ([[Dragoon|DRG]])
| {{i|Antiquated Sudarshana Chakra|x|size=big}}
| [[Antiquated Sudarshana Chakra]] ([[Monk|MNK]])
|-
| {{i|Antiquated Kiku-ichimonji|x|size=big}}
| [[Antiquated Kiku-ichimonji]] ([[Samurai|SAM]])
| {{i|Antiquated Nagi|x|size=big}}
| [[Antiquated Nagi]] ([[Ninja|NIN]])
| {{i|Antiquated Failnaught|x|size=big}}
| [[Antiquated Failnaught]] ([[Bard|BRD]])
|-
| {{i|Antiquated Outsider|x|size=big}}
| [[Antiquated Outsider]] ([[Machinist|MCH]])
| {{i|Antiquated Vanargand|x|size=big}}
| [[Antiquated Vanargand]] ([[Black Mage|BLM]])
| {{i|Antiquated Lemegeton|x|size=big}}
| [[Antiquated Lemegeton]] ([[Summoner|SMN]])
|-
| {{i|Antiquated Murgleis|x|size=big}}
| [[Antiquated Murgleis]] ([[Red Mage|RDM]])
| {{i|Antiquated Aymur|x|size=big}}
| [[Antiquated Aymur]] ([[White Mage|WHM]])
| {{i|Antiquated Organum|x|size=big}}
| [[Antiquated Organum]] ([[Scholar|SCH]])
|-
| {{i|Antiquated Pleiades|x|size=big}}
| [[Antiquated Pleiades]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

==Anemos Weapons==
<noinclude>{{See also|The Forbidden Land, Eureka Anemos}}</noinclude>
To unlock the quest chain, players need to be level 70 and complete the [[Main Scenario Quest]] {{i|Stormblood (Quest)}}. Additionally they need to complete the quest {{i|And We Shall Call It Eureka}}.

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Eureka Artifact Weapons|Starter]] || 335 || {{i|Protean Crystal|x|qty=100|size=mid}}
|-
| [[Eureka Artifact Weapons +1|Starter +1]] || 340 || {{i|Protean Crystal|x|qty=400|size=mid}}
|-
| [[Eureka Artifact Weapons +2|Starter +2]] || 345 || {{i|Protean Crystal|x|qty=800|size=mid}}
|-
| [[Anemos Weapons|Anemos]] || 355 || {{i|Pazuzu's Feather|x|qty=3|size=mid}}
|}
{| {{STDT|item align-left}}
! Item Quick Reference
! Total for every weapon
|-
| {{i|Protean Crystal|x|qty=1300|size=mid}}, {{i|Pazuzu's Feather|x|qty=3|size=mid}}
| {{i|Protean Crystal|x|qty=19500|size=mid}}, {{i|Pazuzu's Feather|x|qty=45|size=mid}}
|}
<center>
{| {{STDT|item align-left}}
! colspan="6" | Anemos Weapons (IL 355)
|-
|width="40px"| {{i|Galatyn Anemos|x|size=big}}
|width="240px"| [[Galatyn Anemos]] ([[Paladin|PLD]])
|width="40px"| {{i|Evalach Anemos|x|size=big}}
|width="240px"| [[Evalach Anemos]] ([[Paladin|PLD]])
|width="40px"| {{i|Farsha Anemos|x|size=big}}
|width="240px"| [[Farsha Anemos]] ([[Warrior|WAR]])
|-
| {{i|Caladbolg Anemos|x|size=big}}
| [[Caladbolg Anemos]] ([[Dark Knight|DRK]])
| {{i|Ryunohige Anemos|x|size=big}}
| [[Ryunohige Anemos]] ([[Dragoon|DRG]])
| {{i|Sudarshana Chakra Anemos|x|size=big}}
| [[Sudarshana Chakra Anemos]] ([[Monk|MNK]])
|-
| {{i|Kiku-ichimonji Anemos|x|size=big}}
| [[Kiku-ichimonji Anemos]] ([[Samurai|SAM]])
| {{i|Nagi Anemos|x|size=big}}
| [[Nagi Anemos]] ([[Ninja|NIN]])
| {{i|Failnaught Anemos|x|size=big}}
| [[Failnaught Anemos]] ([[Bard|BRD]])
|-
| {{i|Outsider Anemos|x|size=big}}
| [[Outsider Anemos]] ([[Machinist|MCH]])
| {{i|Vanargand Anemos|x|size=big}}
| [[Vanargand Anemos]] ([[Black Mage|BLM]])
| {{i|Lemegeton Anemos|x|size=big}}
| [[Lemegeton Anemos]] ([[Summoner|SMN]])
|-
| {{i|Murgleis Anemos|x|size=big}}
| [[Murgleis Anemos]] ([[Red Mage|RDM]])
| {{i|Aymur Anemos|x|size=big}}
| [[Aymur Anemos]] ([[White Mage|WHM]])
| {{i|Organum Anemos|x|size=big}}
| [[Organum Anemos]] ([[Scholar|SCH]])
|-
| {{i|Pleiades Anemos|x|size=big}}
| [[Pleiades Anemos]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

===How to acquire items to upgrade===
*{{i|Protean Crystal|Protean Crystals}}: Kill Notorious Monsters in [[The Forbidden Land, Eureka Anemos]] to earn {{i|Anemos Crystal|Anemos Crystals}}, then turn them in to Gerolt to exchange for 2 to 5 Protean Crystals for each Anemos Crystal turned in. Protean crystals will also drop randomly from trash mobs of equal or higher elemental level to your own. In [[Eureka]], a notorious monster is essentially a Kill Boss [[FATE]].
*{{i|Pazuzu's Feather|Pazuzu's Feathers}}: 3 feathers will drop each time you complete the FATE {{i|Wail in the Willows}} with gold medal credit in Eureka Anemos, which requires you to kill the notorious monster Pazuzu. Feathers can also be purchased from the [[Expedition Birdwatcher]] for {{i|Protean Crystal|Protean Crystals|qty=300}} each.

Note that you must be on the matching job in order to augment your +2 weapon to an Anemos weapon, otherwise the menu option will not appear when speaking with Gerolt.

==Elemental Weapons==
<noinclude>{{See also|The Forbidden Land, Eureka Pagos}}</noinclude>
An upgrade to Anemos weapons. Weapons will have a new model.

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Pagos Weapons|Pagos]] || 360 || {{i|Frosted Protean Crystal|x|qty=5|size=mid}}
|-
| [[Pagos Weapons +1|Pagos +1]] || 365 || {{i|Frosted Protean Crystal|x|qty=10|size=mid}}, {{i|Pagos Crystal|x|qty=500|size=mid}}
|-
| [[Elemental Weapons|Elemental]] || 370 || {{i|Frosted Protean Crystal|x|qty=16|size=mid}}, {{i|Louhi's Ice|x|qty=5|size=mid}}
|}

{| {{STDT|item align-left}}
! Item Quick Reference
! Total for every weapon
|-
| {{i|Frosted Protean Crystal|x|qty=31|size=mid}}, {{i|Pagos Crystal|x|qty=500|size=mid}}, {{i|Louhi's Ice|x|qty=5|size=mid}}
| {{i|Frosted Protean Crystal|x|qty=465|size=mid}}, {{i|Pagos Crystal|x|qty=7500|size=mid}}, {{i|Louhi's Ice|x|qty=75|size=mid}}
|}
<center>
{| {{STDT|item align-left}}
! colspan="6" | Elemental Weapons (IL 370)
|-
|width="40px"| {{i|Elemental Sword|x|size=big}}
|width="240px"| [[Elemental Sword]] ([[Paladin|PLD]])
|width="40px"| {{i|Elemental Shield|x|size=big}}
|width="240px"| [[Elemental Shield]] ([[Paladin|PLD]])
|width="40px"| {{i|Elemental Battleaxe|x|size=big}}
|width="240px"| [[Elemental Battleaxe]] ([[Warrior|WAR]])
|-
| {{i|Elemental Guillotine|x|size=big}}
| [[Elemental Guillotine]] ([[Dark Knight|DRK]])
| {{i|Elemental Lance|x|size=big}}
| [[Elemental Lance]] ([[Dragoon|DRG]])
| {{i|Elemental Knuckles|x|size=big}}
| [[Elemental Knuckles]] ([[Monk|MNK]])
|-
| {{i|Elemental Blade|x|size=big}}
| [[Elemental Blade]] ([[Samurai|SAM]])
| {{i|Elemental Knives|x|size=big}}
| [[Elemental Knives]] ([[Ninja|NIN]])
| {{i|Elemental Harp Bow|x|size=big}}
| [[Elemental Harp Bow]] ([[Bard|BRD]])
|-
| {{i|Elemental Handgonne|x|size=big}}
| [[Elemental Handgonne]] ([[Machinist|MCH]])
| {{i|Elemental Rod|x|size=big}}
| [[Elemental Rod]] ([[Black Mage|BLM]])
| {{i|Elemental Grimoire|x|size=big}}
| [[Elemental Grimoire]] ([[Summoner|SMN]])
|-
| {{i|Elemental Tuck|x|size=big}}
| [[Elemental Tuck]] ([[Red Mage|RDM]])
| {{i|Elemental Cane|x|size=big}}
| [[Elemental Cane]] ([[White Mage|WHM]])
| {{i|Elemental Codex|x|size=big}}
| [[Elemental Codex]] ([[Scholar|SCH]])
|-
| {{i|Elemental Astrometer|x|size=big}}
| [[Elemental Astrometer]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

===How to acquire items to upgrade===
* {{i|Frosted Protean Crystal}}: Collect vitiated aether by killing Notorious Monsters and level-appropriate trash mobs in Eureka Pagos, then turn it in at the [[Crystal Forge]] in Eureka Pagos (6.0, 21.5). You will receive one {{i|Frosted Protean Crystal}} for each full charge of vitiated aether.
** You must have acquired the vitiated aether kettle from Gerolt by completing the level 25 quest in Eureka Pagos '''and''' obtaining at least one Anemos weapon before you can receive vitiated aether. However, you do not need to have the weapon of interest equipped to obtain vitiated aether.
** The kettle can hold a maximum of 9 charges of vitiated aether. If it starts to get full, be sure to turn it in so none gets wasted!
* {{i|Pagos Crystal}}: These are acquired by killing Notorious Monsters in Eureka Pagos. The higher level the Notorious Monster, the more crystals it will drop.
* {{i|Louhi's Ice}}: 2 chunks will drop each time you complete the FATE {{i|Louhi on Ice}} with gold medal credit in Eureka Pagos, which requires you to kill the notorious monster Louhi. Louhi's Ice can also be purchased from the [[Expedition Birdwatcher]] for 50 {{i|Pagos Crystal|Pagos Crystals}} each.

==Pyros Weapons==
<noinclude>{{see also|The Forbidden Land, Eureka Pyros}}</noinclude>
An upgrade to Elemental weapons. Weapons will have a white-blue flame particle effect.

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Elemental Weapons +1|Elemental +1]] || 375 || {{i|Pyros Crystal|x|qty=150|size=mid}}, must have unlocked 10 unique [[File:Logos manipulator map icon.png|24px|link=The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]] [[The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]]
|-
| [[Elemental Weapons +2|Elemental +2]] || 380 || {{i|Pyros Crystal|x|qty=200|size=mid}}, must have unlocked 20 unique [[File:Logos manipulator map icon.png|24px|link=The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]] [[The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]]
|-
| [[Pyros Weapons|Pyros]] || 385 || {{i|Pyros Crystal|x|qty=300|size=mid}}, {{i|Penthesilea's Flame|x|qty=5|size=mid}}, must have unlocked 30 unique [[File:Logos manipulator map icon.png|24px|link=The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]] [[The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]]
|}
{| {{STDT|item align-left}}
! Item Quick Reference
! Total for every weapon
|-
| {{i|Pyros Crystal|x|qty=650|size=mid}}, {{i|Penthesilea's Flame|x|qty=5|size=mid}}, [[File:Logos manipulator map icon.png|32px|link=The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]] 30
| {{i|Pyros Crystal|x|qty=9750|size=mid}}, {{i|Penthesilea's Flame|x|qty=75|size=mid}}, [[File:Logos manipulator map icon.png|32px|link=The Forbidden Land, Eureka Pyros#Logos Actions|Logos Actions]] 30
|}
<center>
{| {{STDT|item align-left}}
! colspan="6" | Pyros Weapons (IL 385)
|-
|width="40px"| {{i|Pyros Sword|x|size=big}}
|width="240px"| [[Pyros Sword]] ([[Paladin|PLD]])
|width="40px"| {{i|Pyros Shield|x|size=big}}
|width="240px"| [[Pyros Shield]] ([[Paladin|PLD]])
|width="40px"| {{i|Pyros Battleaxe|x|size=big}}
|width="240px"| [[Pyros Battleaxe]] ([[Warrior|WAR]])
|-
| {{i|Pyros Guillotine|x|size=big}}
| [[Pyros Guillotine]] ([[Dark Knight|DRK]])
| {{i|Pyros Lance|x|size=big}}
| [[Pyros Lance]] ([[Dragoon|DRG]])
| {{i|Pyros Knuckles|x|size=big}}
| [[Pyros Knuckles]] ([[Monk|MNK]])
|-
| {{i|Pyros Blade|x|size=big}}
| [[Pyros Blade]] ([[Samurai|SAM]])
| {{i|Pyros Knives|x|size=big}}
| [[Pyros Knives]] ([[Ninja|NIN]])
| {{i|Pyros Harp Bow|x|size=big}}
| [[Pyros Harp Bow]] ([[Bard|BRD]])
|-
| {{i|Pyros Handgonne|x|size=big}}
| [[Pyros Handgonne]] ([[Machinist|MCH]])
| {{i|Pyros Rod|x|size=big}}
| [[Pyros Rod]] ([[Black Mage|BLM]])
| {{i|Pyros Grimoire|x|size=big}}
| [[Pyros Grimoire]] ([[Summoner|SMN]])
|-
| {{i|Pyros Tuck|x|size=big}}
| [[Pyros Tuck]] ([[Red Mage|RDM]])
| {{i|Pyros Cane|x|size=big}}
| [[Pyros Cane]] ([[White Mage|WHM]])
| {{i|Pyros Codex|x|size=big}}
| [[Pyros Codex]] ([[Scholar|SCH]])
|-
| {{i|Pyros Astrometer|x|size=big}}
| [[Pyros Astrometer]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

===How to acquire items to upgrade===
*{{i|Pyros Crystal}}: These are acquired by killing Notorious Monsters in Eureka Pyros. The higher level the Notorious Monster, the more crystals it will drop.
*{{i|Penthesilea's Flame}}: 3 chunks will drop each time you complete the FATE {{i|Lost Epic}} with gold medal credit in Eureka Pyros, which requires you to kill the notorious monster [[Penthesilea]]. Penthesilea's Flames can also be purchased from the [[Expedition Birdwatcher]] for 50 {{i|Pyros Crystal|Pyros Crystals}} each.

==Eureka Weapons==
<noinclude>{{see also|The Forbidden Land, Eureka Hydatos}}</noinclude>
An upgrade to Pyros weapons. Weapons will have a new model and swirling particle effects. This step grants the weapon's final appearance and maxes out its stats, excluding elemental stats that are effective in Eureka zones only. If you only care about the earning the glamour and don't care about the elemental stats, you can stop after completing this step.

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Hydatos Weapons|Hydatos]] || 390 || {{i|Hydatos Crystal|x|qty=50|size=mid}}
|-
| [[Hydatos Weapons +1|Hydatos +1]] || 395 || {{i|Hydatos Crystal|x|qty=100|size=mid}}
|-
| [[Eureka Weapons (base)|Base Eureka]] || 400 || {{i|Hydatos Crystal|x|qty=100|size=mid}}
|-
| [[Eureka Weapons|Eureka]] || 405 || {{i|Hydatos Crystal|x|qty=100|size=mid}}, {{i|Crystalline Scale|x|qty=5|size=mid}}
|}
{| {{STDT|item align-left}}
! Item Quick Reference
! Total for every weapon
|-
| {{i|Hydatos Crystal|x|qty=350|size=mid}}, {{i|Crystalline Scale|x|qty=5|size=mid}}
| {{i|Hydatos Crystal|x|qty=5250|size=mid}}, {{i|Crystalline Scale|x|qty=75|size=mid}}
|}
<center>
{| {{STDT|item align-left}}
! colspan="6" | Eureka Weapons (IL 405)
|-
|width="40px"| {{i|Antea Eureka|x|size=big}}
|width="240px"| [[Antea Eureka]] ([[Paladin|PLD]])
|width="40px"| {{i|Bellerophon Eureka|x|size=big}}
|width="240px"| [[Bellerophon Eureka]] ([[Paladin|PLD]])
|width="40px"| {{i|Shamash Eureka|x|size=big}}
|width="240px"| [[Shamash Eureka]] ([[Warrior|WAR]])
|-
| {{i|Xiphias Eureka|x|size=big}}
| [[Xiphias Eureka]] ([[Dark Knight|DRK]])
| {{i|Daboya Eureka|x|size=big}}
| [[Daboya Eureka]] ([[Dragoon|DRG]])
| {{i|Dumuzis Eureka|x|size=big}}
| [[Dumuzis Eureka]] ([[Monk|MNK]])
|-
| {{i|Torigashira Eureka|x|size=big}}
| [[Torigashira Eureka]] ([[Samurai|SAM]])
| {{i|Kasasagi Eureka|x|size=big}}
| [[Kasasagi Eureka]] ([[Yoshimitsu|NIN]])
| {{i|Circinae Eureka|x|size=big}}
| [[Circinae Eureka]] ([[Bard|BRD]])
|-
| {{i|Mollfrith Eureka|x|size=big}}
| [[Mollfrith Eureka]] ([[Machinist|MCH]])
| {{i|Paikea Eureka|x|size=big}}
| [[Paikea Eureka]] ([[Black Mage|BLM]])
| {{i|Tuah Eureka|x|size=big}}
| [[Tuah Eureka]] ([[Summoner|SMN]])
|-
| {{i|Brunello Eureka|x|size=big}}
| [[Brunello Eureka]] ([[Red Mage|RDM]])
| {{i|Rose Couverte Eureka|x|size=big}}
| [[Rose Couverte Eureka]] ([[White Mage|WHM]])
| {{i|Jebat Eureka|x|size=big}}
| [[Jebat Eureka]] ([[Scholar|SCH]])
|-
| {{i|Albireo Eureka|x|size=big}}
| [[Albireo Eureka]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

===How to acquire items to upgrade===
*{{i|Hydatos Crystal}}: These are acquired by killing Notorious Monsters in Eureka Hydatos. The higher level the Notorious Monster, the more crystals it will drop. While fewer crystals are needed compared to prior steps, Notorious Monsters in Hydatos also drop fewer crystals. A good source of crystals is the FATE {{i|The Baldesion Arsenal: Expedition Support}}, although this only spawns when there is an ongoing run of {{i|The Baldesion Arsenal}}.
*{{i|Crystalline Scale}}: 3 scales will drop each time you complete the FATE {{i|Crystalline Provenance}} with gold medal credit in Eureka Hydatos, which requires you to kill the notorious monster Provenance Watcher. This is the only way to obtain the item as they are not sold by the [[Expedition Birdwatcher]].

==Physeos Weapons==
<noinclude>{{see also|The Baldesion Arsenal}}</noinclude>
An upgrade to Eureka weapons. Stats and appearances are identical to Eureka weapons, except that they have extra [[Elemental Bonus]] stats that increase the weapons' power in Eureka zones only (including {{i|The Baldesion Arsenal}}).

{| {{STDT|item align-left}}
|-
! Weapon Tier !! IL !! Items needed
|-
| [[Physeos Weapons|Physeos]] || 405 || {{i|Eureka Fragment|x|qty=100|size=mid}}
|}
{| {{STDT|item align-left}}
! Item Quick Reference
! Total for every weapon
|-
|
{|
| {{i|Eureka Fragment|x|qty=100|size=mid}}
|}
|
{|
| {{i|Eureka Fragment|x|qty=1500|size=mid}}
|}
|}
<center>
{| {{STDT|item align-left}}
! colspan="6" | Physeos Weapons (IL 405)
|-
|width="40px"| {{i|Antea Physeos|x|size=big}}
|width="240px"| [[Antea Physeos]] ([[Paladin|PLD]])
|width="40px"| {{i|Bellerophon Physeos|x|size=big}}
|width="240px"| [[Bellerophon Physeos]] ([[Paladin|PLD]])
|width="40px"| {{i|Shamash Physeos|x|size=big}}
|width="240px"| [[Shamash Physeos]] ([[Warrior|WAR]])
|-
| {{i|Xiphias Physeos|x|size=big}}
| [[Xiphias Physeos]] ([[Dark Knight|DRK]])
| {{i|Daboya Physeos|x|size=big}}
| [[Daboya Physeos]] ([[Dragoon|DRG]])
| {{i|Dumuzis Physeos|x|size=big}}
| [[Dumuzis Physeos]] ([[Monk|MNK]])
|-
| {{i|Torigashira Physeos|x|size=big}}
| [[Torigashira Physeos]] ([[Samurai|SAM]])
| {{i|Kasasagi Physeos|x|size=big}}
| [[Kasasagi Physeos]] ([[Yoshimitsu|NIN]])
| {{i|Circinae Physeos|x|size=big}}
| [[Circinae Physeos]] ([[Bard|BRD]])
|-
| {{i|Mollfrith Physeos|x|size=big}}
| [[Mollfrith Physeos]] ([[Machinist|MCH]])
| {{i|Paikea Physeos|x|size=big}}
| [[Paikea Physeos]] ([[Black Mage|BLM]])
| {{i|Tuah Physeos|x|size=big}}
| [[Tuah Physeos]] ([[Summoner|SMN]])
|-
| {{i|Brunello Physeos|x|size=big}}
| [[Brunello Physeos]] ([[Red Mage|RDM]])
| {{i|Rose Couverte Physeos|x|size=big}}
| [[Rose Couverte Physeos]] ([[White Mage|WHM]])
| {{i|Jebat Physeos|x|size=big}}
| [[Jebat Physeos]] ([[Scholar|SCH]])
|-
| {{i|Albireo Physeos|x|size=big}}
| [[Albireo Physeos]] ([[Astrologian|AST]])
|
|
|
|
|}
</center>

===How to acquire items to upgrade===
*{{i|Eureka Fragment}}: These are exclusively acquired inside {{i|The Baldesion Arsenal}}. A complete clear yields 28 fragments total, with each boss defeated dropping a portion of that total amount. It requires a total of four runs, assuming all of them are successful, to obtain enough fragments for one weapon.

==Secondary Stats==
[[File:Eurekan weapons example roll.png|right|thumb|An example roll with 5 "lines"]]
Eurekan Weapons at the Pyros, Eureka, or Physeos stages can have their secondary stats upgraded at the [[Mnemeworks Station]], near Gerolt in Pyros. A weapon's secondary stats will be carried forward to any future item level upgrades. Intermediate-stage weapons in Hydatos (Hydatos, Hydatos +1, Base Eureka) cannot have their secondary stats modified.

These stats are rolled randomly, at the cost of 2 {{i|Smoldering Protean Crystal|Smoldering Protean Crystals}}. Each weapon starts with one "line" of stats that it can randomly roll, and a total of 5 can be unlocked by repeatedly using the Mnemeworks Station. Each time the station is used, all unlocked lines reroll, and if 5 lines are not yet unlocked, there is a chance an additional line will be unlocked and rolled as well. The reroll can be canceled, leaving the weapon with its stats unmodified, but the 2 {{i|Smoldering Protean Crystal|Smoldering Protean Crystals}} spent will not be refunded, and if the reroll unlocked an additional line the weapon will not retain it.

As of the [[patch 6.0]] stat squish:<ref>https://i.imgur.com/17gnPy3.png</ref>
* Each line can give up to 84 of a stat.
** Paladin swords and shields are limited to 60, and 24 respectively.
* The same stat can be randomly rolled on multiple lines. For example, if line 1 gives 48 [[Critical Hit]], line 2 gives 30 Critical Hit, and line 3 gives 54 [[Skill Speed]], the total stat bonuses are 78 Critical Hit and 54 Skill Speed.
* Any stat bonuses totaling above 114 will be synced down to 114 inside of Eureka zones. These limits are 81 and 33 for paladin swords and shields, respectively. This means that bonuses larger than 114 will be partially "wasted".
* There are 10 possible values for a given line, depending on the type of weapon:

{| class="wikitable"
! '''Two-handed weapon'''
| 30 || 36 || 42 || 48 || 54 || 60 || 66 || 72 || 78 || 84
|-
! '''PLD sword'''
| 24 || 28 || 32 || 36 || 40 || 44 || 48 || 52 || 56 || 60
|-
! '''PLD shield'''
| 6 || 8 || 10 || 12 || 14 || 16 || 18 || 20 || 22 || 24
|}

* The available substats depend on the [[job]] the weapon is for:

{| style="text-align:center;" class="wikitable"
!
! {{PLD}} {{WAR}} {{DRK}}
! {{WHM}} {{SCH}} {{AST}}
! {{MNK}} {{DRG}} {{NIN}} {{SAM}}
! {{BRD}} {{MCH}}
! {{BLM}} {{SMN}} {{RDM}}
|-
! [[Critical Hit]]
| {{Yes}} || {{Yes}} || {{Yes}} || {{Yes}} || {{Yes}}
|-
! [[Determination]]
| {{Yes}} || {{Yes}} || {{Yes}} || {{Yes}} || {{Yes}}
|-
! [[Direct Hit Rate]]
| || || {{Yes}} || {{Yes}} || {{Yes}}
|-
! [[Skill Speed]]
| {{Yes}} || || {{Yes}} || {{Yes}} ||
|-
! [[Spell Speed]]
| || {{Yes}} || || || {{Yes}}
|-
! [[Piety (Stat)|Piety]]
| || {{Yes}} || || ||
|-
! [[Tenacity]]
| {{Yes}} || || || ||
|}

===How to acquire items to upgrade===
* {{i|Smoldering Protean Crystal}}: Collect vitiated aether by killing Notorious Monsters and level-appropriate trash mobs in Eureka Pyros, then turn it in at the [[Mark II Crystal Forge]] in Eureka Pyros (22.3, 6.0). You will receive one {{i|Smoldering Protean Crystal}} for each full charge of vitiated aether.
** You must have acquired a Pyros Weapon before you can receive vitiated aether. You do not need to have the weapon equipped to obtain it.
** The kettle can hold a maximum of 9 charges of vitiated aether. If it starts to get full, be sure to turn it in so none gets wasted!

===Tips===
*Similar to [[Materia Melding|materia melding]], the most desirable substats to prioritize are generally: Critical Hit > Direct Hit Rate/Determination > Skill Speed/Spell Speed > Tenacity/Piety, although this varies depending on the job.
*For example, a "perfect" roll for Melee DPS would be Critical Hit ≥ 114 (2 lines), Determination + 84, Direct Hit + 84, Skill Speed +84.
**A good but not perfect roll could be Critical Hit ≥ 114 (2 lines), any Determination bonus (2 lines), any Direct Hit bonus (1 line).
*Due to the random nature of substat rolls, achieving an optimal set of rolls can be very time-consuming. These substats are only useful for slightly increasing player power within Eureka zones, which is marginal compared to [[Elemental Bonus]] derived from Physeos Weapons, [[Eureka Elemental Armor 2|Elemental Armor +2]], and [[Kirin's Osode Armor]].

==Eureka Weapon Types==
{{Relic Weapons Table|sb}}

==Gallery==
{{evt|service=youtube|id=ddSph13LecE|dimensions=350|align=right|description=Video presentation of all Eurekan weapons}}
Weapons can be viewed in these galleries. Individual galleries contain all stages of relic weapon for each job.
* [[Eurekan Weapon Gallery]]
<center>
{| {{STDT|item align-left}}
! Eurekan Weapons Galleries
|-
|
{|
|{{PLD|big=y}}
|[[Gallery: Eurekan Weapons - Paladin|Paladin]]
|{{WAR|big=y}}
|[[Gallery: Eurekan Weapons - Warrior|Warrior]]
|{{DRK|big=y}}
|[[Gallery: Eurekan Weapons - Dark Knight|Dark Knight]]
|-
|{{DRG|big=y}}
|[[Gallery: Eurekan Weapons - Dragoon|Dragoon]]
|{{MNK|big=y}}
|[[Gallery: Eurekan Weapons - Monk|Monk]]
|{{SAM|big=y}}
|[[Gallery: Eurekan Weapons - Samurai|Samurai]]
|{{NIN|big=y}}
|[[Gallery: Eurekan Weapons - Ninja|Ninja]]
|-
|{{BRD|big=y}}
|[[Gallery: Eurekan Weapons - Bard|Bard]]
|{{MCH|big=y}}
|[[Gallery: Eurekan Weapons - Machinist|Machinist]]
|-
|{{BLM|big=y}}
|[[Gallery: Eurekan Weapons - Black Mage|Black Mage]]
|{{SMN|big=y}}
|[[Gallery: Eurekan Weapons - Summoner|Summoner]]
|{{RDM|big=y}}
|[[Gallery: Eurekan Weapons - Red Mage|Red Mage]]
|-
|{{WHM|big=y}}
|[[Gallery: Eurekan Weapons - White Mage|White Mage]]
|{{SCH|big=y}}
|[[Gallery: Eurekan Weapons - Scholar|Scholar]]
|{{AST|big=y}}
|[[Gallery: Eurekan Weapons - Astrologian|Astrologian]]
|-
|}
|}
</center>

<gallery heights=700px widths=368px mode=packed>
File:Stormblood Relic Comparison.jpg
</gallery>

==Achievements==
''Main article: [[Eureka Weapons Achievements]]''

Eurekan Weapons are associated with several [[achievements]].

==References==
<references></references>

{{Relic Weapons Heading}}
{{End Game Progression}}
[[Category:Guides]] [[Category:Relic Weapons]] [[Category:Patch 4.2 Features]] [[Category:Patch 4.3 Features‎]] [[Category:Patch 4.4 Features‎]] [[Category:Patch 4.5 Features‎]]

User:Erin Umbreon

2026-04-09T17:40:02Z

Erin Umbreon: lol

hi my name is erin and i like this game! i'm [https://na.finalfantasyxiv.com/lodestone/character/42273202/ Lana Rhill on Rafflesia] and [https://na.finalfantasyxiv.com/lodestone/character/52638678/ Erin Umbreon on Adamantoise] (ironically not my main)

I run a bot, [[User:Wind-up Umbreon|Wind-up Umbreon]], which mostly does boring one-off automation scripts. I have my hands in a lot of behind-the-scenes template/module stuff, and I also work on the wiki's CSS.

I'm <kbd>{{/Discord}}</kbd> in the wiki Discord. I have my direct messages limited, but feel free to ping me in one of the wiki channels if you need anything. I'm not great at keeping on top of my watchlist here, but I'll also do my best to respond to my [[User talk:Erin Umbreon|talk page]].

[[User:Erin Umbreon/Sandbox|Sandbox {{special chat character|code=e06f}}]]

[[Special:PrefixIndex/User:Erin Umbreon/Sandbox|All sandbox pages {{special chat character|code=e06f}}]]

== Projects ==
I'm really good at signing myself up to work on one thing and spending a month working on a million other things instead, so this may not always reflect exactly what I'm working on at the moment.

=== In progress ===
{{#ask:[[Category:Wiki projects]] [[Wiki project has member::User:Erin Umbreon]] [[Wiki project status::In progress]]|?Wiki project status#=|format=ul|default=Nothing, I guess.}}
{{#ask:[[Category:Wiki projects]] [[Wiki project has member::User:Erin Umbreon]] [[Wiki project status::Done]]|format=ul|intro=<h3>Completed</h3>}}
{{#ask:[[Category:Wiki projects]] [[Wiki project has member::User:Erin Umbreon]] [[Wiki project status::!In progress]][[Wiki project status::!Done]]|?Wiki project status#=|format=ul|intro=<h3>Others</h3>}}

== Tasks ==
* {{todo}} add status effect frame types to [[Module:Icon]] so we can start replacing raw file links with {{tl|raw game icon}} to display status effects while we wait to have the bandwidth for the big overhaul project
* {{todo}} finish converting the rest of the noticebox templates to use {{tl|noticebox}}
* {{todo}} set up desynth data script on my server
* {{todo}} get [https://ffxiv.consolegameswiki.com/wiki/Special:PrefixIndex?prefix=Desynthesis%2FSources&namespace=828 old desynth data source pages] deleted
* {{todo}} make helper templates for including screenshots in cutscene dialogue (there is so much of this in endwalker and it's so cool but they could look much cleaner)
* probably other stuff

Template:Dialogue/styles.css

2026-04-09T17:26:46Z

Erin Umbreon: update image style now that we have all the dialogue lines not going underneath them

.dialogue-container .dialogue-container {
/* indent nested containers */
margin-left: 2em;
}
@media (max-width: 480px) {
.dialogue-container .dialogue-container {
margin-left: 5vw;
}
}
.dialogue-box,
.dialogue-line {
/* Stay within the expected flow around infoboxes and other floated content */
display: block flow-root;
}

/* Speaker/optional dialogue blocks */
.dialogue-box {
background-color: var(--dialogue-block-bg);
border-radius: 8px;
padding: 0.5em;
margin-block: 0.5em;
}
.dialogue-box-header {
font-weight: bold;
}
.dialogue-box-header a:not(.new) {
color: inherit;
}
.dialogue-box > .dialogue-container {
/* don't indent direct children of the box */
margin-left: 0;
}
.dialogue-box > .dialogue-container:only-child > :first-child {
margin-top: 0;
}
.dialogue-box > .dialogue-container > :last-child {
margin-bottom: 0;
}
/* Collapsible boxes via .mw-collapsible */
.dialogue-box-header.mw-collapsible-toggle,
.dialogue-line.mw-collapsible-toggle {
position: relative;
float: none;
font: inherit;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle {
margin: -0.5em;
padding: 0.25em 0.5em;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle::before,
.dialogue-line.mw-collapsible-toggle::before {
content: "";
position: absolute;
top: 50%;
left: 1em;
border: 0.375em solid transparent;
border-left-color: transparent;
border-inline-width: 0.75em;
border-left-color: currentcolor;
transform-origin: 25% 50%;
transform: translateY(-50%) rotate(90deg);
transition: transform 200ms;
}
.mw-collapsed .dialogue-box-header.mw-collapsible-toggle::before,
.mw-collapsed .dialogue-line.mw-collapsible-toggle::before {
transform: translateY(-50%) rotate(0deg);
}

/* Customization for different types of boxes */
.dialogue-box--system {
/* whatever */
}
.dialogue-box--optional {
background-color: transparent;
position: relative;
}
.dialogue-box--optional > .dialogue-box-header {
font-weight: normal;
font-style: italic;
}
.dialogue-box--optional::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px dashed var(--dialogue-optional-border);
border-radius: inherit;
z-index: -1;
}

/* Individual dialogue lines */
.dialogue-line {
background-color: var(--dialogue-line-bg);
border-radius: 8px;
padding: 0.25em 1em;
margin-block: 0.25rem;
}
.dialogue-line img {
vertical-align: middle;
}

/* Customization for different types of lines */
.dialogue-line--system {
/* whatever */
}
.dialogue-line--question {
background-color: var(--dialogue-standalone-bg);
font-style: italic;
}
.dialogue-line--cutscene {
background-color: var(--dialogue-cutscene-bg);
font-style: italic;
}
.dialogue-line--duty {
background-color: var(--dialogue-duty-bg);
font-style: italic;
}
.dialogue-line--choice {
background-color: var(--dialogue-option-bg);
}
/* Special case - dialogue choices that *aren't* collapsible get extra styles */
.dialogue-line--choice:not(.mw-collapsible-toggle)::after {
content: " (no unique dialogue)";
font-style: italic;
opacity: 0.5;
}

/* Quest accepted/complete */
.dialogue-quest-banner {
text-align: center;
margin: 1em 0;
}
.dialogue-quest-banner img {
/* scale down instead of overflowing horizontally */
max-width: 100%;
height: auto !important; /* !important fixes things for mysterious reasons */
}

/* Hides text visually but presents it when copypasting out of the page */
.copypaste-only {
position: absolute;
text-indent: -10000px;
}

/* Hide section edit buttons within the template */
.dialogue-container .mw-editsection {
display: none !important;
}

/* Italicize interpolated string placeholders */
/*.dialogue-container abbr {
font-style: italic;
}*/

/* Make right-aligned screenshot images look better */
.dialogue-container figure.mw-halign-right img {
border-radius: 0.5em;
}

Template:Dialogue/styles.css

2026-04-09T17:25:38Z

Erin Umbreon: try again

Template:Dialogue/styles.css

2026-04-09T17:21:07Z

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

.dialogue-container .dialogue-container {
/* indent nested containers */
margin-left: 2em;
}
@media (max-width: 480px) {
.dialogue-container .dialogue-container {
margin-left: 5vw;
}
}

/* Speaker/optional dialogue blocks */
.dialogue-box {
background-color: var(--dialogue-block-bg);
border-radius: 8px;
padding: 0.5em;
margin-block: 0.5em;

/* Stay within the expected flow around infoboxes */
display: block flow-root;
}
.dialogue-box-header {
font-weight: bold;
}
.dialogue-box-header a:not(.new) {
color: inherit;
}
.dialogue-box > .dialogue-container {
/* don't indent direct children of the box */
margin-left: 0;
}
.dialogue-box > .dialogue-container:only-child > :first-child {
margin-top: 0;
}
.dialogue-box > .dialogue-container > :last-child {
margin-bottom: 0;
}
/* Collapsible boxes via .mw-collapsible */
.dialogue-box-header.mw-collapsible-toggle,
.dialogue-line.mw-collapsible-toggle {
position: relative;
float: none;
font: inherit;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle {
margin: -0.5em;
padding: 0.25em 0.5em;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle::before,
.dialogue-line.mw-collapsible-toggle::before {
content: "";
position: absolute;
top: 50%;
left: 1em;
border: 0.375em solid transparent;
border-left-color: transparent;
border-inline-width: 0.75em;
border-left-color: currentcolor;
transform-origin: 25% 50%;
transform: translateY(-50%) rotate(90deg);
transition: transform 200ms;
}
.mw-collapsed .dialogue-box-header.mw-collapsible-toggle::before,
.mw-collapsed .dialogue-line.mw-collapsible-toggle::before {
transform: translateY(-50%) rotate(0deg);
}

/* Customization for different types of boxes */
.dialogue-box--system {
/* whatever */
}
.dialogue-box--optional {
background-color: transparent;
position: relative;
}
.dialogue-box--optional > .dialogue-box-header {
font-weight: normal;
font-style: italic;
}
.dialogue-box--optional::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px dashed var(--dialogue-optional-border);
border-radius: inherit;
z-index: -1;
}

/* Individual dialogue lines */
.dialogue-line {
background-color: var(--dialogue-line-bg);
border-radius: 8px;
padding: 0.25em 1em;
margin-block: 0.25rem;
}
.dialogue-line img {
vertical-align: middle;
}

/* Customization for different types of lines */
.dialogue-line--system {
/* whatever */
}
.dialogue-line--question {
background-color: var(--dialogue-standalone-bg);
font-style: italic;
}
.dialogue-line--cutscene {
background-color: var(--dialogue-cutscene-bg);
font-style: italic;
}
.dialogue-line--duty {
background-color: var(--dialogue-duty-bg);
font-style: italic;
}
.dialogue-line--choice {
background-color: var(--dialogue-option-bg);
}
/* Special case - dialogue choices that *aren't* collapsible get extra styles */
.dialogue-line--choice:not(.mw-collapsible-toggle)::after {
content: " (no unique dialogue)";
font-style: italic;
opacity: 0.5;
}

/* Quest accepted/complete */
.dialogue-quest-banner {
text-align: center;
margin: 1em 0;
}
.dialogue-quest-banner img {
/* scale down instead of overflowing horizontally */
max-width: 100%;
height: auto !important; /* !important fixes things for mysterious reasons */
}

/* Hides text visually but presents it when copypasting out of the page */
.copypaste-only {
position: absolute;
text-indent: -10000px;
}

/* Hide section edit buttons within the template */
.dialogue-container .mw-editsection {
display: none !important;
}

/* Italicize interpolated string placeholders */
/*.dialogue-container abbr {
font-style: italic;
}*/

/* Make right-aligned screenshot images look better */
.dialogue-container figure.mw-halign-right {
background: var(--background-color-base,#fff);
padding: 0 0 0.5em 0.5em;
border-bottom-left-radius: 1em;
}
.dialogue-container figure.mw-halign-right img {
border-bottom-left-radius: 0.5em;
}

Template:Dialogue/styles.css

2026-04-09T17:20:17Z

Erin Umbreon: apply flow-root to everything within dialogue containers

.dialogue-container .dialogue-container {
/* indent nested containers */
margin-left: 2em;
}
.dialogue-container > * {
/* Keep all dialogue content within the expected flow around infoboxes and other floated elements */
display: block flow-root;
}
@media (max-width: 480px) {
.dialogue-container .dialogue-container {
margin-left: 5vw;
}
}

/* Speaker/optional dialogue blocks */
.dialogue-box {
background-color: var(--dialogue-block-bg);
border-radius: 8px;
padding: 0.5em;
margin-block: 0.5em;
}
.dialogue-box-header {
font-weight: bold;
}
.dialogue-box-header a:not(.new) {
color: inherit;
}
.dialogue-box > .dialogue-container {
/* don't indent direct children of the box */
margin-left: 0;
}
.dialogue-box > .dialogue-container:only-child > :first-child {
margin-top: 0;
}
.dialogue-box > .dialogue-container > :last-child {
margin-bottom: 0;
}
/* Collapsible boxes via .mw-collapsible */
.dialogue-box-header.mw-collapsible-toggle,
.dialogue-line.mw-collapsible-toggle {
position: relative;
float: none;
font: inherit;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle {
margin: -0.5em;
padding: 0.25em 0.5em;
padding-left: 2.25em;
}
.dialogue-box-header.mw-collapsible-toggle::before,
.dialogue-line.mw-collapsible-toggle::before {
content: "";
position: absolute;
top: 50%;
left: 1em;
border: 0.375em solid transparent;
border-left-color: transparent;
border-inline-width: 0.75em;
border-left-color: currentcolor;
transform-origin: 25% 50%;
transform: translateY(-50%) rotate(90deg);
transition: transform 200ms;
}
.mw-collapsed .dialogue-box-header.mw-collapsible-toggle::before,
.mw-collapsed .dialogue-line.mw-collapsible-toggle::before {
transform: translateY(-50%) rotate(0deg);
}

/* Customization for different types of boxes */
.dialogue-box--system {
/* whatever */
}
.dialogue-box--optional {
background-color: transparent;
position: relative;
}
.dialogue-box--optional > .dialogue-box-header {
font-weight: normal;
font-style: italic;
}
.dialogue-box--optional::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px dashed var(--dialogue-optional-border);
border-radius: inherit;
z-index: -1;
}

/* Individual dialogue lines */
.dialogue-line {
background-color: var(--dialogue-line-bg);
border-radius: 8px;
padding: 0.25em 1em;
margin-block: 0.25rem;
}
.dialogue-line img {
vertical-align: middle;
}

/* Customization for different types of lines */
.dialogue-line--system {
/* whatever */
}
.dialogue-line--question {
background-color: var(--dialogue-standalone-bg);
font-style: italic;
}
.dialogue-line--cutscene {
background-color: var(--dialogue-cutscene-bg);
font-style: italic;
}
.dialogue-line--duty {
background-color: var(--dialogue-duty-bg);
font-style: italic;
}
.dialogue-line--choice {
background-color: var(--dialogue-option-bg);
}
/* Special case - dialogue choices that *aren't* collapsible get extra styles */
.dialogue-line--choice:not(.mw-collapsible-toggle)::after {
content: " (no unique dialogue)";
font-style: italic;
opacity: 0.5;
}

/* Quest accepted/complete */
.dialogue-quest-banner {
text-align: center;
margin: 1em 0;
}
.dialogue-quest-banner img {
/* scale down instead of overflowing horizontally */
max-width: 100%;
height: auto !important; /* !important fixes things for mysterious reasons */
}

/* Hides text visually but presents it when copypasting out of the page */
.copypaste-only {
position: absolute;
text-indent: -10000px;
}

/* Hide section edit buttons within the template */
.dialogue-container .mw-editsection {
display: none !important;
}

/* Italicize interpolated string placeholders */
/*.dialogue-container abbr {
font-style: italic;
}*/

/* Make right-aligned screenshot images look better */
.dialogue-container figure.mw-halign-right {
background: var(--background-color-base,#fff);
padding: 0 0 0.5em 0.5em;
border-bottom-left-radius: 1em;
}
.dialogue-container figure.mw-halign-right img {
border-bottom-left-radius: 0.5em;
}

Luminous Oil

2026-04-08T18:29:36Z

Erin Umbreon: /* Acquisition/* show quest reward quantity

{{Item infobox
| name = Luminous Oil
| icon = luminous oil icon1.png
| description = Viscous liquid with a distinctive and alluring aroma.<br><br>Phials can be traded for special items.
| type = other
| effects =
| material-type = Other
| unique =
| untradable = y
| unsellable = y
| rarity = white
| level =
| ilvl =
| race =
| gender =
| recast =
| cost =
| value =
| value-hq =
| seals =
| patch = 7.35
| release = dawntrail
| id-edb = 1b8bb057489
| id-gt = 47342
}}
__NOTOC__
==Acquisition==
===Purchase===
{{vendor list}}

===Quests===
{{quest list header|item-rewards=y}}
{{quest list row|Pilgrimage of Light}}
{{table footer}}

===Challenge Log===
{| {{STDT| sortable}}
|-
!Challenge
!Description
!Reward
|-
| Take Me to Church I || Clear the area marked by stone 20 in {{i|Pilgrim's Traverse}}. || {{item icon|Luminous Oil|7}}
|-
| Take Me to Church III || Clear the area marked by stone 50 in {{i|Pilgrim's Traverse}}. || {{item icon|Luminous Oil|8}}
|-
| Take Me to Church V || Clear the area marked by stone 100 in {{i|Pilgrim's Traverse}}. || {{item icon|Luminous Oil|10}}
|-
|}

==Used For==
===Exchange===
{{vendor table|currency={{PAGENAME}}|showCostText=true}}

Sprig Cleaning (2026)

2026-04-04T01:51:33Z

Erin Umbreon: use {{raw game icon}}

{{main|Hatching-tide (2026)}}
{{Dawntrail expansion content}}

<templatestyles src="Infobox/styles.css"/><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>
</div>
<p class="heading">Sprig Cleaning</p>
<div class="wrapper">
; Level
: [[Has duty level requirement::1]]
; [[Difficulty]]
: [[Has duty difficulty::Normal]]
; Party size
: Solo<br>1 man '''{{bullet}}''' 1 [[File:Any_class_frame_icon.png|20px|text-bottom|link=Class]]{{#set:Has party size=Solo}}
; Time limit
: 3 minutes
; Req. quest
: {{questlink|{{#show:Of Weeds and Whimsy|?Has quest type|default=side}}|Of Weeds and Whimsy|wrap=true}}{{#set:Has quest requirement=Of Weeds and Whimsy}}
; Entrance
: [[Old Gridania]] {{convert coordinate|10.2, 8.9}}{{#set:Has duty entrance=Old Gridania;10.2;8.9;?}}
; Location
: [[Lilyswim]]
; Region
: [[The Black Shroud]][[Category:Locations in The Black Shroud]]
; [[Patches|Patch]]
: [[Patch 7.45|7.45]]
</div>
{{clear}}
</div>
[[Category:Dungeons]]
{{Quotation|In-game description|{{Colorize|By participating in Sprig Cleaning, you will use special actions to help clear away pests that are impeding Hatching-tide festivities.}}}}

'''Sprig Cleaning''' is a level 1 solo duty introduced in [[patch 7.45]] with [[Dawntrail]]. There are no class or job requirements for participation, but this instance is available for a limited time only during [[Hatching-tide (2026)]].

==Overview==
Players are tasked with removing weeds using special actions on their hotbar, aiming for the highest score possible.

===Special Actions===
The following actions are available in this duty to destroy weeds:

{| {{STDT|sortable pve align-left}}
! Action
! Recast Time
! Range
! Radius
! Tooltip
! Usage
|-
| {{ri|File:Pruning Pirouette.png|size=big}} '''Pruning Pirouette'''
| 1.5s
| 0y
| 5y
| Delivers a trim to all nearby plant life.
| A circular area of effect attack.
|-
| {{ri|File:Roaring Eggscapade.png|size=big}} '''Roaring Eggscapade'''
| 1.2s
| 0y
| 16y
| Quickly dash forward, destroying leafkin in your wake.
| An attack that moves you swiftly forward, slicing down foes in your path.
|-
| {{ri|File:The Spriganator.png|size=big}} '''The Spriganator'''
| 1.5s
| 0y
| 15y
| Unleashes the shrubbery-slaying beast within.<br>Can only be executed upon accumulating 50 onzes of cleaning spirit.
| A large circular area of effect attack that can only be executed upon attaining sufficient cleaning spirit, displayed in an instance-specific gauge.<br>Cleaning spirit is accumulated by defeating leafkin.
|}

===Scores===
Score is increased by the following:
*'''Trimming Troublesome Traps''': Players will earn points for each leafkin they defeat. Each Leafkin Sprig is worth 1 point.
*'''Reclaiming Archon Eggs''': Archon Eggs are items that are sometimes earned from defeating leafkin. Each type of egg is worth a different amount of points.
** {{i|Gold Archon Egg|alt=Gold}}: 100 points
** {{i|Silver Archon Egg|alt=Silver}}: 50 points
** {{i|Bronze Archon Egg|alt=Bronze}}: 30 points

====Score Tiers====
{| {{STDT|item}}
|-
! Tier !! Points
|-
| Good || 0 - 9,999
|-
| Great! || 10,000 - 14,999
|-
| Eggcellent!! || 15,000 - 24,999
|-
| Speggtacular!!! || 25,000+
|}

===Unusual Leafkin===
[[File:Unusual Leafkin.png|right|300px|thumb]]
Players may encounter '''Transcendental Traps''' during this duty. Defeating these will randomly apply one of the following benefits:
*A significant increase to your cleaning gauge
*{{status effect|buff|File:Enhanced egg acuity icon.png}} '''Enhanced Egg Acuity''': Improves your change of discovering Archon eggs.
*{{status effect|buff|File:Golden eye icon.png}} '''Golden Eye''': Ensures all Archon eggs discovered are gold.
*{{status effect|buff|File:Eggstreme egg acuity icon.png}} '''Eggstreme Egg Acuity:''' Probability of gleaning Archon eggs is increased, and all eggs gleaned will be gold.

==Rewards==
Players will receive {{i|Special Brilliant Egg|alt=Special Brilliant Eggs}} based on their score. The number of eggs received equals their score divided by 100, rounded up.

These eggs can be exchanged for gear and items by speaking with the [[Dreamer (2026)|Dreamer]] in [[Mih Khetto's Amphitheatre]], [[Old Gridania]] {{coords|10.3, 9.1}}. It costs a total of 260 eggs to buy one of each reward (minus the magicked prism).

==Music==
{{music table header}}
{{music table row|Main|Pa-Paya Demastered}}
|}

==Images==
<gallery mode=packed heights=200px>
Sprig Cleaning 2026.png
</gallery>

{{Duties nav/dungeon}}

Template:Infobox/styles.css

2026-04-03T20:55:06Z

Erin Umbreon: Let infoboxes be full width on mobile

Template:Infobox/styles.css

2026-04-03T20:53:30Z

Erin Umbreon: delete redundant mobile-specific styles (they mostly did nothing and were the result of sloppy copying from Mobile.css into Common.css in the past)

MediaWiki:Mobile.css

2026-04-03T20:37:58Z

Erin Umbreon: update with icon font changes from Mediawiki:Common.css

/* CSS placed here will affect users of the mobile site */

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

/* Newly Added After Server Upgrade Start */

/* Remove the weird icons in the hamburger menu on Mobile */
#pt-fw-enable {
display: none;
}

/* Newly Added After Server Upgrade End */

/* new mobile CSS (after updating the wiki version */
/* move overlay menus down on mobile (both left menu and search bar) */
#mw-mf-page-left {
top: 80px;
}
.overlay-header-container.position-fixed {
top: 80px;

}
.overlay-content {
top: 80px
}

/* move search bar icon left */
nav.minerva-user-navigation {
display: flex;
justify-content: left;
}

/* end of new mobile CSS (after updating the wiki version */

/* new main page */

.desktop-frontpage {
display: none !important;
}

.mobile-frontpage {
display: block !important;
}

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

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

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

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

/** NAV BARS **/
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.infobox dt,
div.infobox dd,
div.nav table {
line-height: 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: 125px;
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;
}

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: #9a66cc;
}

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

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.quest .heading {
background-color: #f8b57d;
}

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

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

div.nav.debuff dd,
div.nav.debuff dt,
div.nav.debuff 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.guardian .heading,
div.nav.guardian .subheading {
background-color: #39c;
}

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

/* FFXIV Wiki - Custom */

div.nav.class-nav table th.class-cell,
div.nav.class-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 {
border: none;
}

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

/* Table */

.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("/images/c/cc/Infobox_header_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.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 !important;
}

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

/* any */
.table.any > :first-child > tr:first-child,
.table.any > tbody > tr.heading,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading > * {
background-color: #888 !important;
border-color: #6d6d6d !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
background-color: #ccc;
border-color: #aaa;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
background-color: #eee;
}

/*Important: Show only mobile ad code on mobile*/
.nomobile {
display: none !important;
}

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

.ingredients .standard-frame-icon a.external.text {
background: none !important;
}

.ingredients .standard-frame-icon.small {
display: inline-block !important;
}

/** 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 !important;
border-color: #52a329 !important;
}
.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 !important;
border-color: #cca352 !important;
}
.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 !important;
border-color: #cc7a52 !important;
}
.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 !important;
border-color: #527aa3 !important;
}
.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;
}

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

.table .standard-frame-icon.small {
display: inline-block !important;
}

.table .standard-frame-icon.small a.external.text {
background: none !important;
}

.recipe div.ingredients dt {
padding: 3px 15px 5px 0px !important;
}

.recipe div.ingredients dd {
float: none !important;
}

/* 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 !important;
border-color: #e18f14 !important;
}

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

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

.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: #fffffe !important;
}

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

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

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

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

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

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

MediaWiki:Common.css

2026-04-03T20:35:56Z

Erin Umbreon: we don't actually need to specify the body font here because this template will *only* contain private-use area characters

/* 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 {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

MediaWiki:Mobile.css

2026-04-03T20:32:38Z

Erin Umbreon: remove infobox styles moved into Template:Infobox/styles.css

/* CSS placed here will affect users of the mobile site */

/* Newly Added After Server Upgrade Start */

/* Remove the weird icons in the hamburger menu on Mobile */
#pt-fw-enable {
display: none;
}

/* Newly Added After Server Upgrade End */

/* 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 */
.mw-parser-output { font-family: "FFXIV_Lodestone_SSF", sans-serif }

/* lodestone icon font fix for minerva neue */
.content h1, .content h2, blockquote {
font-family: 'FFXIV_Lodestone_SSF', 'Linux Libertine', 'Georgia', 'Times', serif;
}

/* new mobile CSS (after updating the wiki version */
/* move overlay menus down on mobile (both left menu and search bar) */
#mw-mf-page-left {
top: 80px;
}
.overlay-header-container.position-fixed {
top: 80px;

}
.overlay-content {
top: 80px
}

/* move search bar icon left */
nav.minerva-user-navigation {
display: flex;
justify-content: left;
}

/* end of new mobile CSS (after updating the wiki version */

/* new main page */

.desktop-frontpage {
display: none !important;
}

.mobile-frontpage {
display: block !important;
}

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

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

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

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

/** NAV BARS **/
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.infobox dt,
div.infobox dd,
div.nav table {
line-height: 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: 125px;
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;
}

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: #9a66cc;
}

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

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.quest .heading {
background-color: #f8b57d;
}

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

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

div.nav.debuff dd,
div.nav.debuff dt,
div.nav.debuff 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.guardian .heading,
div.nav.guardian .subheading {
background-color: #39c;
}

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

/* FFXIV Wiki - Custom */

div.nav.class-nav table th.class-cell,
div.nav.class-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 {
border: none;
}

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

/* Table */

.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("/images/c/cc/Infobox_header_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.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 !important;
}

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

/* any */
.table.any > :first-child > tr:first-child,
.table.any > tbody > tr.heading,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading > * {
background-color: #888 !important;
border-color: #6d6d6d !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
background-color: #ccc;
border-color: #aaa;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
background-color: #eee;
}

/*Important: Show only mobile ad code on mobile*/
.nomobile {
display: none !important;
}

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

.ingredients .standard-frame-icon a.external.text {
background: none !important;
}

.ingredients .standard-frame-icon.small {
display: inline-block !important;
}

/** 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 !important;
border-color: #52a329 !important;
}
.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 !important;
border-color: #cca352 !important;
}
.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 !important;
border-color: #cc7a52 !important;
}
.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 !important;
border-color: #527aa3 !important;
}
.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;
}

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

.table .standard-frame-icon.small {
display: inline-block !important;
}

.table .standard-frame-icon.small a.external.text {
background: none !important;
}

.recipe div.ingredients dt {
padding: 3px 15px 5px 0px !important;
}

.recipe div.ingredients dd {
float: none !important;
}

/* 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 !important;
border-color: #e18f14 !important;
}

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

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

.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: #fffffe !important;
}

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

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

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

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

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

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

MediaWiki:Common.css

2026-04-03T20:30:07Z

Erin Umbreon: move equipment stat box styles into Template:Infobox/styles.css

/* 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", var(--font-family-body, sans-serif);
}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

Template:Infobox/styles.css

2026-04-03T20:29:45Z

Erin Umbreon: add equipment stat box styles from common.css

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

div.infobox-n dt {
float: left;
text-align: right;
width: 90px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}

div.infobox-n dd {
float: left;
width: 170px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}

/* CUSTOM: Weapon widths */
div.infobox-n.weapon dt {
width: 120px;
}
div.infobox-n.weapon dd {
width: 140px;
}

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

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

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

/* Fix quest infobox dt to accommodate previous quest */
div.infobox-n.quest dt {
width: 100px;
}
div.infobox-n.quest dd {
width: 160px;
}

.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 */
body.skin-minerva .infobox-n {
float:none!important;
}

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

/* Mobile */
@media (max-width: 768px) {
.infobox-n .clear {height: 5px}

/* Infobox specific */
div.infobox-n {
float: center;
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 {
text-align: center;
margin: 0 8px;
}
div.infobox-n .statistics span + span {
margin-left: 5px;
}

div.infobox-n .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.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.4em !important;
}
div.infobox-n .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.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;
}
div.infobox-n dt {
float: left;
text-align: right;
width: 95px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}
div.infobox-n dd {
float: left;
width: 175px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}
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;
}

/* #region TODO: I'm pretty sure literally all of this can be deleted */
div.infobox-n.healer-role dd,
div.infobox-n.healer-role dt {
border-color: #3c6829 !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: #364496 !important;
}
div.infobox-n.tanker-role .heading,
div.infobox-n.tanker-role .subheading {
background-color: #364496 !important;
}
div.infobox-n.dps-role dd,
div.infobox-n.dps-role dt {
border-color: #683535 !important;
}
div.infobox-n.dps-role .heading,
div.infobox-n.dps-role .subheading {
background-color: #913737 !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.armor dd,
div.infobox-n.weapon dd,
div.infobox-n.item dd,
div.infobox-n.armor dt,
div.infobox-n.weapon dt,
div.infobox-n.item dt {
border-color: #c30;
}
div.infobox-n.armor .heading,
div.infobox-n.weapon .heading,
div.infobox-n.item .heading,
div.infobox-n.armor .subheading,
div.infobox-n.weapon .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: 250px;
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.skill dd,
div.infobox-n.skill dt {
border-color: #999;
}
div.infobox-n.skill .heading,
div.infobox-n.skill .subheading {
background: #444;
}
div.infobox-n.trait dd,
div.infobox-n.trait dt {
border-color: #bb7639;
}
div.infobox-n.trait .heading,
div.infobox-n.trait .subheading {
background: #ce8d54;
}
div.infobox-n.skill .icon > div {
border: 2px solid #111;
}
div.infobox-n.effect .condition {
background: #363;
}
div.infobox-n.effect .boon {
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: #f90;
}
div.infobox-n.quest .heading,
div.infobox-n.quest .subheading {
background: #f90;
}
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;
}
/* #endregion */

div.infobox-n dt,
div.infobox-n dd {
line-height: 1.667em;
}
}

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

FFXIV Wiki:Template styles

2026-04-03T19:11:32Z

Erin Umbreon:

{{Project
| status = Backlog
| members = Erin Umbreon
| needs help = y
| discord = https://discord.com/channels/312060255469305856/1440104897839239290
| Use <code><templatestyles></code> to reorganize template-specific CSS that are currently in global CSS or inline <code>style</code> attributes
}}

==Things to move out of [[Mediawiki:Common.css]] and [[Mediawiki:Mobile.css]]==

* {{todo|cancelled}} Main page styles (<code>#mainpagenavigation</code>, <code>.page-Main_Page</code>, etc)
** I think this is mostly going to be done through the [[FFXIV Wiki:Update site CSS, main page, & sidebar]] project; I'm going to ignore the old main page styles
* {{todo}} Fancy table styles (<code>.table</code>, which is provided by {{tl|STDT}} I'm pretty sure?)
* {{todo|pending}} Infoboxes (<code>.infobox</code>)
** There's not a single "base infobox" template that everything uses right now, but we can pull in a single CSS page from all the infobox templates for now and do more work to unify their structure later
** {{todo}} Also <code>.weapon-damage-stats</code>, <code>.armor-defense-stats</code>, <code>.equipment-footer</code>, etc
* {{todo}} Navboxes/notices (<code>.nav</code>, shares a lot of styles with infoboxes that will need to be separated, will similarly need to be pulled in by multiple separate templates)
** This will be somewhat easier now that {{tl|noticebox}} exists, though we have a *lot* of pages that need to be updated to use it
* {{todo}} Inline icon styles (<code>.inline-icon</code> and <code>.text-icon</code>, not sure how to handle this exactly, it probably doesn't need its own template, this one might stay in common.css for now)
* {{todo}} Recipe boxes (<code>.recipe-box</code>, <code>.ingredients</code>, etc)
* {{todo}} Dialogue (wait, we have classes for this? figure out what the fuck uses <code>.dialogue</code> i guess)
** Note: the new dialogue format is already fine, this is specifically for an old class that I have no idea where it's even used
* {{todo|cancelled}} {{tl|STFI}} (<code>.standard-frame-icon</code> etc)
** This and other icon templates actually can't use template styles at all. We have SMW properties like [[Property:Is obtained by]] (used via {{tl|Obtainable parameter}}) which can contain icon templates in their values; and <code><templatestyles></code> gets converted into strip markers which don't survive a round-trip through being stored as an SMW property value. This breaks display of these properties entirely, so it's a no-go.
* {{todo|cancelled}} {{tl|colorize}} (<code>.colorized-description</code>)
** same as above, this needs to stay in Common.css forever because colorized descriptions are used in SMW properties for items/etc
* {{todo}} Item rarities (<code>.rarity</code>; honestly these should just be handled as CSS variables I think)
* {{todo}} Relic quest stuff (<code>.relic-quest</code> - i don't think any of this uses templates yet? it *really* should)
* {{todo|done}} [[Special chat characters]] font handling
** Done by [[User:Tempest Dawn]] with the addition of {{tl|Special chat character}}

==Things to move out of inline <code>style=</code> attributes==
I mean, basically everything that uses inline style attributes should stop doing that outside extremely niche one-off things in the main article namespace. Any styles used by a template should either use <code><templatestyles></code> or have their CSS in Common.css and Mobile.css.
TODO: make a list of some of the templates where this is most relevant

FFXIV Wiki:Template styles

2026-04-03T19:10:59Z

Erin Umbreon: add the special chat character stuff tempest did

{{Project
| status = Backlog
| members = Erin Umbreon
| needs help = y
| discord = https://discord.com/channels/312060255469305856/1440104897839239290
| Use <code><templatestyles></code> to reorganize template-specific CSS that are currently in global CSS or inline <code>style</code> attributes
}}

==Things to move out of [[Mediawiki:Common.css]] and [[Mediawiki:Mobile.css]]==

* {{todo|cancelled}} Main page styles (<code>#mainpagenavigation</code>, <code>.page-Main_Page</code>, etc)
** I think this is mostly going to be done through the [[FFXIV Wiki:Update site CSS, main page, & sidebar]] project; I'm going to ignore the old main page styles
* {{todo}} Fancy table styles (<code>.table</code>, which is provided by {{tl|STDT}} I'm pretty sure?)
* {{todo|pending}} Infoboxes (<code>.infobox</code>)
** There's not a single "base infobox" template that everything uses right now, but we can pull in a single CSS page from all the infobox templates for now and do more work to unify their structure later
** {{todo}} Also <code>.weapon-damage-stats</code>, <code>.armor-defense-stats</code>, <code>.equipment-footer</code>, etc
* {{todo}} Navboxes/notices (<code>.nav</code>, shares a lot of styles with infoboxes that will need to be separated, will similarly need to be pulled in by multiple separate templates)
** This will be somewhat easier now that {{notice}} exists, though we have a *lot* of pages that need to be updated to use it
* {{todo}} Inline icon styles (<code>.inline-icon</code> and <code>.text-icon</code>, not sure how to handle this exactly, it probably doesn't need its own template, this one might stay in common.css for now)
* {{todo}} Recipe boxes (<code>.recipe-box</code>, <code>.ingredients</code>, etc)
* {{todo}} Dialogue (wait, we have classes for this? figure out what the fuck uses <code>.dialogue</code> i guess)
** Note: the new dialogue format is already fine, this is specifically for an old class that I have no idea where it's even used
* {{todo|cancelled}} {{tl|STFI}} (<code>.standard-frame-icon</code> etc)
** This and other icon templates actually can't use template styles at all. We have SMW properties like [[Property:Is obtained by]] (used via {{tl|Obtainable parameter}}) which can contain icon templates in their values; and <code><templatestyles></code> gets converted into strip markers which don't survive a round-trip through being stored as an SMW property value. This breaks display of these properties entirely, so it's a no-go.
* {{todo|cancelled}} {{tl|colorize}} (<code>.colorized-description</code>)
** same as above, this needs to stay in Common.css forever because colorized descriptions are used in SMW properties for items/etc
* {{todo}} Item rarities (<code>.rarity</code>; honestly these should just be handled as CSS variables I think)
* {{todo}} Relic quest stuff (<code>.relic-quest</code> - i don't think any of this uses templates yet? it *really* should)
* {{todo|done}} [[Special chat characters]] font handling
** Done by [[User:Tempest Dawn]] with the addition of {{tl|Special chat character}}

==Things to move out of inline <code>style=</code> attributes==
I mean, basically everything that uses inline style attributes should stop doing that outside extremely niche one-off things in the main article namespace. Any styles used by a template should either use <code><templatestyles></code> or have their CSS in Common.css and Mobile.css.
TODO: make a list of some of the templates where this is most relevant

FFXIV Wiki:Template styles

2026-04-03T19:09:39Z

Erin Umbreon: update current status of stuff I've done/realized I can't do

{{Project
| status = Backlog
| members = Erin Umbreon
| needs help = y
| discord = https://discord.com/channels/312060255469305856/1440104897839239290
| Use <code><templatestyles></code> to reorganize template-specific CSS that are currently in global CSS or inline <code>style</code> attributes
}}

==Things to move out of [[Mediawiki:Common.css]] and [[Mediawiki:Mobile.css]]==

* {{todo|cancelled}} Main page styles (<code>#mainpagenavigation</code>, <code>.page-Main_Page</code>, etc)
** I think this is mostly going to be done through the [[FFXIV Wiki:Update site CSS, main page, & sidebar]] project; I'm going to ignore the old main page styles
* {{todo}} Fancy table styles (<code>.table</code>, which is provided by {{tl|STDT}} I'm pretty sure?)
* {{todo|pending}} Infoboxes (<code>.infobox</code>)
** There's not a single "base infobox" template that everything uses right now, but we can pull in a single CSS page from all the infobox templates for now and do more work to unify their structure later
** {{todo}} Also <code>.weapon-damage-stats</code>, <code>.armor-defense-stats</code>, <code>.equipment-footer</code>, etc
* {{todo}} Navboxes/notices (<code>.nav</code>, shares a lot of styles with infoboxes that will need to be separated, will similarly need to be pulled in by multiple separate templates)
** This will be somewhat easier now that {{notice}} exists, though we have a *lot* of pages that need to be updated to use it
* {{todo}} Inline icon styles (<code>.inline-icon</code> and <code>.text-icon</code>, not sure how to handle this exactly, it probably doesn't need its own template, this one might stay in common.css for now)
* {{todo}} Recipe boxes (<code>.recipe-box</code>, <code>.ingredients</code>, etc)
* {{todo}} Dialogue (wait, we have classes for this? figure out what the fuck uses <code>.dialogue</code> i guess)
** Note: the new dialogue format is already fine, this is specifically for an old class that I have no idea where it's even used
* {{todo|cancelled}} {{tl|STFI}} (<code>.standard-frame-icon</code> etc)
** This and other icon templates actually can't use template styles at all. We have SMW properties like [[Property:Is obtained by]] (used via {{tl|Obtainable parameter}}) which can contain icon templates in their values; and <code><templatestyles></code> gets converted into strip markers which don't survive a round-trip through being stored as an SMW property value. This breaks display of these properties entirely, so it's a no-go.
* {{todo|cancelled}} {{tl|colorize}} (<code>.colorized-description</code>)
** same as above, this needs to stay in Common.css forever because colorized descriptions are used in SMW properties for items/etc
* {{todo}} Item rarities (<code>.rarity</code>; honestly these should just be handled as CSS variables I think)
* {{todo}} Relic quest stuff (<code>.relic-quest</code> - i don't think any of this uses templates yet? it *really* should)

==Things to move out of inline <code>style=</code> attributes==
I mean, basically everything that uses inline style attributes should stop doing that outside extremely niche one-off things in the main article namespace. Any styles used by a template should either use <code><templatestyles></code> or have their CSS in Common.css and Mobile.css.
TODO: make a list of some of the templates where this is most relevant

Template:Section-stub

2026-04-03T18:58:19Z

Erin Umbreon: update categories

<div class="notice metadata" id="section-stub" style="padding-left:25px;margin-bottom:10px">''This key section of the article is incomplete. You can help the Final Fantasy XIV Wiki by <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]</span>. ''{{#if: {{{2|{{{reason|}}}}}} |<br> '''Reason:''' {{ucfirst:{{#replace:{{{2|{{{reason|}}}}}}|"|"}}}} }} </div><includeonly>[[Category:{{ #switch: {{lc: {{{1|}}} }}
| armor = Armor
| build = Build
| cinematic = Cinematic
| dialogue = Dialogue
| effect = Effect
| free company = Free Company
| interactive object
| interactive = Interactive object
| item = Item
| location = Location
| lore = Lore
| npc
| npcs = NPC
| pve = PvE
| pvp = PvP
| fate = FATE
| quest = Quest
| region = Region
| action = Action
| term
| terminology = Terminology
| title = Title
| unique weapon
| unique = Unique weapon
| weapon = Weapon
| crafting = Crafting
| main scenario = Main Scenario
| dungeon = Dungeon
| raid = Raid
| trial = Trial
| #default = Articles}} with stub sections]]</includeonly><noinclude>
----
== Description ==
A section stub is a section of an article that has ''missing'' or ''incomplete'' information — this has nothing to do with length: short sections are not necessarily stubs and long ones are not necessarily complete.

As a rule of thumb, use this template sparingly:
* Don't use a stub on a new article or if it's generally obvious that the article is incomplete.
* Do use the stub when an article ''appears'' substantially complete, but isn't.
** Always include a reason for stubbing, using the <code>reason = </code> parameter.
** Generally remove the tag if it does not include the reason and you cannot add them yourself.

''This template will categorize articles that include it into [[:Category:Articles with stub sections]] or an appropriate subcategory.''

== Usage ==
=== Parameters ===
; unnamed: type of article
* This can be anything from armor to weapon; it will determine into which category of stubs that article is placed.

; reason
* This makes it more likely for people to be able to fill in the missing information. It has no effect on the article or categories.
* If you cannot add a reason for stubbing, reconsider whether the tag is appropriate.

=== Examples ===
* {{tlx|section-stub|reason=[reason]}}
* {{tlx|section-stub|[type]|reason=[reason]}}

== See also ==
* {{tl|stub}}

[[Category:Stub templates]]
[[Category:Hatnote templates]]
</noinclude>

Template:Stub

2026-04-03T18:58:14Z

Erin Umbreon: update categories

<onlyinclude><div id="stub" class="notice metadata" style="padding-left:25px;margin-bottom:10px" >''Key elements of this {{{1|}}} article are incomplete. You can help the Final Fantasy XIV Wiki by <span class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=edit}} '''expanding it''']</span>.''{{#if: {{{2|{{{reason|}}}}}} | <br> '''Reason:''' {{#replace:{{{2|{{{reason|}}}}}}|"|"}} }} </div><includeonly>[[Category:{{#switch: {{lc: {{{1|}}} }}
| armor = Armor
| build = Build
| cinematic = Cinematic
| dialogue = Dialogue
| effect = Effect
| free company = Free Company
| interactive object
| interactive = Interactive object
| item = Item
| location = Location
| lore = Lore
| npc
| npcs = NPC
| pve = PvE
| pvp = PvP
| fate = FATE
| quest = Quest
| region = Region
| action = Action
| term
| terminology = Terminology
| title = Title
| unique weapon
| unique = Unique weapon
| weapon = Weapon
| crafting = Crafting
| main scenario = Main Scenario
| dungeon = Dungeon
| raid = Raid
| trial = Trial
}} stubs]]</includeonly></onlyinclude>

== Usage ==
A stub is an article that has missing or incomplete information. The article should be evaluated on content rather than length. Short articles are not necessarily stubs and long articles are not necessarily complete. This template will categorize tagged articles into [[:Category:Stubs]] and if type is used will categorize it into the appropriate subcategory in that category.

As a rule of thumb, use this template sparingly:
* Don't use a stub on a new article or if it's generally obvious that the article is incomplete.
* Do use the stub when an article appears substantially complete, but isn't.
** Include items missing from the article in the reason.
** Generally, you can remove the tag if it does not include the reason and you cannot add them yourself.

<pre>
{{stub|<reason>}}
{{stub|<type>|<reason>}}
</pre>

== Parameters ==
;Unnamed parameter 1
;Unnamed parameter 2
:The reason the article is being stubbed. The first parameter identifies the type when two parameters are specified. The possible types are as follows:

{| {{STDT}}
! Type !! Description
|-
| armor || Armor articles
|-
| bounty || Bounty articles
|-
| build || Build articles
|-
| bundle || Bundle articles
|-
| cinematic || Cinematic articles
|-
| dialogue || Dialogue articles
|-
| effect || Effect articles
|-
| free company || Free Company articles
|-
| interactive-object or interactive || Interactive object articles
|-
| item || Item articles
|-
| location||Location articles
|-
| lore||Lore articles
|-
| mission || Mission articles
|-
| npc or npcs|| NPC articles
|-
| pve || PvE articles
|-
| pvp || PvP articles
|-
| fate || FATE articles
|-
| quest || Quest articles
|-
| region || Region articles
|-
| action || Action articles
|-
| terminology or term || Terminology
|-
| title || Title
|-
| unique weapon or unique || Unique weapon
|-
| weapon || Weapon
|-
| crafting || Crafting
|-
|}

== See also ==
* {{tl|section-stub}}

[[Category:Stub templates]]
[[Category:Hatnote templates]]

FFXIV Wiki:Desynth data automation

2026-03-31T15:29:49Z

Erin Umbreon: sign

{{Project
| status = In progress
| members = Erin Umbreon
| discord = https://discord.com/channels/312060255469305856/1422712491774972027
| Display crowd-sourced desynth data from [https://gacha.infi.ovh gacha.infi.ovh] on item pages
}}

[https://gacha.infi.ovh gacha.infi.ovh] collects lots of data about random results in XIV, including desynth data. The raw data lives in [https://github.com/Infiziert90/FFXIVGachaSpreadsheet/blob/master/website/static/data/Desynthesis.json a JSON file in their Github repo] and is hosted at <code>https://gacha.infi.ovh/data/Desynthesis.json</code>

Two tasks that can be handled independently:

# {{yes}} Write a Lua module/template that can be used on item pages to render the raw data for a specific item in a nice format.
# {{yes}} Write a long-running bot that will periodically upload the latest <code>Desynthesis.json</code> to the wiki so the data stays up-to-date.
#* This is more complicated than it initially seemed because <code>Desynthesis.json</code> is a very large file and Mediawiki is not happy with it. I'm gonna have to break it up into multiple <code>Module:Desynthesis/Results/XX000.json</code> files on the wiki in order to make it all fit, so the update bot will have to know how to do that. [[User:Erin Umbreon|Erin Umbreon]] ([[User talk:Erin Umbreon|talk]]) 20:43, 11 February 2026 (UTC)
#* {{yes}} The script for doing this now exists! Just need to get it set up on my server. [[User:Erin Umbreon|Erin Umbreon]] ([[User talk:Erin Umbreon|talk]]) 21:20, 17 February 2026 (UTC)
#* I cleaned this up further to use the same folder/filename structure as infi uses in the github repo - this simplifies the scripted updates quite a bit. <span class="nowrap">[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small></span> 01:00, 25 February 2026 (UTC)

Now that those two tasks are done, we have the fun part: backfilling {{tl|desynthesis results}} into all the old item pages.

<hr>

Everything is basically done, just some cleanup left to do:
* Clean up [https://ffxiv.consolegameswiki.com/wiki/Special:PrefixIndex?prefix=Desynthesis%2FSources&namespace=828 old desynth data source pages] now that I've switched the subpage names to match infi's
* Set bot up on my server
* Backfill to other pages (consult with other item page editors about this)
<span class="nowrap">[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small></span> 01:00, 25 February 2026 (UTC)

==Data reconciliation tasks==
* {{todo}} Add functionality to the template to allow rendering manually reported results
** These need to be visually distinct from the data-backed results so it's obvious which results have been verified via the Tracky plugin and which haven't
* {{todo}} Render some sort of note/warning when table is generated from a small sample size (less than 100ish desynths)
* {{todo}} Add parameters for rendering headers ("==Used for==" and "===Desynthesis===") only if there are results in the table, so we can backfill the table template onto all item pages from the datamining/page creation scripts
[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 15:29, 31 March 2026 (UTC)

FFXIV Wiki:Desynth data automation

2026-03-31T15:29:27Z

Erin Umbreon:

Close to Home

2026-03-27T23:43:39Z

Erin Umbreon: Undo revision 1269885 by Erin Umbreon (talk) - this template is not ready yet actually

{{disambig}}
*{{i|Close to Home (Gridania)|Close to Home (Gridania)}} for players starting in [[Gridania]].
*{{i|Close to Home (Limsa Lominsa)|Close to Home (Limsa Lominsa)}} for players starting in [[Limsa Lominsa]].
*{{i|Close to Home (Ul'dah)|Close to Home (Ul'dah)}} for players starting in [[Ul'dah]].
{{#set:Has quest type=Main Scenario|Has game icon=File:Main Scenario Quest icon.png|Has game icon frame type=none}}

A Relic Reborn

2026-03-27T23:43:32Z

Erin Umbreon: Undo revision 1269862 by Erin Umbreon (talk) - this template is not ready yet actually

{{disambig}}
{{quest list header|unlocks=y|item-rewards=y}}
{{quest list row|A Relic Reborn (Curtana)}}
{{quest list row|A Relic Reborn (Sphairai)}}
{{quest list row|A Relic Reborn (Bravura)}}
{{quest list row|A Relic Reborn (Gae Bolg)}}
{{quest list row|A Relic Reborn (Artemis Bow)}}
{{quest list row|A Relic Reborn (Yoshimitsu)}}
{{quest list row|A Relic Reborn (Thyrus)}}
{{quest list row|A Relic Reborn (Stardust Rod)}}
{{quest list row|A Relic Reborn (The Veil of Wiyu)}}
{{quest list row|A Relic Reborn (Omnilex)}}
{{table footer}}
{{#set:Has quest type=Feature|Has game icon=File:Feature Quest icon.png|Has game icon frame type=none}}

Call of the Sea

2026-03-27T23:43:23Z

Erin Umbreon: Undo revision 1269887 by Erin Umbreon (talk) - this template is not ready yet actually

{{disambig}}
*{{i|Call of the Sea (Gridania)|Call of the Sea (Gridania)}} for players starting in [[Gridania]].
*{{i|Call of the Sea (Limsa Lominsa)|Call of the Sea (Limsa Lominsa)}} for players starting in [[Limsa Lominsa]].
*{{i|Call of the Sea (Ul'dah)|Call of the Sea (Ul'dah)}} for players starting in [[Ul'dah]].
{{#set:Has quest type=Main Scenario|Has game icon=File:Main Scenario Quest icon.png|Has game icon frame type=none}}

Template:Quest disambig

2026-03-27T23:37:44Z

Erin Umbreon:

<includeonly>{{#if: 
{{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}}
{{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}}
|?Has game icon
|?Has context
| format = array
| propsep = ,
}}}}
{{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}}
{{#vardefine:context|{{#arrayindex:firstquestinfo|1}}}}
}}{{#invoke: Icon | renderGameIcon
| icon = {{#arrayindex:firstquestinfo|0}}
| type = {{#arrayindex:firstquestinfo|1}}
| size = small
}} [[{{{pagename|{{PAGENAME}}}}}]] is a quest with multiple variants{{#if:{{{depending on|}}}|, depending on {{{depending on}}}}}:

{{quest list header|unlocks=y|item-rewards=y}}
{{#arraymap:{{#arrayprint:quests}}|,|@@@|{{quest list row|@@@}}|\n}}
{{table footer}}

{{#if:{{NAMESPACE}}||[[Category:Quest disambiguation pages]]{{#set:Has game icon|{{#var:icon}}}}{{#set:Has context|{{#var:context}}}}}}</includeonly><noinclude>
{{documentation}}

==Example==
{{markup example|<nowiki>
{{quest disambig
| pagename = A Relic Reborn
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| (...)
}}
</nowiki>}}

Template:Quest disambig

2026-03-27T23:36:34Z

Erin Umbreon: weh

<includeonly>{{#if: 
{{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}}
{{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}}
|?Has game icon
|?Has context
| format = array
| propsep = ,
}}}}
{{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}}
{{#vardefine:context|{{#arrayindex:firstquestinfo|1}}}}
{{#if:{{NAMESPACE}}||
{{#set:Has game icon|{{#var:icon}}}}
{{#set:Has context|{{#var:context}}}}
}}
}}{{#invoke: Icon | renderGameIcon
| icon = {{#arrayindex:firstquestinfo|0}}
| type = {{#arrayindex:firstquestinfo|1}}
| size = small
}} [[{{{pagename|{{PAGENAME}}}}}]] is a quest with multiple variants{{#if:{{{depending on|}}}|, depending on {{{depending on}}}}}:

{{quest list header|unlocks=y|item-rewards=y}}
{{#arraymap:{{#arrayprint:quests}}|,|@@@|{{quest list row|@@@}}|\n}}
{{table footer}}

{{#if:{{NAMESPACE}}||[[Category:Quest disambiguation pages]]}}</includeonly><noinclude>
{{documentation}}

==Example==
{{markup example|<nowiki>
{{quest disambig
| pagename = A Relic Reborn
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| (...)
}}
</nowiki>}}

Call of the Sea

2026-03-27T23:35:38Z

Erin Umbreon: use {{quest disambig))

{{quest disambig
| depending on = the player's starting [[city]]
| Call of the Sea (Gridania)
| Call of the Sea (Limsa Lominsa)
| Call of the Sea (Ul'dah)
}}

Close to Home

2026-03-27T23:34:59Z

Erin Umbreon: use {{quest disambig))

{{quest disambig
| depending on = the player's starting [[city]]
| Close to Home (Gridania)
| Close to Home (Limsa Lominsa)
| Close to Home (Ul'dah)
}}

A Relic Reborn

2026-03-27T23:24:11Z

Erin Umbreon: use {{quest disambig}}

{{quest disambig
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| A Relic Reborn (Bravura)
| A Relic Reborn (Gae Bolg)
| A Relic Reborn (Artemis Bow)
| A Relic Reborn (Yoshimitsu)
| A Relic Reborn (Thyrus)
| A Relic Reborn (Stardust Rod)
| A Relic Reborn (The Veil of Wiyu)
| A Relic Reborn (Omnilex)
}}

Template:Quest disambig/doc

2026-03-27T23:23:50Z

Erin Umbreon:

{{documentation subpage}}

{<nowiki/>{'''quest disambig'''
| ''depending on'' =
| ...
}}

Displays a disambiguation page for multiple quests or quest variants that share a title in-game. Automatically sets the semantic properties required for use with {{tl|game icon}}, based on the icon used by the disambiguated quests.

==Parameters==
; ''depending on''
: Optional An inline description of what causes different variants of the quest to be available, rendered as "depending on ...".
; ''pagename''
: Optional, discouraged. Defaults to the name of the current page.
; unnamed parameters
: Disambiguated quest article titles. Can be passed in multiple parameters separated by <code>|</code> (up to 20), or in a single parameter separated by <code>,</code>.

<includeonly>

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

Template:Quest disambig

2026-03-27T23:23:09Z

Erin Umbreon: weh

<includeonly>{{#if: 
{{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}}
{{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}}
|?Has game icon
|?Has context
| format = array
| propsep = ,
}}}}
{{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}}
{{#vardefine:context|{{#arrayindex:firstquestinfo|1}}}}
{{#if:{{yesno|{{{no smw}}}}}||
{{#set:Has game icon|{{#var:icon}}}}
{{#set:Has context|{{#var:context}}}}
}}
}}{{#invoke: Icon | renderGameIcon
| icon = {{#arrayindex:firstquestinfo|0}}
| type = {{#arrayindex:firstquestinfo|1}}
| size = small
}} [[{{{pagename|{{PAGENAME}}}}}]] is a quest with multiple variants{{#if:{{{depending on|}}}|, depending on {{{depending on}}}}}:

{{quest list header|unlocks=y|item-rewards=y}}
{{#arraymap:{{#arrayprint:quests}}|,|@@@|{{quest list row|@@@}}|\n}}
{{table footer}}

{{#if:{{NAMESPACE}}||[[Category:Quest disambiguation pages]]}}</includeonly><noinclude>
{{documentation}}

==Example==
{{markup example|<nowiki>
{{quest disambig
| pagename = A Relic Reborn
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| (...)
}}
</nowiki>}}

Template:Quest disambig

2026-03-27T23:22:31Z

Erin Umbreon:

<includeonly>{{#if: 
{{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}}
{{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}}
|?Has game icon
|?Has context
| format = array
| propsep = ,
}}}}
{{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}}
{{#vardefine:context|{{#arrayindex:firstquestinfo|1}}}}
{{#if:{{yesno|{{{no smw}}}}}||
{{#set:Has game icon|{{#var:icon}}}}
{{#set:Has context|{{#var:context}}}}
}}
}}{{#invoke: Icon | renderGameIcon
| icon = {{#arrayindex:firstquestinfo|0}}
| type = {{#arrayindex:firstquestinfo|1}}
| size = small
}} [[{{{pagename|{{PAGENAME}}}}}]] is a quest with multiple variants{{#if:{{{depending on|}}}|, depending on {{{depending on}}}}}:

{{quest list header|unlocks=y|item-rewards=y}}
{{#arraymap:{{#arrayprint:quests}}|,|@@@|{{quest list row|@@@}}|\n}}
{{table footer}}

[[Category:Quest disambiguation pages]]</includeonly><noinclude>
{{documentation}}

==Example==
{{markup example|<nowiki>
{{quest disambig
| pagename = A Relic Reborn
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| (...)
}}
</nowiki>}}

Template:Quest disambig/doc

2026-03-27T23:21:20Z

Erin Umbreon: Created page with "{{documentation subpage}} {<nowiki/>{'''quest disambig''' | ''depending on'' = | ... }} Displays a disambiguation page for multiple quests or quest variants that share a title in-game. ==Parameters== ; ''depending on'' : Optional An inline description of what causes different variants of the quest to be available, rendered as "depending on ...". ; ''pagename'' : Optional, discouraged. Defaults to the name of the current page. ; unnamed parameters : Disambiguated q..."

{{documentation subpage}}

{<nowiki/>{'''quest disambig'''
| ''depending on'' =
| ...
}}

Displays a disambiguation page for multiple quests or quest variants that share a title in-game.

==Parameters==
; ''depending on''
: Optional An inline description of what causes different variants of the quest to be available, rendered as "depending on ...".
; ''pagename''
: Optional, discouraged. Defaults to the name of the current page.
; unnamed parameters
: Disambiguated quest article titles. Can be passed in multiple parameters separated by <code>|</code> (up to 20), or in a single parameter separated by <code>,</code>.

<includeonly>

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

Template:Quest disambig

2026-03-27T23:16:19Z

Erin Umbreon: Created page with "<includeonly>{{#if:  {{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}} {{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}} |?Has game icon |?Has context | format = array | propsep = , }}}} {{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}} {{#vardefine..."

<includeonly>{{#if: 
{{#arraydefine:quests|{{{1|}}},{{{2|}}},{{{3|}}},{{{4|}}},{{{5|}}},{{{6|}}},{{{7|}}},{{{8|}}},{{{9|}}},{{{10|}}},{{{11|}}},{{{12|}}},{{{13|}}},{{{14|}}},{{{15|}}},{{{16|}}},{{{17|}}},{{{18|}}},{{{19|}}},{{{20|}}}}}
{{#arraydefine:firstquestinfo|{{#show: {{#arrayindex:quests|0}}
|?Has game icon
|?Has context
| format = array
| propsep = ,
}}}}
{{#vardefine:icon|{{#arrayindex:firstquestinfo|0}}}}
{{#vardefine:context|{{#arrayindex:firstquestinfo|1}}}}
{{#if:{{yesno|{{{no smw}}}}}||
{{#set:Has game icon|{{#var:icon}}}}
{{#set:Has context|{{#var:context}}}}
}}
}}{{#invoke: Icon | renderGameIcon
| icon = {{#arrayindex:firstquestinfo|0}}
| type = {{#arrayindex:firstquestinfo|1}}
| size = small
}} [[{{{pagename|{{PAGENAME}}}}}]] is a quest with multiple variants{{#if:{{{depending on|}}}|, depending on {{{depending on}}}}}:

{{quest list header|unlocks=y|item-rewards=y}}
{{#arraymap:{{#arrayprint:quests}}|,|@@@|{{quest list row|@@@}}|\n}}
{{table footer}}

[[Category:Quests with multiple variants]]</includeonly><noinclude>
{{documentation}}

==Example==
{{markup example|<nowiki>
{{quest disambig
| pagename = A Relic Reborn
| depending on = the player's [[job]]
| A Relic Reborn (Curtana)
| A Relic Reborn (Curtana)
| A Relic Reborn (Sphairai)
| (...)
}}
</nowiki>}}

MediaWiki:Common.css

2026-03-26T00:09:34Z

Erin Umbreon: remove icon font from global font stack

/* 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", var(--font-family-body, sans-serif);
}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* Weapon infobox styles */
.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;
}

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

MediaWiki:Common.css

2026-03-25T04:43:00Z

Erin Umbreon: i hate css escape codes oh my god

/* 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 */
.mw-parser-output { font-family: "FFXIV_Lodestone_SSF", sans-serif } /* TODO: remove this one */
/* Class used by {{special chat character}} */
.mw-parser-output .SpecialChatCharacter__icon {
font-family: "FFXIV_Lodestone_SSF", var(--font-family-body, sans-serif);
}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* Weapon infobox styles */
.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;
}

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

Sprig Cleaning (2026)

2026-03-25T04:40:57Z

Erin Umbreon: add templatestyles link for styles for fake infobox

{{main|Hatching-tide (2026)}}
{{Dawntrail expansion content}}

<templatestyles src="Infobox/styles.css"/><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>
</div>
<p class="heading">Sprig Cleaning</p>
<div class="wrapper">
; Level
: [[Has duty level requirement::1]]
; [[Difficulty]]
: [[Has duty difficulty::Normal]]
; Party size
: Solo<br>1 man '''{{bullet}}''' 1 [[File:Any_class_frame_icon.png|20px|text-bottom|link=Class]]{{#set:Has party size=Solo}}
; Time limit
: 3 minutes
; Req. quest
: {{questlink|{{#show:Of Weeds and Whimsy|?Has quest type|default=side}}|Of Weeds and Whimsy|wrap=true}}{{#set:Has quest requirement=Of Weeds and Whimsy}}
; Entrance
: [[Old Gridania]] {{convert coordinate|10.2, 8.9}}{{#set:Has duty entrance=Old Gridania;10.2;8.9;?}}
; Location
: [[Lilyswim]]
; Region
: [[The Black Shroud]][[Category:Locations in The Black Shroud]]
; [[Patches|Patch]]
: [[Patch 7.45|7.45]]
</div>
{{clear}}
</div>
[[Category:Dungeons]]
{{Quotation|In-game description|{{Colorize|By participating in Sprig Cleaning, you will use special actions to help clear away pests that are impeding Hatching-tide festivities.}}}}

'''Sprig Cleaning''' is a level 1 solo duty introduced in [[patch 7.45]] with [[Dawntrail]]. There are no class or job requirements for participation, but this instance is available for a limited time only during [[Hatching-tide (2026)]].

==Overview==
Players are tasked with removing weeds using special actions on their hotbar, aiming for the highest score possible.

===Special Actions===
The following actions are available in this duty to destroy weeds:

{| {{STDT|sortable pve align-left}}
! Action
! Recast Time
! Range
! Radius
! Tooltip
! Usage
|-
| [[File:Pruning Pirouette.png|40px|link=]] '''Pruning Pirouette'''
| 1.5s
| 0y
| 5y
| Delivers a trim to all nearby plant life.
| A circular area of effect attack.
|-
| [[File:Roaring Eggscapade.png|40px|link=]] '''Roaring Eggscapade'''
| 1.2s
| 0y
| 16y
| Quickly dash forward, destroying leafkin in your wake.
| An attack that moves you swiftly forward, slicing down foes in your path.
|-
| [[File:The Spriganator.png|40px|link=]] '''The Spriganator'''
| 1.5s
| 0y
| 15y
| Unleashes the shrubbery-slaying beast within.<br>Can only be executed upon accumulating 50 onzes of cleaning spirit.
| A large circular area of effect attack that can only be executed upon attaining sufficient cleaning spirit, displayed in an instance-specific gauge.<br>Cleaning spirit is accumulated by defeating leafkin.
|}

===Scores===
Score is increased by the following:
*'''Trimming Troublesome Traps''': Players will earn points for each leafkin they defeat. Each Leafkin Sprig is worth 1 point.
*'''Reclaiming Archon Eggs''': Archon Eggs are items that are sometimes earned from defeating leafkin. Each type of egg is worth a different amount of points.
** {{i|Gold Archon Egg|alt=Gold}}: 100 points
** {{i|Silver Archon Egg|alt=Silver}}: 50 points
** {{i|Bronze Archon Egg|alt=Bronze}}: 30 points

====Score Tiers====
{| {{STDT|item}}
|-
! Tier !! Points
|-
| Good || 0 - 9,999
|-
| Great! || 10,000 - 14,999
|-
| Eggcellent!! || 15,000 - 19,999
|-
| Speggtacular!!! || 20,000+
|}

===Unusual Leafkin===
[[File:Unusual Leafkin.png|right|300px|thumb]]
Players may encounter '''Transcendental Traps''' during this duty. Defeating these will randomly apply one of the following benefits:
*A significant increase to your cleaning gauge
*{{status effect|buff|File:Enhanced egg acuity icon.png}} '''Enhanced Egg Acuity''': Improves your change of discovering Archon eggs.
*{{status effect|buff|File:Golden eye icon.png}} '''Golden Eye''': Ensures all Archon eggs discovered are gold.
*{{status effect|buff|File:Eggstreme egg acuity icon.png}} '''Eggstreme Egg Acuity:''' Probability of gleaning Archon eggs is increased, and all eggs gleaned will be gold.

==Rewards==
Players will receive {{i|Special Brilliant Egg|alt=Special Brilliant Eggs}} based on their score. The number of eggs received equals their score divided by 100, rounded up.

These eggs can be exchanged for gear and items by speaking with the [[Dreamer (2026)|Dreamer]] in [[Mih Khetto's Amphitheatre]], [[Old Gridania]] {{coords|10.3, 9.1}}. It costs a total of 260 eggs to buy one of each reward (minus the magicked prism).

==Music==
{{music table header}}
{{music table row|Main|Pa-Paya Demastered}}
|}

==Images==
<gallery mode=packed heights=200px>
Sprig Cleaning 2026.png
</gallery>

{{Duties nav/dungeon}}

Template:Special chat character

2026-03-25T04:38:13Z

Erin Umbreon: don't use templatestyles; CSS for this template was moved into Common.css instead to avoid SMW strip marker expansion bullshit

<includeonly><span class="SpecialChatCharacter__icon">{{#if:{{{code|}}}
|{{#vardefine:normalized_input|{{#replace:{{lc:{{{code}}}}}|e0|}}}}{{#ifexpr:
(2 = {{#len:{{#var:normalized_input}}}} or 0 = {{#len:{{#var:normalized_input}}}}) and 4 = {{#len:{{{code}}}}}
| &#x{{{code}}};
| <span class="error">Invalid code: <code>{{{code}}}</code></span>
}}
|{{#switch:{{{1}}}
|#default = <span class="error">Unknown shortcode: {{{1}}}</span>
|time = 
|ilvl = 
|gplot = 
|klvl = 
|rrank = 
|vari = 
|elvl = 
|glam = 
|hq = 
|collectable= 
|die = 
|autol = 
|autor = 
|signattack = 
|signignore = 
|signbind = 
|cryst = 
|gil = 
|circle= 
|square= 
|x = 
|triang= 
|plus = 
|mouse = 
|mousel= 
|mouser= 
|mouseb= 
|mouses= 
|mouse1= 
|mouse2= 
|mouse3= 
|mouse4= 
|mouse5= 
|debuf = 
|buff = 
|crossw= 
|lv = 
|st = 
|nv = 
|lv0 = 
|lv1 = 
|lv2 = 
|lv3 = 
|lv4 = 
|lv5 = 
|lv6 = 
|lv7 = 
|lv8 = 
|lv9 = 
|lsync = 
|unsync= 
|qsync = 
|tzlt = 
|tzst = 
|tzet = 
|tzoz = 
|tzsz = 
|tzez = 
|tzhl = 
|tzhs = 
|tzhe = 
|tz本 = 
|tz服 = 
|tz艾 = 
}}
}}</span></includeonly><noinclude>This template is used to display [[Special chat characters]] using an icon-only font.

Icons can be specified using their hexidecimal codepoint, or using an aliased shortcode.
{{documentation}}

==Example==
The unnamed parameter is treated as a shortcode:

{{markup example|list=y|<nowiki>
{{Special chat character|time}}
{{Special chat character|ilvl}}
{{Special chat character|autol}}
{{Special chat character|autor}}
{{Special chat character|lv}}
{{Special chat character|lv1}}
</nowiki>}}

Invalid shortcodes result in a render error:

{{markup example|<nowiki>{{Special chat character|doesn't exist}}</nowiki>|list=y}}

To use icons that don't have a defined shortcode, give the named parameter <code>code</code> as the character's unicode value in hex: (this is restricted to characters starting with <code>E0</code> to avoid rendering anything out of the Unicode private use area)

{{markup example|list=y|<nowiki>
{{Special chat character|code=E037}}
{{Special chat character|code=e0b0}}
</nowiki>}}

Icon color can be controlled like any text:

{{markup example|list=y|<nowiki>
<font color="gold">{{Special chat character|gil}}</font>
</nowiki>}}

[[Category:Special Chat Character templates]]
</noinclude>

MediaWiki:Common.css

2026-03-25T04:37:30Z

Erin Umbreon: copy styles from Template:Special chat character/styles.css into common.css to fix issues with quest sync icon in query formatting templates

/* 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 */
.mw-parser-output { font-family: "FFXIV_Lodestone_SSF", sans-serif } /* TODO: remove this one */
/* Class used by {{special chat character}} */
.mw-parser-output .SpecialChatCharacter__icon {
font-family: "FFXIV_Lodestone_SSF", var(--font-family-body, sans-serif);
}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070 "}

:root {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* Weapon infobox styles */
.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;
}

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

Template:Markup example/doc

2026-03-25T00:54:26Z

Erin Umbreon: document table format

{{documentation subpage}}
{{lua|Module:Markup example}}

{<nowiki/>{'''Markup example'''|<nowiki>''...''</nowiki>}}

Renders a side-by-side view of some raw wiki markup and what it will look like when saved to a page. This can be used to demonstrate basic wikitext functions, as well as for displaying live examples of template usage within documentation.

==Parameters==
; ''unnamed parameter'' 1
: Markup content. Usually this will be wrapped with a <code><nowiki></code> tag to prevent premature expansion.
; inline
: Optional. If true, preview will be rendered with an inline code block and an arrow, rather than as a side-by-side table.
; list
: Optional. If true, each line of input will be interpreted as a single markup example, and all the lines will be rendered in a list of inline examples. Very useful for dense template example pages, such as {{tl|game icon}}.
; table
: Optional. Similar to the '''list''' format, but each line will be rendered in a table, with one input line per row.

<includeonly>

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

Template:Markup example

2026-03-25T00:52:40Z

Erin Umbreon: add table format parameter

<includeonly><templatestyles src="Markup example/styles.css"/>{{#invoke:Markup example|main|list={{{list|}}}|inline={{{inline|}}}|table={{{table|}}}|{{{1|}}}}}</includeonly><noinclude>
{{documentation}}

==Examples==
===Default layout===
<pre>{{Markup example|<nowiki>'''Hello!'''</nowiki>}}</pre>
{{Markup example|<nowiki>'''Hello!'''</nowiki>}}
<br>

===Inline layout===
<pre>{{Markup example|inline=y|<nowiki>'''Hello!'''</nowiki>}}</pre>
* {{Markup example|inline=y|<nowiki>'''Hello!'''</nowiki>}}
<br>

===List layout===
<pre>{{Markup example|list=y|<nowiki>
'''Foo'''
''Bar''
<span class="error">Baz</span>
</nowiki>}}</pre>
{{Markup example|list=y|<nowiki>
'''Foo'''
''Bar''
<span class="error">Baz</span>
</nowiki>}}
<br>

===Table layout===
<pre>{{Markup example|table=y|<nowiki>
'''Foo'''
''Bar''
<span class="error">Baz</span>
</nowiki>}}</pre>
{{Markup example|table=y|<nowiki>
'''Foo'''
''Bar''
<span class="error">Baz</span>
</nowiki>}}
<br>

===Using <code><nowiki></code> within example markup===
Escape inner <code></nowiki></code> closing tags by replacing the <code><</code> with <code>&lt;</code>:

<pre>{{Markup example|<nowiki>
{{Dialogue|<nowiki>
Alphinaud: Hello there!
&lt;/nowiki>}}
</nowiki>}}</pre>
{{Markup example|<nowiki>
{{Dialogue|<nowiki>
Alphinaud: Hello there!
</nowiki>}}
</nowiki>}}

Further levels of escaping can be achieved by further escaping the <code>&</code> as <code>&amp;</code> for each additional level of nesting, but I truly hope you never have to deal with that.

Module:Markup example

2026-03-25T00:50:43Z

Erin Umbreon: add table format for rendering multiple examples into the same table

local nowikiParameter = require("Module:Nowiki parameter")
local yesno = require("Module:Yesno")

local inlineFormat = [[<code>%s</code> → %s]]

local listFormat = "\n* " .. inlineFormat

local tableRowFormat = [[
<tr>
<td><pre>%s</pre></td>
<td class="markup-table-output">%s</td>
</tr>
]]
local tableFormat = [[<table class="markup-table wikitable">
<tr>
<th>Markup</th>
<th>Renders as</th>
</tr>
%s
</table>]]

local function renderSingleExample(format, input, frame)
return format:format(
mw.text.encode(input, "<>&\"'["), -- also encode brackets to make sure SMW syntax doesn't get transformed
frame:preprocess(input)
)
end

local p = {}

function p.main(frame)
--- @type string|nil
local input = frame.args[1]

-- if input is a single nowiki tag and nothing else, use the tag's raw contents as the source markup
local unwrapped, usedNowiki = nowikiParameter(input)
if usedNowiki then
input = unwrapped
end

if not input then
return "<span class=error>Error: No input.</span>"
end

local list = yesno(frame.args.list)
local table = yesno(frame.args.table)
local inline = yesno(frame.args.inline)

if list or table then
-- split input by line and render each as a list item or table row
local format = table and tableRowFormat or listFormat

-- split input into lines, render each line into the format
local output = ""
for line in mw.text.gsplit(input, "\n", true) do
line = mw.text.trim(line or "")
if line ~= "" then
output = output .. renderSingleExample(format, line, frame)
end
end

if table then
-- wrap table rows in overarching <table>
return tableFormat:format(output)
else
-- remove leading newline from list format
return output:sub(2) -- remove leading newline
end
elseif inline then
-- inline with no list/table/etc
return renderSingleExample(inlineFormat, input, frame)
else
-- multiline input in a one-row table
return tableFormat:format(
renderSingleExample(tableRowFormat, input, frame)
)
end
end

return p

Template:Markup example/doc

2026-03-25T00:30:25Z

Erin Umbreon:

{{documentation subpage}}
{{lua|Module:Markup example}}

{<nowiki/>{'''Markup example'''|<nowiki>''...''</nowiki>}}

Renders a side-by-side view of some raw wiki markup and what it will look like when saved to a page. This can be used to demonstrate basic wikitext functions, as well as for displaying live examples of template usage within documentation.

==Parameters==
; unnamed parameter ''1''
: Markup content. Usually this will be wrapped with a <code><nowiki></code> tag to prevent premature expansion.
; ''inline''
: Optional. If '''y''', preview will be rendered with an inline code block and an arrow, rather than as a side-by-side table.
; ''list''
: Optional. If '''y''', each line of input will be interpreted as a single markup example, and all the lines will be rendered in a list of inline examples. Very useful for dense template example pages, such as {{tl|game icon}}.

<includeonly>

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

Template:Infobox/styles.css

2026-03-25T00:16:30Z

Erin Umbreon: oops

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

div.infobox-n dt {
float: left;
text-align: right;
width: 90px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}

div.infobox-n dd {
float: left;
width: 170px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}

/* CUSTOM: Weapon widths */
div.infobox-n.weapon dt {
width: 120px;
}
div.infobox-n.weapon dd {
width: 140px;
}

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

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

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

/* Fix quest infobox dt to accommodate previous quest */
div.infobox-n.quest dt {
width: 100px;
}

.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 */
body.skin-minerva .infobox-n {
float:none!important;
}

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

/* Mobile */
@media (max-width: 768px) {
.infobox-n .clear {height: 5px}

/* Infobox specific */
div.infobox-n {
float: center;
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 {
text-align: center;
margin: 0 8px;
}
div.infobox-n .statistics span + span {
margin-left: 5px;
}

div.infobox-n .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.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.4em !important;
}
div.infobox-n .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.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;
}
div.infobox-n dt {
float: left;
text-align: right;
width: 95px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}
div.infobox-n dd {
float: left;
width: 175px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}
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;
}

/* #region TODO: I'm pretty sure literally all of this can be deleted */
div.infobox-n.healer-role dd,
div.infobox-n.healer-role dt {
border-color: #3c6829 !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: #364496 !important;
}
div.infobox-n.tanker-role .heading,
div.infobox-n.tanker-role .subheading {
background-color: #364496 !important;
}
div.infobox-n.dps-role dd,
div.infobox-n.dps-role dt {
border-color: #683535 !important;
}
div.infobox-n.dps-role .heading,
div.infobox-n.dps-role .subheading {
background-color: #913737 !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.armor dd,
div.infobox-n.weapon dd,
div.infobox-n.item dd,
div.infobox-n.armor dt,
div.infobox-n.weapon dt,
div.infobox-n.item dt {
border-color: #c30;
}
div.infobox-n.armor .heading,
div.infobox-n.weapon .heading,
div.infobox-n.item .heading,
div.infobox-n.armor .subheading,
div.infobox-n.weapon .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: 250px;
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.skill dd,
div.infobox-n.skill dt {
border-color: #999;
}
div.infobox-n.skill .heading,
div.infobox-n.skill .subheading {
background: #444;
}
div.infobox-n.trait dd,
div.infobox-n.trait dt {
border-color: #bb7639;
}
div.infobox-n.trait .heading,
div.infobox-n.trait .subheading {
background: #ce8d54;
}
div.infobox-n.skill .icon > div {
border: 2px solid #111;
}
div.infobox-n.effect .condition {
background: #363;
}
div.infobox-n.effect .boon {
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: #f90;
}
div.infobox-n.quest .heading,
div.infobox-n.quest .subheading {
background: #f90;
}
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;
}
/* #endregion */

div.infobox-n dt,
div.infobox-n dd {
line-height: 1.667em;
}
}

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

MediaWiki:Theme-dark.css

2026-03-25T00:15:30Z

Erin Umbreon: remove infobox styles moved into Template:Infobox/styles.css

:root {
--link-color: #5A93CC;
--link-visited-color: #2673BF;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-base: #000000;
--background-color-neutral-subtle: #202020;
--border-color-base: #72777D;
--border-color-subtle: #54595D;
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;
--background-color-error-subtle: #400;
--border-color-error: #e62444;
--background-color-warning-subtle: #4b3c15;
--border-color-warning: #8a6800;
--theme-link-color: #5a93cc;
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: #2673BF;
--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);
--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;
--navbox-bg: #181818;
--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);
}

@media screen {
/* :root {
--dark-mode: 1200px;
} */

/**
CSS For Dark Mode

Darker
^
|
v
Lighter

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

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

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

pre, code, .mw-editform #wpTextbox1 {
background-color: #282828 !important;
border-color: #505050 !important;
}

a.new {
color: #ba0000 !important;
}

.nav .selflink, a.mw-selflink {
color: #E0E0E0 !important;
}

ul {
list-style-image: none !important;
}

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

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

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

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

#p-personal a, div#mw-panel ul.vector-menu-content-list > li > a {
color: #fff !important;
}

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

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

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

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

table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #181818 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tocnumber {
color: #7c7c7c !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

footer.mw-footer ul#footer-places > li > a {
color: #fff !important;
}

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

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

#mainpagenavigation td, div.recipe-box {
border-color: #383838 !important;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%) !important;
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%) !important;
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%) !important;
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%) !important;
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818)) !important;
}

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

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

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

.weapon-damage-stats td, .armor-defense-stats td {
background-color: #17181B !important;
}

.weapon-damage-stats td:nth-child(3), .armor-defense-stats td:nth-child(2) {
background-image: linear-gradient(to right,#17181B,#181818) !important;
}

div.recipe-box .subheading, div.recipe-box .heading {
border: 1px solid #383838 !important;
background-color: #000 !important;
}
.wikitable {
color: #F0F0F0 !important;
background-color: #202020 !important;
}

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

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

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

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

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

/*** Colored headings ***/

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

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

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

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

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

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

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

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

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

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

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

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none !important;
}

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

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=) !important;
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==) !important;
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==) !important;
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

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

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

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

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

.weapon-damage-stats th:nth-child(1) {
background-image: linear-gradient(to right, #bf2f00, #74280e) !important;
}
.weapon-damage-stats th:nth-child(2) {
background-image: linear-gradient(to right, #74280e, #35221b) !important;
}
.weapon-damage-stats th:nth-child(3) {
background-image: linear-gradient(to right, #35221b, transparent) !important;
}

.armor-defense-stats th:nth-child(1) {
background-image: linear-gradient(to right, #35221b, transparent) !important;
}
.armor-defense-stats th:nth-child(2) {
background-image: linear-gradient(to right, #35221b, transparent) !important;
}

.weapon-damage-stats td:nth-child(3),
.armor-defense-stats td:nth-child(2) {
background-image: none !important;
}

.relic-header {
border: 1px solid #080808 !important;
background-color: #181818 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#msupload-div {
background: #181818 !important;
}

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

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

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

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

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

}

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

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

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

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

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

#wpTextbox1, .cm-editor {
background-color: #000 !important;
}

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

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

Template:Infobox/styles.css

2026-03-25T00:14:03Z

Erin Umbreon: add dark theme styles from Mediawiki:Theme-dark.css

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

div.infobox-n dt {
float: left;
text-align: right;
width: 90px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}

div.infobox-n dd {
float: left;
width: 170px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}

/* CUSTOM: Weapon widths */
div.infobox-n.weapon dt {
width: 120px;
}
div.infobox-n.weapon dd {
width: 140px;
}

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

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

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

/* Fix quest infobox dt to accommodate previous quest */
div.infobox-n.quest dt {
width: 100px;
}

.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 */
body.skin-minerva .infobox-n {
float:none!important;
}

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

/* Mobile */
@media (max-width: 768px) {
.infobox-n .clear {height: 5px}

/* Infobox specific */
div.infobox-n {
float: center;
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 {
text-align: center;
margin: 0 8px;
}
div.infobox-n .statistics span + span {
margin-left: 5px;
}

div.infobox-n .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.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.4em !important;
}
div.infobox-n .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.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;
}
div.infobox-n dt {
float: left;
text-align: right;
width: 95px;
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
}
div.infobox-n dd {
float: left;
width: 175px;
font-weight: 400;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
}
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;
}

/* #region TODO: I'm pretty sure literally all of this can be deleted */
div.infobox-n.healer-role dd,
div.infobox-n.healer-role dt {
border-color: #3c6829 !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: #364496 !important;
}
div.infobox-n.tanker-role .heading,
div.infobox-n.tanker-role .subheading {
background-color: #364496 !important;
}
div.infobox-n.dps-role dd,
div.infobox-n.dps-role dt {
border-color: #683535 !important;
}
div.infobox-n.dps-role .heading,
div.infobox-n.dps-role .subheading {
background-color: #913737 !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.armor dd,
div.infobox-n.weapon dd,
div.infobox-n.item dd,
div.infobox-n.armor dt,
div.infobox-n.weapon dt,
div.infobox-n.item dt {
border-color: #c30;
}
div.infobox-n.armor .heading,
div.infobox-n.weapon .heading,
div.infobox-n.item .heading,
div.infobox-n.armor .subheading,
div.infobox-n.weapon .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: 250px;
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.skill dd,
div.infobox-n.skill dt {
border-color: #999;
}
div.infobox-n.skill .heading,
div.infobox-n.skill .subheading {
background: #444;
}
div.infobox-n.trait dd,
div.infobox-n.trait dt {
border-color: #bb7639;
}
div.infobox-n.trait .heading,
div.infobox-n.trait .subheading {
background: #ce8d54;
}
div.infobox-n.skill .icon > div {
border: 2px solid #111;
}
div.infobox-n.effect .condition {
background: #363;
}
div.infobox-n.effect .boon {
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: #f90;
}
div.infobox-n.quest .heading,
div.infobox-n.quest .subheading {
background: #f90;
}
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;
}
/* #endregion */

div.infobox-n dt,
div.infobox-n dd {
line-height: 1.667em;
}
}

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

MediaWiki:Common.css

2026-03-24T23:49:48Z

Erin Umbreon: unceremoniously ripping out all the infobox code and shoving it in Template:Infobox/styles.css

/* 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 */
.mw-parser-output { font-family: "FFXIV_Lodestone_SSF", sans-serif }

:root {
/* Theme colors */
--link-color: #05f;
--link-visited-color: #795cb2;

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

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

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

/* Weapon infobox styles */
.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;
}

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

/* SEARCH MAP */
.search-map {
display: flex;
flex-wrap: wrap;
}

/* Map Frame */
/* Title element */
.search-map .map-frame .map-title {
position: relative;
padding: 0.1em 0;
font-family: EasonPro, "Times New Roman", serif !important;
font-size: 1.5em;
font-style: italic;
text-align: center;
background: #9d9e47;
font-weight: bold;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png);
border: 1px solid #464620;
border-bottom-width: 0;
}

/* Image element */
.search-map .map-frame .map {
position: relative;
width: 502px;
border: 1px solid #464620;
}

.search-map.big .map-frame .map {
width: 1002px;
}

.search-map.medium .map-frame .map {
width: 752px;
}

.search-map .map-frame .map .inner-border {
border: 1px solid #696930;
}

/* Map markers */
.search-map .map-frame .map .marker {
position: absolute;
-webkit-filter: drop-shadow(0 0 1px #00ff00);
filter: drop-shadow(0 0 1px #00ff00);
}

/* Caption element */
.search-map .caption {
margin-left: 1em;
}

.search-map.big .caption {
margin: 0.6em 0;
}

/* 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;
top: 1.25rem;
transform: translateY(-50%);
}

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

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

/*</nowiki>*/

Template:Weapon infobox

2026-03-24T21:05:38Z

Erin Umbreon: Use templatestyles for infobox styles

<includeonly><templatestyles src="Infobox/styles.css"/>{{#set:Has equipment supertype=Weapon}}{{#switch:{{lc:{{{release|}}}}}|heavensward = {{Heavensward expansion content}}|stormblood = {{Stormblood expansion content}}|shadowbringers = {{Shadowbringers expansion content}}|endwalker = {{Endwalker expansion content}}|dawntrail = {{Dawntrail expansion content}}}}{{#if:{{{release|}}}||{{#switch:{{{patch|}}}|1.0|2.0|2.05|2.1|2.15|2.16|2.2|2.21|2.25|2.28|2.3|2.35|2.38|2.4|2.41|2.45|2.5|2.51|2.55|2.56|2.57=|#default=[[Category:Missing release]]}}}}
<div class="infobox-n weapon">
<div class="icon weapon-infobox-icon">{{#invoke:Icon|renderGameIcon|type=item|size=big|icon=File:{{{icon|{{#titleparts:{{PAGENAMEE}}}}.png}}}|link=File:{{{icon|{{PAGENAMEE}}.png}}}|dyeCount={{#if: {{{dye-count|}}}|{{{dye-count|}}}|{{#if: {{{dyeable|}}}|1|0}}}}}}{{#set:Has game icon=File:{{{icon|{{#titleparts:{{PAGENAME}}}}.png}}}}}</div>
<p class="heading">[[Has canonical name::{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]</p>
<div class="wrapper">
<p class="image_wrapper">{{#vardefine:is-secondary-tool|{{#switch:{{lc:{{{type|}}}}}| claw hammer | carpenter's secondary tool| file | blacksmith's secondary tool| pliers | armorer's secondary tool| grinding wheel | goldsmith's secondary tool| awl | leatherworker's secondary tool| spinning wheel | weaver's secondary tool| mortar | alchemist's secondary tool| culinary knife | culinarian's secondary tool| sledgehammer | miner's secondary tool| scythe | botanist's secondary tool| spearfishing gig | fisher's secondary tool=Y}}}}{{#ifeq:{{#var:is-secondary-tool}}|Y||{{#tag:tabber|
{{!}}-{{!}} Image = <div align="center"> {{clear}}
{{#if:{{{image|}}}
| {{#ifeq:{{{image}}}|no|{{clear}}| [[Has appearance::File:{{{image}}}|280x420px]][[Category:Items with manually set infobox images]] }}
| {{#vardefine:default|{{#replace:{{#titleparts:{{PAGENAME}}}}|:|-}}}}{{#ifexist:File:{{#var:default}}.jpeg 
| [[Has appearance::File:{{#var:default}}.jpeg|280x420px]]
| {{#ifexist:File:{{#var:default}}.jpg 
| [[Has appearance::File:{{#var:default}}.jpg|280x420px]]
| {{#ifexist:File:{{#var:default}}.png 
| [[Has appearance::File:{{#var:default}}.png|280x420px]]
| [[Category:Items with no infobox image]]
}}
}}
}}
}} </div>
{{clear}}
{{!}}-{{!}} Shared Models = <div style="margin:10px">{{#set:Has gear model={{{model|}}}}}
{{#ask: [[Has equipment supertype::Weapon]] [[Has gear model::~{{#explode:{{{model|}}}|-|0}}-{{#explode:{{{model|}}}|-|1}}-*]] [[Has canonical name::!{{{name|{{#titleparts:{{PAGENAME}}}}}}}]]
|link=none
|format=template
|template=Shared model result format
|default=This gear piece does not have shared models.
}}</div>
}}
}}</p></div>
<div class="statistics item {{#if:{{{unique|}}}{{{untradable|}}}||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|}}}|{{#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">
; Requires
: {{#ifeq: {{lc:{{{requires}}}}}|any|[[File:Any_class_frame_icon.png|20px|top|link=Class]] [[Class|Any]]|{{#arraymap:{{{requires}}}|,|@@@| {{#switch:{{lc:@@@}}
| alchemist | armorer | blacksmith | botanist | carpenter | culinarian | fisher | goldsmith | leatherworker | miner | weaver = {{@@@}}{{#set:Is for class={{ucfirst:@@@}}}}
| marauder = {{Marauder}}{{#set:Is for class=Marauder}}{{#set:Is for job=Warrior}}
| gladiator = {{Gladiator}}{{#set:Is for class=Gladiator}}{{#set:Is for job=Paladin}}
| pugilist = {{Pugilist}}{{#set:Is for class=Pugilist}}{{#set:Is for job=Monk}}
| lancer = {{Lancer}}{{#set:Is for class=Lancer}}{{#set:Is for job=Dragoon}}
| archer = {{Archer}}{{#set:Is for class=Archer}}{{#set:Is for job=Bard}}
| conjurer = {{Conjurer}}{{#set:Is for class=Conjurer}}{{#set:Is for job=White Mage}}
| thaumaturge = {{Thaumaturge}}{{#set:Is for class=Thaumaturge}}{{#set:Is for job=Black Mage}}
| arcanist = {{Arcanist}}{{#set:Is for class=Arcanist}}{{#set:Is for job=Summoner}}
| rogue = {{Rogue}}{{#set:Is for class=Rogue}}{{#set:Is for job=Ninja}}
| dark knight = {{Dark Knight}}{{#set:Is for job=Dark Knight}}
| red mage = {{Red Mage}}{{#set:Is for job=Red Mage}}
| black mage = {{Black Mage}}{{#set:Is for job=Black Mage}}
| white mage = {{White Mage}}{{#set:Is for job=White Mage}}
| blue mage = {{Blue Mage}}{{#set:Is for job=Blue Mage}}
| gunbreaker = {{Gunbreaker}}{{#set:Is for job=Gunbreaker}}
| dancer = {{Dancer}}{{#set:Is for job=Dancer}}
| reaper = {{Reaper}}{{#set:Is for job=Reaper}}
| sage = {{Sage}}{{#set:Is for job=Sage}}
| viper = {{Viper}}{{#set:Is for job=Viper}}
| pictomancer = {{Pictomancer}}{{#set:Is for job=Pictomancer}}
| astrologian | bard | dragoon | monk | machinist | ninja | samurai | scholar | summoner | paladin | warrior | gunbreaker | dancer | reaper | sage = {{@@@}}{{#set:Is for job={{ucfirst:@@@}}}}
| #default = }}|}} }}
;Type
:{{#switch: {{lc:{{{type|}}}}}


| sword | gladiator's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Gladiator's Arm}}]][[Has item type::Gladiator's Arm| ]]{{#set:Has sortkey=1}}
| greataxe | marauder's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Marauder's Arm}}]][[Has item type::Marauder's Arm| ]]{{#set:Has sortkey=2}}
| greatsword | dark knight's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Dark Knight's Arm}}]][[Has item type::Dark Knight's Arm| ]]{{#set:Has sortkey=3}}
| gunblade | gunbreaker's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Gunbreaker's Arm}}]][[Has item type::Gunbreaker's Arm| ]]{{#set:Has sortkey=4}}
| wand = [[Has weapon type::{{#vardefineecho:weapon-type|One-handed Conjurer's Arm}}]][[Has item type::One-handed Conjurer's Arm| ]]
| cane | two-handed conjurer's arm | two–handed conjurer's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Two-handed Conjurer's Arm}}]][[Has item type::Two-handed Conjurer's Arm| ]]{{#set:Has sortkey=18}}
| scholar's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Scholar's Arm}}]][[Has item type::Scholar's Arm| ]]{{#set:Has sortkey=19}}
| star globe | astrologian's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Astrologian's Arm}}]][[Has item type::Astrologian's Arm| ]]{{#set:Has sortkey=20}}
| noulith | sage's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Sage's Arm}}]][[Has item type::Sage's Arm| ]]{{#set:Has sortkey=21}}
| polearm | lancer's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Lancer's Arm}}]][[Has item type::Lancer's Arm| ]]{{#set:Has sortkey=5}}
| war scythe | reaper's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Reaper's Arm}}]][[Has item type::Reaper's Arm| ]]{{#set:Has sortkey=6}}
| fist weapon | pugilist's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Pugilist's Arm}}]][[Has item type::Pugilist's Arm| ]]{{#set:Has sortkey=7}}
| katana | samurai's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Samurai's Arm}}]][[Has item type::Samurai's Arm| ]]{{#set:Has sortkey=8}}
| daggers | rogue's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Rogue's Arm}}]][[Has item type::Rogue's Arm| ]]{{#set:Has sortkey=9}}
| dual blades | twin blades | viper's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Viper's Arm}}]][[Has item type::Viper's Arm| ]]{{#set:Has sortkey=10}}
| bow | archer's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Archer's Arm}}]][[Has item type::Archer's Arm| ]]{{#set:Has sortkey=11}}
| firearms | machinist's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Machinist's Arm}}]][[Has item type::Machinist's Arm| ]]{{#set:Has sortkey=12}}
| throwing weapons | dancer's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Dancer's Arm}}]][[Has item type::Dancer's Arm| ]]{{#set:Has sortkey=13}}
| scepter = [[Has weapon type::{{#vardefineecho:weapon-type|One-handed Thaumaturge's Arm}}]][[Has item type::One-handed Thaumaturge's Arm| ]]
| staff | two-handed thaumaturge's arm | two–handed thaumaturge's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Two-handed Thaumaturge's Arm}}]][[Has item type::Two-handed Thaumaturge's Arm| ]]{{#set:Has sortkey=14}}
| arcanist's grimoire = [[Has weapon type::{{#vardefineecho:weapon-type|Arcanist's Grimoire}}]][[Has item type::Arcanist's Grimoire| ]]{{#set:Has sortkey=15}}
| rapier | red mage's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Red Mage's Arm}}]][[Has item type::Red Mage's Arm| ]]{{#set:Has sortkey=16}}
| brush | pictomancer's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Pictomancer's Arm}}]][[Has item type::Pictomancer's Arm| ]]{{#set:Has sortkey=17}}
| blue mage's arm = [[Has weapon type::{{#vardefineecho:weapon-type|Blue Mage's Arm}}]][[Has item type::Blue Mage's Arm| ]]{{#set:Has sortkey=99}}
| saw | carpenter's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Carpenter's Primary Tool}}]][[Has item type::Carpenter's Primary Tool| ]]
| claw hammer | carpenter's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Carpenter's Secondary Tool}}]][[Has item type::Carpenter's Secondary Tool| ]]
| cross-pein hammer | lump hammer | blacksmith's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Blacksmith's Primary Tool}}]][[Has item type::Blacksmith's Primary Tool| ]]
| file | blacksmith's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Blacksmith's Secondary Tool}}]][[Has item type::Blacksmith's Secondary Tool| ]]
| doming hammer | raising hammer | armorer's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Armorer's Primary Tool}}]][[Has item type::Armorer's Primary Tool| ]]
| pliers | armorer's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Armorer's Secondary Tool}}]][[Has item type::Armorer's Secondary Tool| ]]
| lapidary hammer | texture hammer | mallet | goldsmith's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Goldsmith's Primary Tool}}]][[Has item type::Goldsmith's Primary Tool| ]]
| grinding wheel | goldsmith's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Goldsmith's Secondary Tool}}]][[Has item type::Goldsmith's Secondary Tool| ]]
| head knife | leatherworker's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Leatherworker's Primary Tool}}]][[Has item type::Leatherworker's Primary Tool| ]]
| awl | leatherworker's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Leatherworker's Secondary Tool}}]][[Has item type::Leatherworker's Secondary Tool| ]]
| needle | weaver's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Weaver's Primary Tool}}]][[Has item type::Weaver's Primary Tool| ]]
| spinning wheel | weaver's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Weaver's Secondary Tool}}]][[Has item type::Weaver's Secondary Tool| ]]
| alembic | alchemist's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Alchemist's Primary Tool}}]][[Has item type::Alchemist's Primary Tool| ]]
| mortar | alchemist's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Alchemist's Secondary Tool}}]][[Has item type::Alchemist's Secondary Tool| ]]
| frypan | culinarian's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Culinarian's Primary Tool}}]][[Has item type::Culinarian's Primary Tool| ]]
| culinary knife | culinarian's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Culinarian's Secondary Tool}}]][[Has item type::Culinarian's Secondary Tool| ]]
| pickaxe | miner's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Miner's Primary Tool}}]][[Has item type::Miner's Primary Tool| ]]
| sledgehammer | miner's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Miner's Secondary Tool}}]][[Has item type::Miner's Secondary Tool| ]]
| hatchet | botanist's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Botanist's Primary Tool}}]][[Has item type::Botanist's Primary Tool| ]]
| scythe | botanist's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Botanist's Secondary Tool}}]][[Has item type::Botanist's Secondary Tool| ]]
| fishing rod | fisher's primary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Fisher's Primary Tool}}]][[Has item type::Fisher's Primary Tool| ]]
| spearfishing gig | fisher's secondary tool = [[Has weapon type::{{#vardefineecho:weapon-type|Fisher's Secondary Tool}}]][[Has item type::Fisher's Secondary Tool| ]]
| #default = ''{{#vardefineecho:weapon-type|Unspecified}}'' {{#set:Has invalid item type=true}}
}}{{#if:{{{repair|}}}|
; Repair
: {{ {{{repair}}}|name=y}} (Lv. {{#ifexpr: {{{level|}}}-10 <= 0 |1|{{#expr:{{{level|}}}-10}}}})
}}{{#if:{{{npc-repair|}}}|
; NPC repair
: {{gil|{{{npc-repair}}}}}
}}{{#if:{{{set-name|}}}|
; Weapon Set
: [[{{{set-name}}}]]{{#set:Has set name={{{set-name|}}}}}
|[[Category:Equipment without gear sets]]}}{{Default item parameter
| name = {{{name|{{#titleparts:{{PAGENAME}}}}}}}
| level = {{{level|}}}
| ilvl = {{{ilvl|}}}
| rarity = {{{rarity|}}}
| race = {{{race|}}}
| gender = {{{race|}}}
| cost = {{{cost|}}}
| value = {{{value|}}}
| value-hq = {{{value-hq|}}}
| patch = {{{patch|}}}
| id-edb = {{{id-edb|}}}
| id-gt = {{{id-gt|}}}
| id-edb-exists = {{#ifeq:{{#var:is-retired}}|Y|n|{{{id-edb-exists|}}}}}
| id-gt-exists = {{{id-gt-exists|}}}
}}
</div>
{{clear}}
</div>{{#if: {{NAMESPACE}}
||
{{#if: {{{patch|}}}|[[Category:Patch {{{patch}}} Items]]|[[Category:Gear needing patch]]}}

{{#if: {{{type|}}}|
{{#switch:{{#var:weapon-type}}
| Staff = [[Category:Staves]]
| Firearms = [[Category:Firearms]]
| Throwing Weapons = [[Category:Throwing Weapons]]
| War Scythes = [[Category:War Scythes]]
| Daggers = [[Category:Daggers]]
| Pliers = [[Category:Pliers]]
| Head Knife = [[Category:Head Knives]]
| Culinary Knife = [[Category:Culinary Knives]]
| Unspecified = [[Category:Uncategorized weapons]]
| #default = [[Category:{{#var:weapon-type}}s]]}}
}}

{{#switch:{{lc:{{{rarity|}}}}}|purple|relic=[[Category:Relic weapons]]}}
}}{{Quotation|In-game description|
{{Weapon infobox/Damage|{{{physical-damage|}}}|{{{physical-damage-hq|}}}|{{{magic-damage|}}}|{{{magic-damage-hq|}}}|{{{autoattack|}}}|{{{autoattack-hq|}}}|{{{delay|}}}|{{{delay-hq|}}}|{{{dps|}}}|{{{dps-hq|}}}}}
{{{attributes|}}}{{#if:{{{customizable-substats|}}}|[[File:Item settings icon.png|24px|link=]] ''This weapon's [[Attributes#Secondary_Attributes|secondary attributes]] can be customized''. {{#set:Has customizable substats=true}}}}{{#if:{{{random-substats|}}}|''This weapon's [[Attributes#Secondary_Attributes|secondary attributes]] are random''. {{#set:Has random substats=true}}}}{{#if: {{{sanction-attributes|}}} |
[[File:Sanction Status Effect.png|20px|link=Sanction (Status Effect)]] [[Sanction (Status Effect)|Sanction]] Effect:
:{{{sanction-attributes}}}
}}
{{#if: {{{flavor-text|}}}|{{colorize|{{{flavor-text}}}}}{{#set:Has game description={{colorize|{{{flavor-text}}}}}}}}}
{{Equipment footer|{{{materia-slots|}}}|{{{adv-melding|}}}|{{{convertible|}}}|{{{projectable|}}}|{{#if:{{{desynthesizable|}}}|{{{repair}}} {{{ilvl}}}.00}}|{{{dyeable|}}}|{{{storable|}}}|{{{crest-worthy|}}}|{{{dye-count|}}}}}}}{{#if:{{{no-footer-text|}}}||'''{{{name|{{#titleparts:{{PAGENAME}}}}}}}''' is an item level {{{ilvl|1}}} {{#switch:{{lc:{{{type|}}}}}
| sword | gladiator's arm = [[Gladiator's Arm]]
| greataxe | marauder's arm = [[Marauder's Arm]]
| greatsword | dark knight's arm = [[Dark Knight's Arm]]
| gunblade | gunbreaker's arm = [[Gunbreaker's Arm]]
| wand = [[One-handed Conjurer's Arm]]
| cane | two-handed conjurer's arm = [[Two-handed Conjurer's Arm]]
| scholar's arm = [[Scholar's Arm]]
| star globe | astrologian's arm = [[Astrologian's Arm]]
| noulith | sage's arm = [[Sage's Arm]]
| polearm | lancer's arm = [[Lancer's Arm]]
| war scythe | reaper's arm = [[Reaper's Arm]]
| fist weapon | pugilist's arm = [[Pugilist's Arm]]
| katana | samurai's arm = [[Samurai's Arm]]
| daggers | rogue's arm = [[Rogue's Arm]]
| dual blades | twin blades | viper's arm = [[Viper's Arm]]
| bow | archer's arm = [[Archer's Arm]]
| firearms | machinist's arm = [[Machinist's Arm]]
| throwing weapons | dancer's arm = [[Dancer's Arm]]
| scepter = [[One-handed Thaumaturge's Arm]]
| staff = [[Two-handed Thaumaturge's Arm]]
| arcanist's grimoire = [[Arcanist's Grimoire]]
| rapier = [[Red Mage's Arm]]
| brush | pictomancer's arm = [[Pictomancer's Arm]]
| blue mage's arm = [[Blue Mage's Arm]]
| saw | carpenter's primary tool = [[Carpenter's Primary Tool]]
| claw hammer | carpenter's secondary tool = [[Carpenter's Secondary Tool]]
| cross-pein hammer | lump hammer | blacksmith's primary tool = [[Blacksmith's Primary Tool]]
| file | blacksmith's secondary tool = [[Blacksmith's Secondary Tool]]
| doming hammer | raising hammer | armorer's primary tool = [[Armorer's Primary Tool]]
| pliers | armorer's secondary tool = [[Armorer's Secondary Tool]]
| lapidary hammer | texture hammer | mallet | goldsmith's primary tool = [[Goldsmith's Primary Tool]]
| grinding wheel | goldsmith's secondary tool = [[Goldsmith's Secondary Tool]]
| head knife | leatherworker's primary tool = [[Leatherworker's Primary Tool]]
| awl | leatherworker's secondary tool = [[Leatherworker's Secondary Tool]]
| needle | weaver's primary tool = [[Weaver's Primary Tool]]
| spinning wheel | weaver's secondary tool = [[Weaver's Secondary Tool]]
| alembic | alchemist's primary tool = [[Alchemist's Primary Tool]]
| mortar | alchemist's secondary tool = [[Alchemist's Secondary Tool]]
| frypan | culinarian's primary tool = [[Culinarian's Primary Tool]]
| culinary knife | culinarian's secondary tool = [[Culinarian's Secondary Tool]]
| pickaxe | miner's primary tool = [[Miner's Primary Tool]]
| sledgehammer | miner's secondary tool = [[Miner's Secondary Tool]]
| hatchet | botanist's primary tool = [[Botanist's Primary Tool]]
| scythe | botanist's secondary tool = [[Botanist's Secondary Tool]]
| fishing rod | fisher's primary tool = [[Fisher's Primary Tool]]
| spearfishing gig | fisher's secondary tool = [[Fisher's Secondary Tool]]
| #default={{lc:{{{type|}}}}}}} and can be used by {{#arraymap:{{{requires}}}|,|@@@|{{#switch:{{lc:@@@}}
| dark knight = [[Dark Knight]]
| red mage = [[Red Mage]]
| black mage = [[Black Mage]]
| white mage = [[White Mage]]
| blue mage = [[Blue Mage]]
| any = any class
| #default = [[{{ucfirst:@@@}}]]}}|, |and}}. It requires being at least level {{{level|1}}} to be equipped.}}{{Obtainable_parameter
| source-type = {{{source-type|}}}
| obtain-by = {{{obtain-by|}}}
| obtainable = {{#var:is-obtainable|{{{obtainable|}}}}}
| cash-shop = {{{cash-shop|}}}
}}</includeonly><noinclude>
{{documentation}}

== Examples ==
<pre>{{Weapon infobox
| name = Halonic Inquisitor's Sword
| icon = Halonic Inquisitor's Sword.png
| rarity = green
| flavor-text =
| requires = gladiator
| type = sword
| level = 57
| ilvl = 142
| attributes = {{attribute increase|strength|46}}{{attribute increase|vitality|47|77}}{{attribute increase|determination|32}}{{attribute increase|tenacity|27}}
| physical-damage = 59
| physical-damage-hq =
| magic-damage = 42
| magic-damage-hq =
| autoattack = 44.05
| autoattack-hq =
| delay = 2.24
| delay-hq =
| dps = 26.33
| dps-hq =
| race =
| gender =
| cost =
| value = 745
| value-hq = 1400
| repair = blacksmith
| npc-repair = 300
| set-name = Halonic Weapons
| unique = y
| untradable = y
| unsellable = y
| materia-slots = 3
| adv-melding = n
| convertible = y
| dyeable =
| dye-count =
| projectable = y
| desynthesizable = y
| storable =
| collectable =
| release =
| patch = 3.0
| id-edb = fb177317b75
| id-gt = 11252
}}</pre>
{{Weapon infobox
| name = Halonic Inquisitor's Sword
| icon = Halonic Inquisitor's Sword.png
| rarity = green
| flavor-text =
| requires = gladiator
| type = sword
| level = 57
| ilvl = 142
| attributes = {{attribute increase|strength|46}}{{attribute increase|vitality|47|77}}{{attribute increase|determination|32}}{{attribute increase|tenacity|27}}
| physical-damage = 59
| physical-damage-hq = 1
| magic-damage = 42
| magic-damage-hq = 2
| autoattack = 44.05
| autoattack-hq = 3
| delay = 2.24
| delay-hq = 4
| dps = 26.33
| dps-hq = 5
| race =
| gender =
| cost =
| value = 745
| value-hq = 1400
| repair = blacksmith
| npc-repair = 300
| set-name = Halonic Weapons
| unique = y
| untradable = y
| unsellable = y
| materia-slots = 3
| adv-melding = n
| convertible = y
| dyeable =
| dye-count =
| projectable = y
| desynthesizable = y
| storable =
| collectable =
| release =
| patch = 3.0
| id-edb = fb177317b75
| id-gt = 11252
}}
</noinclude>