Final Fantasy XIV Online Wiki - User contributions [en]

MediaWiki:Minerva.css

2026-08-25T23:05:55Z

Erin Umbreon: add more specificity to fix minerva problems

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* #region Use Meteor's heading font */

.pre-content h1,
.content .mw-heading1,
.content h1,
.content .mw-heading2,
.content h2 {
/* this font is provided by an import in [[Mediawiki:Common.css]] */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
}

/* #endregion */

/* #region Mobile navbox display */

/* Fix navbox table margin on minerva */
.content .navbox table {
margin-block: 0;
}

/* Apply compact navbox layout to phone breakpoint */
@media screen and (max-width: 639px) {
:root {
/* remove inner borders */
--navbox-inner-border: 0;
--navbox-label-border: 0;
/* no row striping, since every row is separated by a group header anyway */
--navbox-data-row-even-bg: transparent;
--navbox-data-row-odd-bg: transparent;
}

/* basic vertical layout - simply do not render tables as tables */
.mw-parser-output .navbox :is(table, tbody, tr, td, th) {
/* sacrelige */
display: block;
/* overrides `width` set on elements by Module:Navbox */
width: auto !important;
}

/* indent group contents */
.mw-parser-output .navbox-list-with-group {
/* overrides `padding` set on elements by Module:Navbox */
padding-left: 1rem !important;
}

/* add consistent margin between lines to make things a bit more readable */
.mw-parser-output .navbox-list,
.mw-parser-output .navbox-group {
margin-block: 2px;
}

/* clean up group labels */
.skin-minerva .mw-parser-output .navbox-group {
text-align: left;
/* reduced horizontal padding since the entire list is now vertical */
padding-inline: 0.5rem;
}
}

/* #endregion */

/* #region Mobile table scrolling */

@media screen and (max-width: 639px) {
.content table {
width: unset !important; /* override !important in minerva */
}
}

.mw-parser-output > table,
.mw-parser-output > section > table /* just minerva things */ {
max-width: calc(100% + 32px);
overflow-x: auto;
overflow-y: visible;
margin-inline: -16px;
padding-inline: 16px;
}
@media screen and (min-width: 640px) {
.mw-parser-output > table,
.mw-parser-output > section > table {
max-width: calc(100% + 6.70rem);
margin-inline: -3.35rem;
padding-inline: 3.35rem;
}
}

/* #endregion */

/* #region Fixing floated elements */

/*
* I could've sworn this was something that Minerva/MobileFrontend does for you
* under normal circumstances but it doesn't appear to be the case. Investigate
* if these lines are still needed if we ever update either of those.
* [[User:Erin Umbreon]] 2026-08-23
*/
@media screen and (max-width: 639px) {
.content figure[typeof~="mw:File"].mw-halign-right,
.content figure[typeof~="mw:File/Frameless"].mw-halign-right,
.content figure[typeof~="mw:File"].mw-halign-left,
.content figure[typeof~="mw:File/Frameless"].mw-halign-left {
float: none !important;
clear: both !important;
margin-inline: auto !important;
}
}

/* #endregion */

MediaWiki:Minerva.css

2026-08-25T23:02:42Z

Erin Umbreon: navbox fixes

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* #region Use Meteor's heading font */

.pre-content h1,
.content .mw-heading1,
.content h1,
.content .mw-heading2,
.content h2 {
/* this font is provided by an import in [[Mediawiki:Common.css]] */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
}

/* #endregion */

/* #region Mobile navbox display */

/* Fix navbox table margin on minerva */
.content .navbox table {
margin-block: 0;
}

/* Apply compact navbox layout to phone breakpoint */
@media screen and (max-width: 639px) {
:root {
/* remove inner borders */
--navbox-inner-border: 0;
--navbox-label-border: 0;
/* no row striping, since every row is separated by a group header anyway */
--navbox-data-row-even-bg: transparent;
--navbox-data-row-odd-bg: transparent;
}

/* basic vertical layout - simply do not render tables as tables */
.mw-parser-output .navbox :is(table, tbody, tr, td, th) {
/* sacrelige */
display: block;
/* overrides `width` set on elements by Module:Navbox */
width: auto !important;
}

/* indent group contents */
.mw-parser-output .navbox-list-with-group {
/* overrides `padding` set on elements by Module:Navbox */
padding-left: 1rem !important;
}

/* add consistent margin between lines to make things a bit more readable */
.mw-parser-output .navbox-list,
.mw-parser-output .navbox-group {
margin-block: 2px;
}

/* clean up group labels */
.mw-parser-output .navbox-group {
text-align: left;
/* reduced horizontal padding since the entire list is now vertical */
padding-inline: 0.5rem;
}
}

/* #endregion */

/* #region Mobile table scrolling */

@media screen and (max-width: 639px) {
.content table {
width: unset !important; /* override !important in minerva */
}
}

.mw-parser-output > table,
.mw-parser-output > section > table /* just minerva things */ {
max-width: calc(100% + 32px);
overflow-x: auto;
overflow-y: visible;
margin-inline: -16px;
padding-inline: 16px;
}
@media screen and (min-width: 640px) {
.mw-parser-output > table,
.mw-parser-output > section > table {
max-width: calc(100% + 6.70rem);
margin-inline: -3.35rem;
padding-inline: 3.35rem;
}
}

/* #endregion */

/* #region Fixing floated elements */

/*
* I could've sworn this was something that Minerva/MobileFrontend does for you
* under normal circumstances but it doesn't appear to be the case. Investigate
* if these lines are still needed if we ever update either of those.
* [[User:Erin Umbreon]] 2026-08-23
*/
@media screen and (max-width: 639px) {
.content figure[typeof~="mw:File"].mw-halign-right,
.content figure[typeof~="mw:File/Frameless"].mw-halign-right,
.content figure[typeof~="mw:File"].mw-halign-left,
.content figure[typeof~="mw:File/Frameless"].mw-halign-left {
float: none !important;
clear: both !important;
margin-inline: auto !important;
}
}

/* #endregion */

MediaWiki:Minerva.css

2026-08-25T22:57:51Z

Erin Umbreon: move mobile navbox styles from Mediawiki:Mobile.css

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* #region Use Meteor's heading font */

.pre-content h1,
.content .mw-heading1,
.content h1,
.content .mw-heading2,
.content h2 {
/* this font is provided by an import in [[Mediawiki:Common.css]] */
font-family: "IBM Plex Sans", sans-serif;
font-weight: 500;
}

/* #endregion */

/* #region Mobile navbox display */

@media screen and (max-width: 639px) {
:root {
/* remove inner borders */
--navbox-inner-border: 0;
--navbox-label-border: 0;
/* no row striping, since every row is separated by a group header anyway */
--navbox-data-row-even-bg: transparent;
--navbox-data-row-odd-bg: transparent;
}

/* basic vertical layout - simply do not render tables as tables */
.mw-parser-output .navbox :is(table, tbody, tr, td, th) {
/* sacrelige */
display: block;
/* overrides `width` set on elements by Module:Navbox */
width: auto !important;
}

/* indent group contents */
.mw-parser-output .navbox-list-with-group {
/* overrides `padding` set on elements by Module:Navbox */
padding-left: 1rem !important;
}

/* add consistent margin between lines to make things a bit more readable */
.mw-parser-output .navbox-list,
.mw-parser-output .navbox-group {
margin-block: 2px;
}

/* clean up group labels */
.mw-parser-output .navbox-group {
text-align: left;
/* reduced horizontal padding since the entire list is now vertical */
padding-inline: 0.5rem;
}
}

/* #endregion */

/* #region Mobile table scrolling */

@media screen and (max-width: 639px) {
.content table {
width: unset !important; /* override !important in minerva */
}
}

.mw-parser-output > table,
.mw-parser-output > section > table /* just minerva things */ {
max-width: calc(100% + 32px);
overflow-x: auto;
overflow-y: visible;
margin-inline: -16px;
padding-inline: 16px;
}
@media screen and (min-width: 640px) {
.mw-parser-output > table,
.mw-parser-output > section > table {
max-width: calc(100% + 6.70rem);
margin-inline: -3.35rem;
padding-inline: 3.35rem;
}
}

/* #endregion */

/* #region Fixing floated elements */

/*
* I could've sworn this was something that Minerva/MobileFrontend does for you
* under normal circumstances but it doesn't appear to be the case. Investigate
* if these lines are still needed if we ever update either of those.
* [[User:Erin Umbreon]] 2026-08-23
*/
@media screen and (max-width: 639px) {
.content figure[typeof~="mw:File"].mw-halign-right,
.content figure[typeof~="mw:File/Frameless"].mw-halign-right,
.content figure[typeof~="mw:File"].mw-halign-left,
.content figure[typeof~="mw:File/Frameless"].mw-halign-left {
float: none !important;
clear: both !important;
margin-inline: auto !important;
}
}

/* #endregion */

FFXIV Wiki:Update site CSS, main page, & sidebar

2026-08-25T22:47:28Z

Erin Umbreon: mooooooore taaaaaaasks

{{Project
| status = In progress
| members = Cryebunnie, Erin Umbreon
| Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
}}
; Discord threads
: [https://discord.com/channels/312060255469305856/1431356468950732945 Update default Vector Skin CSS], [https://discord.com/channels/312060255469305856/1438632565241020618 Update wiki Main Page & sidebar]

== Goals ==
# Update the wiki's main page:
#* Feature commonly looked for links
#* Include a clear 'How to Help' section on the main page
# Update the wiki's sidebar navigation to:
#* Reduce length
#* Contain high-use links
#* Be more accessible to site users
# Update the wiki's overall look through CSS to:
#* Create a consistent visual cohesion across the wiki
#* Be easily adaptable between light and dark mode
#* Convey a clear relation to FFXIV through color & style

== Resources ==
* [https://support.wiki.gg/wiki/Theme_Toggle wiki.gg theme picker documentation]

== Tasks ==

===Site CSS ===
==== Dark theme ====
{{task
| Add dark theme tweaks for interfaces added by the user profile extension
| assignee = Erin Umbreon
}}
{{task
| Move CSS for {{tl|Recipe}} to templatestyles
| assignee = Erin Umbreon
}}
{{task
| Update {{tl|Recipe}} dark theme colors to more closely match light theme
| skills = [[Help:CSS|CSS]]
}}
{{task
| Update new {{tl|STDT}} dark theme colors to more closely match the old colors
| assignee = Tempest Dawn
}}
** Old colors can be previewed at [[User:Tempest Dawn/Table Examples (old)]] (viewing this requires the Legacy Dark theme)

==== Mobile ====
{{task
| Sort out the mobile dark theme
| skills = Javascript
| assignee = Erin Umbreon
}}
This is complicated because the Theme Toggle extension uses a different set of CSS classes for light/dark/etc theme presentation from the classes adopted by Minerva/Vector 2022.
* Theme toggle: <code>.view-light</code>, <code>.view-dark</code>, OS pref → light/dark class is applied for you
* Minerva: <code>.skin-theme-clientpref-night</code>, OS pref → <code>.skin-theme-clientpref-os</code> (manual media query is required)
* Currently our template stylesheets are mostly standardized around <code>.theme-dark</code> for setting dark theme styles, I think.
Potential solution: a gadget that translates all these classes and ensures the one set we standardize on is always present on the page when appropriate
* this probably takes the form of a custom minerva-specific theme picker gadget that implements the Theme Picker API + hiding Minerva/MobileFrontend's theme picker controls from the settings menu entirely
[[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 22:47, 25 August 2026 (UTC)

=== Sidebar ===
{{task
| Additional gadget configuration options for right sidebar and other new Vector features
| skills = Javascript
| assignee = Erin Umbreon
}}

=== Mainpage Tasks ===
Mainpage prototype: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite]]<br>
Mainpage content: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite/Content]]
{{task
| Finish the event carousel
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = In Progress
| sprout friendly = no
}}
{{task
| Finish the header section
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Get feedback on new Main Page format
| assignee = Erin Umbreon, Cryebunnie
| status = Backlog
| sprout friendly = no
}}
{{task
| Get admin final approval on new Main Page
| assignee = Erin Umbreon, Cryebunnie
| status = Backlog
| sprout friendly = no
}}

=== Additional Followup ===
{{task
| Add collapsible functionality to sidebar sections, similar to Minecraft Wiki
| assignee =
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Investigate skin usage and potentially remove some skins from the wiki
| assignee = Erin Umbreon
}}
** This is inspired by wiki.gg only supporting Vector Legacy on their wikis, and even using custom CSS to make it responsive rather than using Minerva Neue. Less skins means less CSS edge cases and less nitpicking which styles should go in Common.css / Vector.css / etc
** This would also greatly simplify the mobile/dark theme issues above if we can get rid of Minerva completely. However I don't think that's going to happen - [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 22:47, 25 August 2026 (UTC)

<div class="mw-collapsible mw-collapsed">
==Completed tasks <span class="mw-collapsible-button-placeholder"></span>==
<div class="mw-collapsible-content">
{{task
| Create prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Test prototype by implementing on UserWiki page
| assignee = Erin Umbreon
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Get admin approval of initial prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Create new theme as a toggle for editors to try, gather feedback and implement.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
** Implemented for the <code>interface-admin</code> group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from [[Mediawiki:theme-definitions]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)

=== CSS tasks ===
{{task
| Fix Watch/Unwatch formatting to be a star icon again instead of text.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Decide on header font.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make dark mode verison.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make alternate tab bar style mimicking the in-game light theme.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
**This wasn't originally on the list but [[Mediawiki:Theme-meteor-light.css|i did it anyway lol]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)
{{task
| Experiment with dropshadow/other formatting on icon to make it stand out from background.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
| assignee = Erin Umbreon, Cryebunnie
| skills = [[Help:CSS|CSS]]
| status = Cancelled
| sprout friendly = no
}}
** Rye made an SVG pin icon, see [https://discord.com/channels/312060255469305856/1438632565241020618/1484014906947670019 discord]
** Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
** Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. [https://discord.com/channels/312060255469305856/1431356468950732945/1509272979790626956 Discord discussion] [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 19:30, 27 May 2026 (UTC)
{{task
| Get admin final approval on CSS
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement as default theme, make old theme an option for editors to use.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}

=== Dark theme stuff ===
{{task|Fix recipe infobox in dark themes
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix relic quest step table styles (e.g. [[Phantom Weapons Umbrae/Quest]])
| assignee = Erin Umbreon
| status = done
}}

=== Sidebar Tasks ===
{{task
| Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement right sidebar gadget
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix fixed-width toggle CSS to not conflict with right sidebar gadget's styles
| assignee = Erin Umbreon
| status = done
}}

=== Mainpage Tasks ===
{{task
| Create images for expansion buttons [https://discord.com/channels/312060255469305856/1438632565241020618/1483981329585541301 discord]
| assignee = Cryebunnie
| skills = Graphic Design
| status = done
| sprout friendly = no
}}
{{task
| Create functional expansion buttons
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Finish populating expansion buttons
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
</div></div>

FFXIV Wiki:Update site CSS, main page, & sidebar

2026-08-25T22:24:39Z

Erin Umbreon: reorganize more tasks

{{Project
| status = In progress
| members = Cryebunnie, Erin Umbreon
| Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
}}
; Discord threads
: [https://discord.com/channels/312060255469305856/1431356468950732945 Update default Vector Skin CSS], [https://discord.com/channels/312060255469305856/1438632565241020618 Update wiki Main Page & sidebar]

== Goals ==
# Update the wiki's main page to feature commonly looked for links
# Include a clear 'How to Help' section on the main page
# Update the wiki's sidebar navigation to:
## Reduce length
## Contain high-use links
## Be more accessible to site users
# Update the wiki's overall look through CSS to:
## Create a consistent visual cohesion across the wiki
## Be easily adaptable between light and dark mode
## Convey a clear relation to FFXIV through color & style

== Resources ==
* [https://support.wiki.gg/wiki/Theme_Toggle wiki.gg theme picker documentation]

== Tasks ==

===Dark theme stuff===
{{task|Add dark theme tweaks for interfaces added by the user profile extension
| assignee = Erin Umbreon
}}
(if you have previously reported issues with dark themes that haven't yet been fixed, please add a new task here and assign it to me! [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 20:55, 9 July 2026 (UTC))

=== Sidebar Tasks ===
{{task
| Additional configuration options for right sidebar and other new Vector features
| assignee = Erin Umbreon
}}

=== Mainpage Tasks ===
* Mainpage prototype: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite]]
* Mainpage content: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite/Content]]
{{task
| Finish the event carousel
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = In Progress
| sprout friendly = no
}}
{{task
| Finish the header section
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Get feedback on new Main Page format
| assignee = Erin Umbreon, Cryebunnie
| status = Backlog
| sprout friendly = no
}}
{{task
| Get admin final approval on new Main Page
| assignee = Erin Umbreon, Cryebunnie
| status = Backlog
| sprout friendly = no
}}

=== Additional Followup ===
{{task
| Add collapsible functionality to sidebar sections, similar to Minecraft Wiki
| assignee =
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Investigate skin usage and potentially remove some skins from the wiki
| assignee = Erin Umbreon
}}
** This is inspired by wiki.gg only supporting Vector Legacy on their wikis, and even using custom CSS to make it responsive rather than using Minerva Neue. Less skins means less CSS edge cases and less nitpicking which styles should go in Common.css / Vector.css / etc

<div class="mw-collapsible mw-collapsed">
==Completed tasks <span class="mw-collapsible-button-placeholder"></span>==
<div class="mw-collapsible-content">
{{task
| Create prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Test prototype by implementing on UserWiki page
| assignee = Erin Umbreon
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Get admin approval of initial prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Create new theme as a toggle for editors to try, gather feedback and implement.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
** Implemented for the <code>interface-admin</code> group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from [[Mediawiki:theme-definitions]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)

=== CSS tasks ===
{{task
| Fix Watch/Unwatch formatting to be a star icon again instead of text.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Decide on header font.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make dark mode verison.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make alternate tab bar style mimicking the in-game light theme.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
**This wasn't originally on the list but [[Mediawiki:Theme-meteor-light.css|i did it anyway lol]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)
{{task
| Experiment with dropshadow/other formatting on icon to make it stand out from background.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
| assignee = Erin Umbreon, Cryebunnie
| skills = [[Help:CSS|CSS]]
| status = Cancelled
| sprout friendly = no
}}
** Rye made an SVG pin icon, see [https://discord.com/channels/312060255469305856/1438632565241020618/1484014906947670019 discord]
** Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
** Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. [https://discord.com/channels/312060255469305856/1431356468950732945/1509272979790626956 Discord discussion] [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 19:30, 27 May 2026 (UTC)
{{task
| Get admin final approval on CSS
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement as default theme, make old theme an option for editors to use.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}

=== Dark theme stuff ===
{{task|Fix recipe infobox in dark themes
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix relic quest step table styles (e.g. [[Phantom Weapons Umbrae/Quest]])
| assignee = Erin Umbreon
| status = done
}}

=== Sidebar Tasks ===
{{task
| Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement right sidebar gadget
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix fixed-width toggle CSS to not conflict with right sidebar gadget's styles
| assignee = Erin Umbreon
| status = done
}}

=== Mainpage Tasks ===
{{task
| Create images for expansion buttons [https://discord.com/channels/312060255469305856/1438632565241020618/1483981329585541301 discord]
| assignee = Cryebunnie
| skills = Graphic Design
| status = done
| sprout friendly = no
}}
{{task
| Create functional expansion buttons
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Finish populating expansion buttons
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
</div></div>

FFXIV Wiki:Update site CSS, main page, & sidebar

2026-08-25T22:22:55Z

Erin Umbreon: complete and archive some more tasks i've done

{{Project
| status = In progress
| members = Cryebunnie, Erin Umbreon
| Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
}}
; Discord threads
: [https://discord.com/channels/312060255469305856/1431356468950732945 Update default Vector Skin CSS], [https://discord.com/channels/312060255469305856/1438632565241020618 Update wiki Main Page & sidebar]

== Goals ==
# Update the wiki's main page to feature commonly looked for links
# Include a clear 'How to Help' section on the main page
# Update the wiki's sidebar navigation to:
## Reduce length
## Contain high-use links
## Be more accessible to site users
# Update the wiki's overall look through CSS to:
## Create a consistent visual cohesion across the wiki
## Be easily adaptable between light and dark mode
## Convey a clear relation to FFXIV through color & style

== Resources ==
* [https://support.wiki.gg/wiki/Theme_Toggle wiki.gg theme picker documentation]

== Tasks ==
{{task
| Get admin final approval on CSS & Main Page changes
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = Backlog
| sprout friendly = no
}}
{{task
| Implement as default theme, make old theme an option for editors to use.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}

===Dark theme stuff===
{{task|Add dark theme tweaks for interfaces added by the user profile extension
| assignee = Erin Umbreon
}}
(if you have previously reported issues with dark themes that haven't yet been fixed, please add a new task here and assign it to me! [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 20:55, 9 July 2026 (UTC))

=== Sidebar Tasks ===
{{task
| Additional configuration options for right sidebar and other new Vector features
| assignee = Erin Umbreon
}}

=== Mainpage Tasks ===
* Mainpage prototype: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite]]
* Mainpage content: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite/Content]]
{{task
| Finish the event carousel
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = In Progress
| sprout friendly = no
}}
{{task
| Finish the header section
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Get feedback on new Main Page format
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = Backlog
| sprout friendly = no
}}

=== Additional Followup ===
{{task
| Add collapsible functionality to sidebar sections, similar to Minecraft Wiki
| assignee =
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Investigate skin usage and potentially remove some skins from the wiki
| assignee = Erin Umbreon
}}
** This is inspired by wiki.gg only supporting Vector Legacy on their wikis, and even using custom CSS to make it responsive rather than using Minerva Neue. Less skins means less CSS edge cases and less nitpicking which styles should go in Common.css / Vector.css / etc

<div class="mw-collapsible mw-collapsed">
==Completed tasks <span class="mw-collapsible-button-placeholder"></span>==
<div class="mw-collapsible-content">
{{task
| Create prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Test prototype by implementing on UserWiki page
| assignee = Erin Umbreon
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Get admin approval of initial prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Create new theme as a toggle for editors to try, gather feedback and implement.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
** Implemented for the <code>interface-admin</code> group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from [[Mediawiki:theme-definitions]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)

=== CSS tasks ===
{{task
| Fix Watch/Unwatch formatting to be a star icon again instead of text.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Decide on header font.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make dark mode verison.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make alternate tab bar style mimicking the in-game light theme.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
**This wasn't originally on the list but [[Mediawiki:Theme-meteor-light.css|i did it anyway lol]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)
{{task
| Experiment with dropshadow/other formatting on icon to make it stand out from background.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
| assignee = Erin Umbreon, Cryebunnie
| skills = [[Help:CSS|CSS]]
| status = Cancelled
| sprout friendly = no
}}
** Rye made an SVG pin icon, see [https://discord.com/channels/312060255469305856/1438632565241020618/1484014906947670019 discord]
** Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
** Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. [https://discord.com/channels/312060255469305856/1431356468950732945/1509272979790626956 Discord discussion] [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 19:30, 27 May 2026 (UTC)

=== Dark theme stuff ===
{{task|Fix recipe infobox in dark themes
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix relic quest step table styles (e.g. [[Phantom Weapons Umbrae/Quest]])
| assignee = Erin Umbreon
| status = done
}}

=== Sidebar Tasks ===
{{task
| Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement right sidebar gadget
| assignee = Erin Umbreon
| status = done
}}
{{task
| Fix fixed-width toggle CSS to not conflict with right sidebar gadget's styles
| assignee = Erin Umbreon
| status = done
}}

=== Mainpage Tasks ===
{{task
| Create images for expansion buttons [https://discord.com/channels/312060255469305856/1438632565241020618/1483981329585541301 discord]
| assignee = Cryebunnie
| skills = Graphic Design
| status = done
| sprout friendly = no
}}
{{task
| Create functional expansion buttons
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Finish populating expansion buttons
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
</div></div>

FFXIV Wiki:Update site CSS, main page, & sidebar

2026-08-25T22:20:56Z

Erin Umbreon: archive old tasks

{{Project
| status = In progress
| members = Cryebunnie, Erin Umbreon
| Refresh the wiki's CSS, update the sidebar, and make the landing page more functional.
}}
; Discord threads
: [https://discord.com/channels/312060255469305856/1431356468950732945 Update default Vector Skin CSS], [https://discord.com/channels/312060255469305856/1438632565241020618 Update wiki Main Page & sidebar]

== Goals ==
# Update the wiki's main page to feature commonly looked for links
# Include a clear 'How to Help' section on the main page
# Update the wiki's sidebar navigation to:
## Reduce length
## Contain high-use links
## Be more accessible to site users
# Update the wiki's overall look through CSS to:
## Create a consistent visual cohesion across the wiki
## Be easily adaptable between light and dark mode
## Convey a clear relation to FFXIV through color & style

== Resources ==
* [https://support.wiki.gg/wiki/Theme_Toggle wiki.gg theme picker documentation]

== Tasks ==
{{task
| Get admin final approval on CSS & Main Page changes
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = Backlog
| sprout friendly = no
}}
{{task
| Implement as default theme, make old theme an option for editors to use.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}

===Dark theme stuff===
{{task|Add dark theme tweaks for interfaces added by the user profile extension
| assignee = Erin Umbreon
}}
{{task|Fix recipe infobox in dark themes
| assignee = Erin Umbreon
}}
{{task
| Fix relic quest step table styles (e.g. [[Phantom Weapons Umbrae/Quest]])
| assignee = Erin Umbreon
}}
(if you have previously reported issues with dark themes that haven't yet been fixed, please add a new task here and assign it to me! [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 20:55, 9 July 2026 (UTC))

=== Sidebar Tasks ===
{{task
| Fix fixed-width toggle CSS to not conflict with right sidebar gadget's styles
| assignee = Erin Umbreon
}}
{{task
| Additional configuration options for right sidebar and other new Vector features
| assignee = Erin Umbreon
}}

=== Mainpage Tasks ===
* Mainpage prototype: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite]]
* Mainpage content: [[User:Erin_Umbreon/Sandbox/Main_page_rewrite/Content]]
{{task
| Finish the event carousel
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = In Progress
| sprout friendly = no
}}
{{task
| Finish the header section
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Get feedback on new Main Page format
| assignee = Erin Umbreon, Cryebunnie
| skills =
| status = Backlog
| sprout friendly = no
}}

=== Additional Followup ===
{{task
| Add collapsible functionality to sidebar sections, similar to Minecraft Wiki
| assignee =
| skills = [[Help:CSS|CSS]]
| status = Backlog
| sprout friendly = no
}}
{{task
| Investigate skin usage and potentially remove some skins from the wiki
| assignee = Erin Umbreon
}}
** This is inspired by wiki.gg only supporting Vector Legacy on their wikis, and even using custom CSS to make it responsive rather than using Minerva Neue. Less skins means less CSS edge cases and less nitpicking which styles should go in Common.css / Vector.css / etc

<div class="mw-collapsible mw-collapsed">
==Completed tasks <span class="mw-collapsible-button-placeholder"></span>==
<div class="mw-collapsible-content">
{{task
| Create prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Test prototype by implementing on UserWiki page
| assignee = Erin Umbreon
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Get admin approval of initial prototype
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Create new theme as a toggle for editors to try, gather feedback and implement.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
** Implemented for the <code>interface-admin</code> group for limited testing; can be enabled for all editors by removing the `user-groups` parameter from [[Mediawiki:theme-definitions]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)

=== CSS tasks ===
{{task
| Fix Watch/Unwatch formatting to be a star icon again instead of text.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Decide on header font.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make dark mode verison.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Make alternate tab bar style mimicking the in-game light theme.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
**This wasn't originally on the list but [[Mediawiki:Theme-meteor-light.css|i did it anyway lol]]. [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 01:28, 20 May 2026 (UTC)
{{task
| Experiment with dropshadow/other formatting on icon to make it stand out from background.
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Tweak formatting on sidebar, try out pins and allowing for collapsing groups.
| assignee = Erin Umbreon, Cryebunnie
| skills = [[Help:CSS|CSS]]
| status = Cancelled
| sprout friendly = no
}}
** Rye made an SVG pin icon, see [https://discord.com/channels/312060255469305856/1438632565241020618/1484014906947670019 discord]
** Collapsing groups will require additional JS; look into theme-specific JS in wiki.gg docs
** Not going with the pins for now because it makes the sidebar a bit too busy and doesn't add much. Look into collapsible groups widget after theme is finished. [https://discord.com/channels/312060255469305856/1431356468950732945/1509272979790626956 Discord discussion] [[User:Erin Umbreon|Erin Umbreon]] <small>(she/it • [[User talk:Erin Umbreon|talk]])</small> 19:30, 27 May 2026 (UTC)

=== Sidebar Tasks ===
{{task
| Rearrange content of sidebar links to be more useful (have high access links at top like Main/Random/Special, etc.)
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
{{task
| Implement right sidebar gadget
| assignee = Erin Umbreon
| status = done
}}

=== Mainpage Tasks ===
{{task
| Create images for expansion buttons [https://discord.com/channels/312060255469305856/1438632565241020618/1483981329585541301 discord]
| assignee = Cryebunnie
| skills = Graphic Design
| status = done
| sprout friendly = no
}}
{{task
| Create functional expansion buttons
| assignee = Erin Umbreon
| skills = [[Help:CSS|CSS]]
| status = done
| sprout friendly = no
}}
{{task
| Finish populating expansion buttons
| assignee = Cryebunnie
| skills =
| status = done
| sprout friendly = no
}}
</div></div>

User:Erin Umbreon/Sandbox

2026-08-25T22:00:08Z

Erin Umbreon:

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

[[Special:Diff/|yeag]]

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

[[redlink]]

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

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


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

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

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

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

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

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

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

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

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

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

MediaWiki:Mobile.css

2026-08-24T02:23:06Z

Erin Umbreon: add note about mobile.css not actually being used for anything anymore

/*
* NOTE: This stylesheet currently doesn't have any effect on anything. It was previously
* loaded in the place of [[Mediawiki:Common.css]] on mobile, so it contains a lot of
* code duplicated from there. However, as of today, Common.css loads on mobile normally,
* and this seems to not be loaded by anything.
* - Use [[Mediawiki:Minerva.css]] for styles specific to the mobile skin.
* - Use [[Mediawiki:Common.css]] for styles that should apply regardless of skin, e.g.
* for most template uses and other stuff that changes the appearance of wiki page
* content.
* ~ [[User:Erin Umbreon]] 2026-08-23
*/

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

/* #region Mobile navbox display */

:root {
/* remove inner borders */
--navbox-inner-border: 0;
--navbox-label-border: 0;
/* no row striping, since every row is separated by a group header anyway */
--navbox-data-row-even-bg: transparent;
--navbox-data-row-odd-bg: transparent;
}

/* basic vertical layout - simply do not render tables as tables */
.mw-parser-output .navbox :is(table, tbody, tr, td, th) {
/* sacrelige */
display: block;
/* overrides `width` set on elements by Module:Navbox */
width: auto !important;
}

/* indent group contents */
.mw-parser-output .navbox-list-with-group {
/* overrides `padding` set on elements by Module:Navbox */
padding-left: 1rem !important;
}

/* add consistent margin between lines to make things a bit more readable */
.mw-parser-output .navbox-list,
.mw-parser-output .navbox-group {
margin-block: 2px;
}

/* clean up group labels */
.mw-parser-output .navbox-group {
text-align: left;
/* reduced horizontal padding since the entire list is now vertical */
padding-inline: 0.5rem;
}

/* #endregion */

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

/* #region Mobile table scrolling */

.mw-parser-output > table,
.mw-parser-output > section > table /* just minerva things */ {
max-width: calc(100% + 6.70rem);
overflow-x: auto;
overflow-y: visible;
margin-inline: -3.35rem;
padding-inline: 3.35rem;
}

/* #endregion */

MediaWiki:Minerva.css

2026-08-24T02:15:16Z

Erin Umbreon: use same heading font as meteor uses

Template:Infobox/styles.css

2026-08-24T01:25:56Z

Erin Umbreon: also add some margin-top to make this look less awkward

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

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

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

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

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

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

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

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

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

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

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

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

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

div.infobox-n::after {
bottom: -4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* make the Mobile infobox above content and centered/fullwidth */
@media screen and (max-width: 639px) {
body.skin-minerva .infobox-n {
float: none;
margin-inline: auto;
overflow: hidden; /* force floated descendents to be inside bounding box */
margin-top: 1em;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

Template:Infobox/styles.css

2026-08-24T01:25:05Z

Erin Umbreon: weh

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

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

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

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

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

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

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

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

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

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

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

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

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

div.infobox-n::after {
bottom: -4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* make the Mobile infobox above content and centered/fullwidth */
@media screen and (max-width: 639px) {
body.skin-minerva .infobox-n {
float: none;
margin-inline: auto;
overflow: hidden; /* force floated descendents to be inside bounding box */
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

Template:Infobox/styles.css

2026-08-24T01:22:09Z

Erin Umbreon: only un-float infoboxes when in minerva phone sizes

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

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

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

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

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

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

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

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

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

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

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

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

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

div.infobox-n::after {
bottom: -4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* make the Mobile infobox above content and centered/fullwidth */
@media screen and (min-width: 640px) {
body.skin-minerva .infobox-n {
float: none;
margin-inline: auto;
overflow: hidden; /* force floated descendents to be inside bounding box */
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

MediaWiki:Minerva.css

2026-08-24T01:00:30Z

Erin Umbreon: un-float floated images on phone-sized displays

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* #region Mobile table scrolling */

@media screen and (max-width: 639px) {
.content table {
width: unset !important; /* override !important in minerva */
}
}

.mw-parser-output > table,
.mw-parser-output > section > table /* just minerva things */ {
max-width: calc(100% + 32px);
overflow-x: auto;
overflow-y: visible;
margin-inline: -16px;
padding-inline: 16px;
}
@media screen and (min-width: 640px) {
.mw-parser-output > table,
.mw-parser-output > section > table {
max-width: calc(100% + 6.70rem);
margin-inline: -3.35rem;
padding-inline: 3.35rem;
}
}

/* #endregion */

/* #region Fixing floated elements */

/*
* I could've sworn this was something that Minerva/MobileFrontend does for you
* under normal circumstances but it doesn't appear to be the case. Investigate
* if these lines are still needed if we ever update either of those.
* [[User:Erin Umbreon]] 2026-08-23
*/
@media screen and (max-width: 639px) {
.content figure[typeof~="mw:File"].mw-halign-right,
.content figure[typeof~="mw:File/Frameless"].mw-halign-right,
.content figure[typeof~="mw:File"].mw-halign-left,
.content figure[typeof~="mw:File/Frameless"].mw-halign-left {
float: none !important;
clear: both !important;
margin-inline: auto !important;
}
}

/* #endregion */

MediaWiki:Common.css

2026-08-15T22:15:32Z

Erin Umbreon: use !important for text icon styles since minerva sets the size in inline `style`

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

/* #region Hoisted imports used by themes */

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

/* #endregion */

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

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

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

/* #region Social userpage profile customizations */

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

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

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

/* #endregion */

/* Newly Added After Server Upgrade Start */

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

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

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

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

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

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

/* Newly Added After Server Upgrade End */

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

.displaynone {
display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** INFOBOXES **/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hide {
display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*Removes header from front page*/

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

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

/* new main page */

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

html {
height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #region Standard Frame Icon */

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

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

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

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

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

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

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

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

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

/* #endregion */

/* #region Icon label groups */

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a:not(.mw-selflink)::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
/* Underline label link if any part of the icon container is hovered */
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* #endregion */

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

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

/* #region New table styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

/* #region <tabber> classes */

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

/* #endregion */

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

/*</nowiki>*/

MediaWiki:Vector.css

2026-08-11T21:20:57Z

Erin Umbreon: move recipe box light theme styles to common.css

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

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

/* #region Userbar stuff */

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

/* #region widen the sidebar */

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

/* #endregion widen the sidebar */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #region Templatestyles color overrides */

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

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

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

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

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

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

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

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

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

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

/* #endregion Diff styles */

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

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

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

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

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

/* #endregion */
}

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

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

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

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

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

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

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

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

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

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

/* #region Side navigation panel */

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

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

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

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

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

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

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

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

/* #endregion */

/* #region User header */

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

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

/* #region Main content */

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

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

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

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

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

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

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

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

/* #endregion */

/* #region Social profile/userpage stuff */

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

/* #endregion */

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

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

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

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

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

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

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

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

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

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

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

ul {
list-style-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tocnumber {
color: #7c7c7c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*** Colored headings ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Common.css

2026-08-11T21:20:51Z

Erin Umbreon: move recipe box light theme styles to common.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");

/* #region Hoisted imports used by themes */

/* New fonts for Meteor headers & navigation to replace EasonPro */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght,ital@400,0;400,1;500,0;500,1;700,0;700,1&family=Oswald:wght@400&display=swap');

/* #endregion */

/* Render in-game special characters in wikitext output */
/* Class used by {{special chat character}} */
.mw-parser-output .SpecialChatCharacter__icon {font-family: "FFXIV_Lodestone_SSF"}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Colors used by templates (since templatestyles can't define new variables) */
--navbox-data-row-even-bg: #F7F7F7;
--navbox-header-bg: #CCCCFF;
--navbox-label-bg: #DDDDFF;
--navbox-label-border: 2px solid #FDFDFD;
--navbox-inner-border: 2px solid #FDFDFD;
--navbox-sublabel-bg: #DDDDFF;
--tooltip-border: #A3A9B1; /* TODO: what is this used by? */
--navbox-bg: #FDFDFD;
--dialogue-block-bg: #F2F2F2;
--dialogue-line-bg: #e8e8e8;
--dialogue-standalone-bg: var(--navbox-header-bg);
--dialogue-option-bg: var(--navbox-sublabel-bg);
--dialogue-optional-border: #008eff;
--dialogue-cutscene-bg: #b2ddff;
--dialogue-duty-bg: #ffbdb2;
--drops-list-collapsible-section: #FFC6AA;

/* Noise image for use in templates and also the new CSS themes */
--noise-texture: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MDBweCcgaGVpZ2h0PSc0MHB4Jz48ZmlsdGVyIGlkPSdub2lzZSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuNzUnIG51bU9jdGF2ZXM9JzMnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4gPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcgLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbm9pc2UpJyBvcGFjaXR5PScwLjQnLz48L3N2Zz4=");
}

/* #region Social userpage profile customizations */

/* Hide page title on userpages and in the "User profile" namespace since it's duplicated by the username in the profile section */
body.mw-wiki-user-page #firstHeading,
body.mw-social-profile-page #firstHeading,
body.ns-202 #firstHeading {display: none}
body.mw-wiki-user-page #mw-content-text,
body.mw-social-profile-page #mw-content-text,
body.ns-202 #mw-content-text {margin-top: 0}

/* Styles for profile info */
#profile-top {
display: flex;
align-items: stretch;
height: auto !important; /* overriding something dumb */
gap: 1rem;
border-bottom: 0;
padding: 0;
margin: -0.5rem 0 1rem;
}
#profile-right {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
#profile-image {margin: 0}
#profile-image img, #profile-image p {
border: 1px solid var(--border-color-subtle,#c8ccd1);
}
#profile-image p {border-top: 0}
#profile-title-container {padding: 0}
.profile-actions a {margin: 0}

/* I'm not sure where this used to be defined but it seems like the social profile page relies on this for layout */
.visualClear {clear: both}

/* #endregion */

/* Newly Added After Server Upgrade Start */

/* display the correct main page on desktop and mobile */
/* default desktop */
.desktop-frontpage { display: block; }
.mobile-frontpage { display: none; }
/* phones, narrow screens */
@media (max-width: 720px) {
.desktop-frontpage { display: none !important; }
.mobile-frontpage { display: block !important; }
}

/* Moving the mobile.css for infobox here */
@media (max-width: 768px) {
/***********************************************************************************
FURTHER CUSTOMIZATION
***********************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}
/* fixes quotation template on mobile */
.quotation-box {
margin-left: 0 !important;
}
/* From Valento */
/* General */
p img {
margin: 0;
}
img {
border: none;
vertical-align: middle;
}
p,
ul,
ol,
dl {
margin-top: 0.7692307692em;
margin-bottom: 0.7692307692em;
line-height: 1.5384615385em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png) !important;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}
div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url(/mediawiki/images/4/45/Shadow_after.png);
background-size: 100% 3px;
}
div.nav .box::after {
bottom: -4px;
}
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class="center"]::after,
.table.noshadowafter::after {
background-image: none;
}
div.nav table {
background-color: transparent;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.667em;
}
div.infobox .heading,
div.infobox .subheading,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
}
/* Moving the mobile.css for front page here */
/*
RESPONSIVE STRUCTURE
*/
#mobile-pagewrap {
width: 960px;
font-size: 95%;
margin: 15px auto;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.75em;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}
.mobile-column {
min-height: 330px;
width: 320px;
float: left;
}
.mobile-first-column {
width: 641px;
}
.mobile-box-content {
padding: 5px 15px;
}
#mobile-bottom {
clear: both;
}
/*
MEDIA QUERIES
*/
/* for 980px or less */
@media screen and (max-width: 980px) {
#mobile-pagewrap {
width: 94%;
}
.mobile-column {
width: 50%;
}
.mobile-first-column {
width: 70%;
}
.mobile-second-column {
width: 30%;
}
.mobile-box-content {
padding: 1% 4%;
}
.two-column-break {
clear: both;
}
}
/*for 820px or less*/
@media screen and (max-width: 820px) {
.mobile-first-column .floatleft {
float: none;
text-align: center;
width: 100%;
}
}
/* for 600px or less */
@media screen and (max-width: 600px) {
.mobile-column {
width: auto;
float: none;
}
.mobile-column {
min-height: inherit;
}
}
/*
FURTHER CUSTOMIZATION
************************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}

/* Newly Added After Server Upgrade End */

.glowbox {
display:inline-block!important;
box-shadow:0px 0px 5px 5px #ed2a54;
}

.displaynone {
display: none !important;
}

.is-wikipatron {
color: red !important;
}

.is-ultimapatron {
color: blue !important;
}

.is-warrioroflight {
color: gold !important;
}

/*<nowiki>*/
/** FONTS **/
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic")
format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold")
format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "CronosPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular")
format("svg");
font-weight: normal;
font-style: normal;
}

/* Hide RC quick links below minimum screen width */
@media screen and (max-width: 750px) {
#rcQuickLinks {
display: none;
}
}

/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc1 li.toclevel-4,
.toc1 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-3,
.toc2 li.toclevel-4,
.toc2 li.toclevel-5,
.toc2 li.toclevel-6,
.toc3 li.toclevel-4,
.toc3 li.toclevel-5,
.toc3 li.toclevel-6,
.toc4 li.toclevel-5,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide,
body.page-Main_Page.ns-subject h1.firstHeading {
display: none;
}

/* TOC heading font */
#toc h2,
.toc h2 {
font-family: Arial, sans-serif !important;
}

/* Miscellaneous changes */
div.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0;
margin-bottom: 0.5em;
}
div.mw-dismissable-notice .mw-dismissable-notice-close {
margin-right: 5px;
}
ul.special abbr,
ul.special acronym {
border: none;
}
ol.references > li:target,
sup.reference:target,
cite:target {
background: #eef;
}
ol.references {
font-size: 90%;
}
sup,
sub {
line-height: 1em;
}
.mw-editsection {
float: right;
}
div.searchresults .mw-search-results {
float: none;
}
.mw-collapsible-toggle {
font-weight: normal;
font-size: 85%;
}
span.comment {
font-style: italic;
}
.autocomment {
color: gray;
}
.gray,
.gray a {
color: gray;
opacity: 50%;
}

/* Universal styles */
.hidelist ul {
list-style: none none;
margin: 0;
padding: 0;
}
.hidelist p {
font-style: italic;
margin: 0 0 0.2em;
}
.hidelist p + ul {
margin-bottom: 0.5em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
color: inherit;
}

/** MAIN PAGE STYLESHEET **/
#mainpagenavigation {
display: block;
border-collapse: collapse;
text-align: left;
}

#mainpagenavigation th {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.7692307692em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: linear-gradient(to bottom, #537189, #1C2A34) !important;
font-weight: 400;
height: 48px;
text-align: center;
font-size-adjust: 0.43;
}

#mainpagenavigation td {
background-color: #fff;
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
}
.view-dark #mainpagenavigation td {
background-color: var(--background-color-neutral, #333);
background-image: none;
}

#mainpagenavigation td.content {
vertical-align: top;
padding: 0.5em 1.5em;
}

#mainpagenavigation td.separator {
border-right: var(--border-color-muted, #dadde3) solid 1px;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
padding-left: 16px;
padding-right: 16px;
}

/* older IE hacks */
#mainpagenavigation td.content > * {
width: 88%\0/;
}
#mainpagenavigation td.content > [class*="float"] {
width: auto\0/;
}
:root #mainpagenavigation td.content > * {
width: auto;
}

/** TABLE CLASSES **/
.table {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
}

/* make table captions bold */
.table > caption {
font-weight: bold;
}

/* this is a hack to add borders to IE8- */
.table > thead,
.table > tbody {
border: 0 solid #aaa\0/;
}

.table tr {
border: 1px solid #aaa\0/;
text-align: left;
border-color: #aaa;
}

/* and this removes them for IE9+ */
:root .table tr {
border-top-width: 0;
border-bottom-width: 0;
}

.table > * > tr > :first-child {
border-left: 1px solid #aaa;
}
.table > * > tr > :last-child {
border-right: 1px solid #aaa;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #aaa;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
background-color: #eee;
border-color: #aaa;
padding: 0.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
padding: 0.25em 0.5em;
}

.table tr > th,
.table[class*="center"] tr {
text-align: center;
}
.table[class*="left"] tr {
text-align: left;
}
.table[class*="right"] tr {
text-align: right;
}
.table[class*="middle"] tr {
vertical-align: middle;
}
.table[class*="top"] tr {
vertical-align: top;
}
.table[class*="bottom"] tr {
vertical-align: bottom;
}

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
background-color: #eee;
border: 1px solid #aaa;
}

.table > tbody > tr > th,
.table > tfoot > tr > th {
background-color: #e7e7e7;
border-color: #aaa;
}

.table > tbody > tr:nth-child(odd) {
background-color: #f3f3f3;
border-color: #aaa;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
border: 1px solid #aaa;
}

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
border-top-width: 0;
}

.table .line,
.table .line-bottom {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}

.table .line-top {
border-top-width: 1px !important;
border-top-style: solid;
border-top-color: #aaa;
}

.table .line-left {
border-left-width: 1px !important;
border-left-style: solid;
border-left-color: #aaa;
}

.table .line-right {
border-right-width: 1px !important;
border-right-style: solid;
border-right-color: #aaa;
}

.table table {
background-color: transparent;
padding: 0;
margin: 0;
}

/** STDT table classes **/
/* dps-role*/
.table.dps-role > :first-child > tr:first-child,
.table.dps-role > tbody > tr.heading,
.table.dps-role > :first-child > tr:first-child > *,
.table.dps-role > tbody > tr.heading > * {
background-color: #bb6363 !important;
border-color: #9a4848 !important;
}
.table.dps-role > tbody > tr > th,
.table.dps-role > tfoot > tr > th,
.table.dps-role > thead > tr > th,
table.table > tbody > tr.dps-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.dps-role > tbody > tr:nth-child(odd),
.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #f2e8e5;
}

/* healer-role*/
.table.healer-role > :first-child > tr:first-child,
.table.healer-role > tbody > tr.heading,
.table.healer-role > :first-child > tr:first-child > *,
.table.healer-role > tbody > tr.heading > * {
background-color: #3c6829 !important;
border-color: #2a491d !important;
}
.table.healer-role > tbody > tr > th,
.table.healer-role > tfoot > tr > th,
.table.healer-role > thead > tr > th,
table.table > tbody > tr.healer-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.healer-role > tbody > tr:nth-child(odd),
.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #e7f3e2;
}

/* tanker-role*/
.table.tanker-role > :first-child > tr:first-child,
.table.tanker-role > tbody > tr.heading,
.table.tanker-role > :first-child > tr:first-child > *,
.table.tanker-role > tbody > tr.heading > * {
background-color: #5587c1 !important;
border-color: #4871a0 !important;
}
.table.tanker-role > tbody > tr > th,
.table.tanker-role > tfoot > tr > th,
.table.tanker-role > thead > tr > th,
table.table > tbody > tr.tanker-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.tanker-role > tbody > tr:nth-child(odd),
.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #d2e3f7;
}

/* crafting-role*/
.table.crafting-role > :first-child > tr:first-child,
.table.crafting-role > tbody > tr.heading,
.table.crafting-role > :first-child > tr:first-child > *,
.table.crafting-role > tbody > tr.heading > * {
background-color: #878eb5 !important;
border-color: #777d9e !important;
}
.table.crafting-role > tbody > tr > th,
.table.crafting-role > tfoot > tr > th,
.table.crafting-role > thead > tr > th,
table.table > tbody > tr.crafting-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.crafting-role > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #dfe1ec;
}

/* gathering-role*/
.table.gathering-role > :first-child > tr:first-child,
.table.gathering-role > tbody > tr.heading,
.table.gathering-role > :first-child > tr:first-child > *,
.table.gathering-role > tbody > tr.heading > * {
background-color: #78a923 !important;
border-color: #5a8019 !important;
}
.table.gathering-role > tbody > tr > th,
.table.gathering-role > tfoot > tr > th,
.table.gathering-role > thead > tr > th,
table.table > tbody > tr.gathering-role > th {
background-color: #cbeb93;
border-color: #87a992;
}
.table.gathering-role > tbody > tr:nth-child(odd),
.table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #eaf7d4;
}

/* pet-role*/
.table.pet-role > :first-child > tr:first-child,
.table.pet-role > tbody > tr.heading,
.table.pet-role > :first-child > tr:first-child > *,
.table.pet-role > tbody > tr.heading > * {
background-color: #5fb7aa !important;
border-color: #479e91 !important;
}
.table.pet-role > tbody > tr > th,
.table.pet-role > tfoot > tr > th,
.table.pet-role > thead > tr > th,
table.table > tbody > tr.pet-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.pet-role > tbody > tr:nth-child(odd),
.table > tbody > tr.pet-role:nth-child(odd) {
background-color: #edf7f6;
}

/* npc */
.table.npc > :first-child > tr:first-child,
.table.npc > tbody > tr.heading,
.table.npc > :first-child > tr:first-child > *,
.table.npc > tbody > tr.heading > * {
background-color: #6c3;
border-color: #52a329t;
}
.table.npc > tbody > tr > th,
.table.npc > tfoot > tr > th,
.table.npc > thead > tr > th,
table.table > tbody > tr.npc > th {
background-color: #b3e699;
border-color: #8fb87a;
}
.table.npc > tbody > tr:nth-child(odd),
.table > tbody > tr.npc:nth-child(odd) {
background-color: #e8f8e1;
}

/* pve */
.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #fc6;
border-color: #cca352;
}
.table.pve > tbody > tr > th,
.table.pve > tfoot > tr > th,
.table.pve > thead > tr > th,
table.table > tbody > tr.pve > th {
background-color: #ffe6b3;
border-color: #ccb88f;
}
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
background-color: #fff8e8;
}

/* equip or item*/
.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #f96;
border-color: #cc7a52;
}
.table.equip > tbody > tr > th,
.table.equip > tfoot > tr > th,
.table.equip > thead > tr > th,
table.table > tbody > tr.equip > th,
.table.item > tbody > tr > th,
.table.item > tfoot > tr > th,
.table.item > thead > tr > th,
table.table > tbody > tr.item > th {
background-color: #ffccb3;
border-color: #cca38f;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd),
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
background-color: #fff0e8;
}

/* skin */
.table.skin > :first-child > tr:first-child,
.table.skin > tbody > tr.heading,
.table.skin > :first-child > tr:first-child > *,
.table.skin > tbody > tr.heading > * {
background-color: #e07a98 !important;
border-color: #996574 !important;
}
.table.skin > tbody > tr > th,
.table.skin > tfoot > tr > th,
.table.skin > thead > tr > th,
table.table > tbody > tr.skin > th {
background-color: #ffd4df;
border-color: #b3a1a5;
}
.table.skin > tbody > tr:nth-child(odd),
.table > tbody > tr.skin:nth-child(odd) {
background-color: #ffedf4;
}

/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #69c;
border-color: #527aa3;
}
.table.mech1 > tbody > tr > th,
.table.mech1 > tfoot > tr > th,
.table.mech1 > thead > tr > th,
table.table > tbody > tr.mech1 > th {
background-color: #b3cce6;
border-color: #8fa3b8;
}
.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
background-color: #e8f0f8;
}

/* mech2 */
.table.mech2 > :first-child > tr:first-child,
.table.mech2 > tbody > tr.heading,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading > * {
background-color: #3cc !important;
border-color: #29a3a3 !important;
}
.table.mech2 > tbody > tr > th,
.table.mech2 > tfoot > tr > th,
.table.mech2 > thead > tr > th,
table.table > tbody > tr.mech2 > th {
background-color: #99e6e6;
border-color: #7ab8b8;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
background-color: #e1f8f8;
}

/* lore */
.table.lore > :first-child > tr:first-child,
.table.lore > tbody > tr.heading,
.table.lore > :first-child > tr:first-child > *,
.table.lore > tbody > tr.heading > * {
background-color: #c6c !important;
border-color: #a352a3 !important;
}
.table.lore > tbody > tr > th,
.table.lore > tfoot > tr > th,
.table.lore > thead > tr > th,
table.table > tbody > tr.lore > th {
background-color: #e6b3e6;
border-color: #b88fb8;
}
.table.lore > tbody > tr:nth-child(odd),
.table > tbody > tr.lore:nth-child(odd) {
background-color: #f8e8f8;
}

/* location */
.table.location > :first-child > tr:first-child,
.table.location > tbody > tr.heading,
.table.location > :first-child > tr:first-child > *,
.table.location > tbody > tr.heading > * {
background-color: #96c !important;
border-color: #7a52a3 !important;
}
.table.location > tbody > tr > th,
.table.location > tfoot > tr > th,
.table.location > thead > tr > th,
table.table > tbody > tr.location > th {
background-color: #ccb3e6;
border-color: #a38fb8;
}
.table.location > tbody > tr:nth-child(odd),
.table > tbody > tr.location:nth-child(odd) {
background-color: #f0e8f8;
}

/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > tbody > tr.heading,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading > * {
background-color: #9c3 !important;
border-color: #7aa329 !important;
}
.table.promo > tbody > tr > th,
.table.promo > tfoot > tr > th,
.table.promo > thead > tr > th,
table.table > tbody > tr.promo > th {
background-color: #cce699;
border-color: #a3b87a;
}
.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
background-color: #f0f8e1;
}

/* buff */
.table.buff > :first-child > tr:first-child,
.table.buff > tbody > tr.heading,
.table.buff > :first-child > tr:first-child > *,
.table.buff > tbody > tr.heading > * {
background-color: #73d9d9 !important;
border-color: #5caeae !important;
}
.table.buff > tbody > tr > th,
.table.buff > tfoot > tr > th,
.table.buff > thead > tr > th,
table.table > tbody > tr.buff > th {
background-color: #b9ecec;
border-color: #94bdbd;
}
.table.buff > tbody > tr:nth-child(odd),
.table > tbody > tr.buff:nth-child(odd) {
background-color: #eaf9f9;
}

/* debuff */
.table.debuff > :first-child > tr:first-child,
.table.debuff > tbody > tr.heading,
.table.debuff > :first-child > tr:first-child > *,
.table.debuff > tbody > tr.heading > * {
background-color: #51a651 !important;
border-color: #418541 !important;
}

.table.debuff > tbody > tr > th,
.table.debuff > tfoot > tr > th,
.table.debuff > thead > tr > th,
table.table > tbody > tr.debuff > th {
background-color: #a8d3a8;
border-color: #86a986;
}

.table.debuff > tbody > tr:nth-child(odd),
.table > tbody > tr.debuff:nth-child(odd) {
background-color: #e5f2e5;
}

/* crafting */
/* recipe */
.table.crafting > :first-child > tr:first-child,
.table.crafting > tbody > tr.heading,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading > *,
.table.recipe > :first-child > tr:first-child,
.table.recipe > tbody > tr.heading,
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading > * {
background-color: #a68151 !important;
border-color: #856741 !important;
}

.table.crafting > tbody > tr > th,
.table.crafting > tfoot > tr > th,
.table.crafting > thead > tr > th,
table.table > tbody > tr.crafting > th,
.table.recipe > tbody > tr > th,
.table.recipe > tfoot > tr > th,
.table.recipe > thead > tr > th,
table.table > tbody > tr.recipe > th {
background-color: #d3c0a8;
border-color: #a99a86;
}

.table.crafting > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd),
.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) {
background-color: #f2ece5;
}

/* Action tables */
.table.actions,
.table.traits {
width: 100%;
max-width: 1000px;
display: table;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan],
.table.traits > :first-child > tr:first-child ~ tr th[colspan] {
text-align: left;
}
.table.actions
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection,
.table.traits
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection {
display: none;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan] h4,
.table.traits > :first-child > tr:first-child ~ tr th[colspan] h4 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* Using : lists within tables */
/* no top/bottom margin in these tables */
.table.fm dl,
.table.craftvariants dl {
margin-top: 0;
margin-bottom: 0;
}
/* no left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd {
margin-left: 0;
}
/* restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd {
margin-left: 2em;
}

/* Using * lists within combo tables */
.table.combo ul {
margin: 0.15em 0;
}
.table.combo li {
display: block;
}

/** INFOBOXES **/

div.infobox,
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}

div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.nav .box::after {
bottom: -4px;
}

div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*="center"]::after,
.table.noshadowafter::after {
background-image: none;
}

div.nav table {
background-color: transparent;
}

/** NAV BARS (headings are done with infobox headings) **/
div.nav {
position: relative;
width: 500px;
margin: auto;
}

div.nav .box {
position: relative;
font-size: 0.9230769231em;
border-spacing: 0;
overflow: visible;
min-height: 60px;
border: 1px solid #aaa;
margin: 5px;
padding: 0;
}

div.nav .heading {
font-family: Arial, sans-serif !important;
background-color: #888;
font-size: 1.083em;
line-height: 100%;
margin: -1px -1px 0;
padding: 0.769em 0;
}

div.nav .subheading {
font-family: Arial, sans-serif;
font-size: 1em;
font-size-adjust: 0.52;
padding: 0.833em 0;
}

.nav .selflink {
font-weight: bold;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.nav .center {
text-align: center;
margin: 10px 0;
}

div.nav .box table {
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin: 0.667em 0;
}

div.nav dt {
float: left;
text-align: right;
width: 150px;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px;
}

div.nav dd {
float: left;
text-align: left;
border-left: 2px solid #888;
width: 325px;
margin: 0;
padding: 2px 8px;
}

div.nav table th {
text-align: right;
border-right: 2px solid #888;
vertical-align: top;
padding: 2px 8px;
width: 150px;
}

div.nav table td {
padding: 2px 8px;
}

div.nav table td a,
div.nav table td strong.selflink {
white-space: nowrap;
}

div.nav.thin .box {
width: 400px;
margin-left: 50px;
}

div.nav.thin dt {
width: 75px;
}

div.nav.thin dd {
width: 290px;
}

div.nav.wide .box {
width: 600px;
margin-left: -50px;
}

div.nav.wide dt {
width: 150px;
}

div.nav.wide dd {
width: 400px;
}

div.nav .heading .selflink {
font-weight: bold !important;
}

div.nav.npc .heading {
background-color: #6c3;
}

div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th {
border-color: #6c3;
}

div.nav.pve .heading {
background-color: #fc6;
}

div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th {
border-color: #fc6;
}

div.nav.equip .heading {
background-color: #f96;
}

div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th {
border-color: #f96;
}

div.nav.mech1 .heading {
background-color: #69c;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #69c;
}

div.nav.mech2 .heading {
background-color: #3cc;
}

div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th {
border-color: #3cc;
}

div.nav.location .heading {
background-color: #96c;
}

div.nav.location dd,
div.nav.location dt,
div.nav.location table th {
border-color: #96c;
}

div.nav.lore .heading {
background-color: #c6c;
}

div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th {
border-color: #c6c;
}

div.nav.promo .heading {
background-color: #9c3;
}

div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th {
border-color: #9c3;
}

div.nav.quest .heading {
background-color: #efaa43;
}

div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th {
border-color: #eea63a;
}

div.nav.condition .heading {
background-color: #51a651;
}

div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th {
border-color: #51a651;
}

div.nav.hom .heading {
background-color: #c96;
}

div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th {
border-color: #c96;
}

div.nav.crafting .heading,
div.nav.recipe .heading {
background-color: #963;
}

div.nav.crafting dd,
div.nav.hom dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.hom dt,
div.nav.recipe table th {
border-color: #963;
}

div.nav.monsters .heading,
div.nav.monsters .subheading {
background-color: #6c3;
}

div.nav.monsters dd,
div.nav.monsters dt,
div.nav.monsters table th {
border-color: #6c3;
}

div.nav.duty .heading,
div.nav.duty .subheading {
background-color: #fb6537;
}

div.nav.duty dd,
div.nav.duty dt,
div.nav.duty table th {
border-color: #fb6537;
}

div.nav.whatever20 dd,
div.nav.whatever20 dt,
div.nav.whatever20 table th {
border-color: #d25d6b;
}

div.nav.whatever1 .heading,
div.nav.whatever1 .subheading {
background-color: #39c;
}

div.nav.whatever1 dd,
div.nav.whatever1 dt,
div.nav.whatever1 table th {
border-color: #39c;
}

div.nav.whatever2 .heading,
div.nav.whatever2 .subheading {
background-color: #c23f3a;
}

div.nav.whatever2 dd,
div.nav.whatever2 dt,
div.nav.whatever2 table th {
border-color: #c23f3a;
}

div.nav.whatever3 .heading,
div.nav.whatever3 .subheading {
background-color: #f93;
}

div.nav.whatever3 dd,
div.nav.whatever3 dt,
div.nav.whatever3 table th {
border-color: #f93;
}

div.nav.whatever4 .heading,
div.nav.whatever4 .subheading {
background-color: #963;
}

div.nav.whatever4 dd,
div.nav.whatever4 dt,
div.nav.whatever4 table th {
border-color: #963;
}

div.nav.whatever5 .heading,
div.nav.whatever5 .subheading {
background-color: #c66;
}

div.nav.whatever5 dd,
div.nav.whatever5 dt,
div.nav.whatever5 table th {
border-color: #c66;
}

div.nav.whatever6 .heading,
div.nav.whatever6 .subheading {
background-color: #ec5752;
}

div.nav.whatever6 dd,
div.nav.whatever6 dt,
div.nav.whatever6 table th {
border-color: #ec5752;
}

div.nav.whatever7 .heading,
div.nav.whatever7 .subheading {
background-color: #939;
}

div.nav.whatever7 dd,
div.nav.whatever7 dt,
div.nav.whatever7 table th {
border-color: #939;
}

div.nav.whatever8 .heading,
div.nav.whatever8 .subheading {
background-color: #396;
}

div.nav.whatever8 dd,
div.nav.whatever8 dt,
div.nav.whatever8 table th {
border-color: #396;
}

div.nav.whatever9 .heading,
div.nav.whatever9 .subheading {
background-color: #96f;
}

div.nav.whatever9 dd,
div.nav.whatever9 dt,
div.nav.whatever9 table th {
border-color: #96f;
}

div.nav.whatever10 .heading,
div.nav.whatever10 .subheading {
background-color: #d25d6b;
}

div.nav.whatever11 .heading,
div.nav.whatever11 .subheading {
background-color: #fc3;
}

div.nav.whatever12 dd,
div.nav.whatever12 dt,
div.nav.whatever12 table th {
border-color: #fc3;
}

div.nav.whatever13 .heading,
div.nav.whatever13 .subheading {
background-color: #6cf;
}

div.nav.whatever13 dd,
div.nav.whatever13 dt,
div.nav.whatever13 table th {
border-color: #6cf;
}

div.nav.whatever14 .heading,
div.nav.whatever14 .subheading {
background-color: #3c3;
}

div.nav.whatever14 dd,
div.nav.whatever14 dt,
div.nav.whatever14 table th {
border-color: #3c3;
}

/** PRINTER CHANGES **/
@media print {
#content {
border: 0 solid #fff;
box-shadow: none;
border-radius: 0;
}

#mainpagenavigation th,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * {
border: 1px solid #000 !important;
}
.table {
border-collapse: collapse !important;
}
}

/* Hiding icon redlinks */
span.thumb-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
}

/* Item icons */
span.thumb-icon.item-icon.small a.new {
background-image: url("/images/thumb/7/74/action.png/20px-action.png");
height: 20px;
width: 20px;
}
span.thumb-icon.item-icon.medium a.new {
background-image: url("/images/thumb/7/74/action.png/35px-action.png");
height: 35px;
width: 35px;
}

/* Infobox icons */
div.infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/40px-action.png");
height: 40px;
width: 40px;
}
div.action-infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/48px-action.png");
height: 48px;
width: 48px;
}

/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
margin: 0;
}

/* action icons */
/* These will require more work since the template takes a continuous size parameter, rather than discrete size values */
* + html span.thumb-icon a.new {
display: inline;
} /* IE7 fix */
* html span.thumb-icon a.new {
display: inline;
} /* IE6 fix */

/* Inline icons */
/* div is used by [[Template:Icon]] */
div.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
margin: 0 0.167em;
}
/* span is used by [[Template:Effect icon]] */
span.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
}

/* Masthead links */
#upperBar {
position: absolute;
top: 0;
left: 156px;
height: 30px;
z-index: 4;
font-size-adjust: 0.52;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
font-family: "EasonPro", "Times New Roman", "serif";
}
#upperBar ul li a {
color: #f1f9e2;
text-transform: uppercase;
font-size: 12px;
padding: 8px 10px;
line-height: 2.6;
}
#upperBar ul li a:hover {
text-decoration: none;
color: white;
}
#upperBar ul li:first-child a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -121px -30px;
}
#upperBar ul li:first-child + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -206px -30px;
}
#upperBar ul li:first-child + li + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -274px -30px;
}

/** Restore sort icons for sortable table headers **/
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}

/* Recipe boxes that don't look like infoboxes */
div.recipe-box {
/* from div.infobox-n.recipe */
min-width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 0 0;
/* from div.infobox-n*/
position: relative;
background: #fff;
border: 1px solid #aaa;
padding: 0;
/* from div.infobox, div.nav .box */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.recipe-box::after {
/* from div.infobox:after */
bottom: -4px;
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.recipe-box .subheading,
div.recipe-box .heading {
text-align: center;
background-color: #d3c0a8;
padding: 2px;
font-weight: bold;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border: 1px solid rgba(0, 0, 0, 0.25);
margin: -1px -1px 5px !important;
}

div.recipe-box .subheading {
border-width: 0 1px;
}

div.recipe-box dl {
margin: 10px 0;
}

div.recipe-box dt {
float: left;
text-align: right;
width: 130px; /* CUSTOM (OLD: 112px) */
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #a99a86;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.recipe-box dd {
float: left;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
line-height: 1.4;
}

/* dark view styles for recipe boxes and also main page cell backgrounds, for some reason */
html.view-dark #mainpagenavigation td,
html.view-dark div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

html.view-dark div.recipe-box .subheading,
html.view-dark div.recipe-box .heading {
border: 1px solid #383838;
background-color: #000;
background-image: none;
}

/* For generic ingredient lists anywhere on the wiki */
div.ingredients dt {
float: left;
clear: left;
text-align: right;
font-weight: normal;
width: 25px;
margin: 0 -2px 0 0;
padding: 2px 2px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
border: none;
}

div.ingredients.wide dt {
width: 50px;
}

div.ingredients dd {
float: left;
margin: 0;
padding: 1px 4px; /* CUSTOM (OLD: 2px 7px) */
border: none;
}

div.ingredients dl {
margin: 2px 0;
}

/* jqplot data labels (a SMW result format); improve readability */
.jqplot-data-label {
color: white;
text-shadow: 1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
color: black;
font-size: 120%;
}

/* Dialogue indent guides, added by demarcateDialogue in MediaWiki:Common.js */
.dialogue dl dd {
padding-left: 16px;
margin-left: 0;
}
.dialogue dl {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 11px;
border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl,
.dialogue td > dl {
margin-bottom: 10px;
border-left: none;
}

/* For Semantic Forms with multiple template instances, such as for a row template. */
body.page-Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
.multipleTemplateList
p {
display: none;
}
body.page-Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance.multipleTemplate,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance {
padding: 0px 5px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}
.table.form-row::after {
background: none;
}
.form-row tr th span input {
text-align: center;
line-height: 1;
}
.form-row tr th span input.left {
text-align: left;
}
input.form-lineheight {
height: 20px;
}
input.form-lineheight[type="checkbox"] {
margin: 0px;
}
select.form-lineheight {
height: 30px;
}

/* Remove top margin for ul within bug/anomaly templates */
.buglist ul {
margin-top: 0;
}

/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color: transparent;
margin: 0.5em 0 !important;
}

/* Hide smw annotation notice */
#smw-form-editpage-help {
display: none;
}

/* Fix last row spacing in SMW generated galleries */
.srf-gallery ul.gallery {
text-align: left;
}

/* Reduce width of SMW columns in ul format */
.smw-ul-columns div {
width: unset !important;
min-width: 300px;
}

/**
* Style for horizontal lists (separator following item).
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 6 (2014-05-09)
* @author mediawiki.org/wiki/User:Edokter
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

/* Deletion page field indents */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label {
display: inline-block;
width: 170px;
text-align: right;
margin-bottom: 5px;
}
#mw-deleteconfirm-table input#wpWatch {
margin-left: 156px;
}
}

/* Class for [[Template:Trait compact table]] */
.faded img {
opacity: 0.2;
}

/* Class for action history project */
.mw-parser-output .action-history {
padding: 0.2em 0.5em 0.5em 0.5em;
margin-bottom: 0.5em;
border: 1px #aaa dashed;
background-color: #f6f3e4;
}
.mw-parser-output .action-history li {
padding: 0.1em 0em;
}

/* SMW further results */
.table + .smw-template-furtherresults {
display: block;
}
.table + .smw-template-furtherresults a {
background: none;
color: #0645ad;
}

/* CUSTOM FOR FFXIV WIKI */
/* Action facts within description */
blockquote p {
margin-bottom: 0.2em !important;
}
blockquote dd {
line-height: 1.4em;
margin-left: 1em !important;
}
blockquote dl {
margin-top: 0 !important;
}

.hide {
display: none;
}

/* Description flavor colors */
span.colorized-description {
font-weight: bold;
}

span.colorized-description.triple-tick,
span.colorized-description.triple-tick > a {
color: #ba5a0b;
}

span.colorized-description.double-tick,
span.colorized-description.double-tick > a {
color: #827B00;
}

span.colorized-description.single-tick,
span.colorized-description.single-tick > a {
color: #0a9421;
}

/* Item effects */
div.item-effects {
font-size: 0.95em;
color: #707070;
border-bottom: 1px solid #a0a0a0;
display: inline-block;
width: 500px;
margin: 5px 0;
}

div.item-effects-list > p {
margin: 0 !important;
line-height: 1.4em;
}

/* Dialog box flavor texts */
.dialog-box {
position: relative;
display: inline-block;
padding: 0 8px;
line-height: 1.45em;
}

.dialog-box.golden-warning,
.dialog-box.golden-warning a,
.dialog-box.golden-warning a.new,
.dialog-box.golden-warning a:visited,
.dialog-box.golden-warning a.new:visited {
text-shadow: 0 0.02em 0.2em #dc8809;
color: #ffecb3;
}

.dialog-box.quest-milestone,
.dialog-box.quest-milestone a.new,
.dialog-box.quest-milestone a.new:visited {
text-shadow: 0 0.02em 0.2em #33adff;
color: #dbe5ff;
}
.dialog-box.quest-milestone a,
.dialog-box.quest-milestone a:visited {
text-shadow: 0 0.02em 0.2em #222;
color: #eee;
}

.dialog-box:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #222;
opacity: 0.9;
border-radius: 10px;
filter: blur(0.11em);
}

.dialog-box.quest-milestone:before {
background-color: #0047a3;
}

/* Recipe characteristics */
.recipe-box .characteristics {
margin-top: -10px;
}

/* Item rarity */
.rarity {
background: linear-gradient(#FFF3, #0003) #575C66;
padding: 0 0.35em;
font-weight: bold;
color: white !important;
border-radius: 0.25em;
box-shadow: 0 1px 1px #0004;
text-shadow: 0 -1px #0008;
font-size: 0.9em;
}

.rarity.dungeon,
.rarity.green {
background-color: #20bc70;
}
.rarity.tomestone,
.rarity.blue {
background-color: #2673c5
}
.rarity.aetherial,
.rarity.pink {
background-color: #ff65ad
}
.rarity.relic,
.rarity.purple {
background-color: #7641af
}

/* Nav */
div.nav.class-nav table th.class-cell,
div.nav.class-nav table td.class-cell,
div.nav.job-nav table th.class-cell,
div.nav.job-nav table td.class-cell {
text-align: left;
font-weight: normal;
}

div.nav.class-nav table th {
text-align: center;
}

div.nav.class-nav table th:last-child,
div.nav.job-nav table th:last-child {
border: none;
}

div.nav.job-nav {
width: 950px;
}

div.nav.class-nav {
width: 850px;
}

/* TABLES */
/* quest */
.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr > th,
.table.quest > tfoot > tr > th,
.table.quest > thead > tr > th,
table.table > tbody > tr.quest > th {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr:nth-child(odd),
.table > tbody > tr.quest:nth-child(odd) {
background-color: #fff3d8;
}

/* Relic weapons nav */
div.nav.relic .pre-relic-label {
width: 120px;
}

div.nav.relic .relic-list {
padding-bottom: 6px;
}

div.nav.relic .role-subheading {
padding: 0 8px;
position: absolute;
}

div.nav.relic td.mw-collapsible div.mw-collapsible-content {
padding-top: 0.6em;
}

div.nav.relic .first-role-job {
width: 112px;
}

div.nav.relic .heading {
background-color: #8d5bc2;
}

div.nav.relic dd,
div.nav.relic dt,
div.nav.relic table th {
border-color: #8d5bc2;
}

/* Map icons */
.map-icons {
display: inline-block;
width: 28px;
height: 24px;
vertical-align: middle;
text-align: center;
}

/* HQ color */
.hq-sepia {
filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
-webkit-filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
}

/* H3 Fix */
h3 {
margin-bottom: 0.25em !important;
}

/* OLD: Infobox template style */
.infobox {
border: 1px solid #020202;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

/*Removes header from front page*/

body.page-FF14_Wiki h1.firstHeading {
display: none;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}

/* new main page */

.mobile-element {
display: none !important;
}
.desktop-element {
display: block !important;
}

html {
height: auto;
}

/* top and bottom banners (add header and footer) */
body {
background-image: url("/mediawiki/images/3/3c/Light_mode_top_background_DT.jpg");
background-position: left top;
background-repeat: no-repeat !important;
min-height: 105vh;
}

/* Important: show only desktop ad code on Desktop*/
.nodesktop {
display: none !important;
}

/* makes primis a certain size on desktop */
.primis {
width:700px !important;
}

/*relic weapons*/
.relic-header {
border: 1px solid #ffc9c9;
background-color: #FFFFF3;
}

.relic-quest {
border: 1px solid #A2A8B1;
background-color: #F7F7F7;
}

.relic-quest p {
padding-left: 0.5em;
padding-right: 0.5em;
}

.relic-quest h3{
margin-left: 0.4em;
}

.relic-quest h4 {
font-size: 1.2em;
margin-left: 0.4em;
}

.relic-quest li {
margin-right: 0.4em;
}

.relic-quest .table {
margin-right: 0.5em;
}

.relic-quest div.thumbinner {
margin-right: 0.5em;
}

.relic-quest-heading {
background: #CCCCFF;
padding: 0.3em;
}

.relic-quest-cell {
background: #DDDDFF;
padding: 0.3em;
}

#fuse-privacy-tool {
font-size: 0.5rem;
}

div.mw-dismissable-notice .mw-dismissable-notice-close {
display: none !important;
}

/* Class for fixing line height around small inline icons */
.text-icon img {
max-height: 24px;
width: auto;
vertical-align: middle;
/* value difference is alignment fudge. vertical-align: middle is relative to the
* entire line, including descender height. our icons are almost always shown next
* to text with no descenders, so we want to center the icons for that instead */
margin-top: -2em;
margin-bottom: -1.85em;
}
/* don't apply the fix in headings, since their height and margins negate it */
:is(h2, h3, h4, h5, h6) .text-icon img {
margin-top: 0;
margin-bottom: 0;
max-height: none;
}

.mw-parser-output .action-history {
background-color: #EBEBEB;
}

.mw-indicators {
position: relative;
z-index: 0 !important;
}

.hover-image-container:hover .image-overlay {
opacity: 1;
}

.image-overlay {
position: absolute;
top: 3em;
bottom: 0;
left: 0;
right: 0;
height: 80%;
width: 100%;
opacity: 0;
transition: .5s ease;
}

/**
Navbox classes
**/
.navbox {
background: var(--navbox-bg);
}

.navbox,
.mw-parser-output .navbox-list-with-group,
.bg3wiki-navbox {
text-align: center;
border:1px solid var(--tooltip-border);
color: var(--fg);
width: 100%;
}

.mw-parser-output .navbox-list-with-group, {
color: var(--navbox-header-text);
background-color: var(--navbox-bg);
}

/* These important tags will be removed, emergency fix */
.navbox-title {
font-weight: bold;
background-color: var(--navbox-header-bg);
border-top: var(--navbox-inner-border);
}

div > table > tbody >tr > th.navbox-title {
border-top: none !important;
}

.navbox-group {
font-weight: bold;
background-color: var(--navbox-label-bg);
border-top: var(--navbox-label-border);
}

.navbox-subgroup .navbox-group {
font-weight: bold;
background-color: var(--navbox-sublabel-bg);
border-top: var(--navbox-label-border);
border-left: var(--navbox-label-border);
}

.navbox-list {
border:1px solid var(--tooltip-border);
background-color: var(--navbox-data-bg);
}

.navbox-odd {
background-color: var(--navbox-data-row-odd-bg);
border: none !important;
color: var(--fg);
}

.navbox-even {
background-color: var(--navbox-data-row-even-bg);
border: none !important;
border-top: var(--navbox-inner-border) !important;
color: var(--fg);
}

.navbox-list-with-group .navbox-list .navbox-odd {
border-top: var(--navbox-inner-border) !important;
}

/* #region Standard Frame Icon */

.standard-frame-icon {
--frame-image: url("/mediawiki/images/d/d9/Action_overlay_glassy.png");
--icon-size: 40px;

--frame-size: calc(var(--icon-size) * 1.2); /* 48px for 40px icon */
--icon-offset-x: calc(var(--icon-size) * 0.1); /* 4px for 40px icon */
--icon-offset-y: calc(var(--icon-size) * 0.075); /* 3px for 40px icon */

position: relative;
width: var(--frame-size);
height: var(--frame-size);
display: inline-block !important;
vertical-align: middle;

/* default background for missing/transparent icon images */
background-image: url(/mediawiki/images/2/2b/Action_background.png);
background-position: var(--icon-offset-x) var(--icon-offset-y);
background-size: var(--icon-size);
background-repeat: no-repeat;
}

/* Ensure clickbox covers entire icon */
.standard-frame-icon a {
position: absolute;
inset: 0;
}

/* Icon image */
.standard-frame-icon img,
.standard-frame-icon .mw-broken-media {
display: block;
position: absolute;
top: var(--icon-offset-y);
left: var(--icon-offset-x);
width: var(--icon-size);
height: var(--icon-size);
}
/* Display unknown item icon for broken icon links */
.standard-frame-icon .mw-broken-media {
background-image: url("/mediawiki/images/4/48/Unknown_item_icon.png");
background-size: var(--icon-size);
font-size: 0;
}

/* Frame */
.standard-frame-icon::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: var(--frame-image);
background-size: var(--frame-size);
z-index: 2;
pointer-events: none;
}

/* Dye slot container */
.standard-frame-icon-dye-slots {
position: absolute;
top: 0;
right: calc(var(--icon-size) * 0.075); /* 3px at 40px */
z-index: 3;
pointer-events: none;
}
/* Dye slot circles */
.standard-frame-icon-dye-slots span {
display: block;
width: calc(var(--icon-size) * 0.175); /* 7px at 40px */
height: calc(var(--icon-size) * 0.175);
border: calc(var(--icon-size) * 0.025) solid #000; /* 1px at 40px */
border-radius: 50%;
margin-bottom: calc(var(--icon-size) * 0.1); /* 4px gap at 40px */
}

/* Sizes */
.standard-frame-icon.mid {--icon-size: 30px}
.standard-frame-icon.small {--icon-size: 20px}
/* Alternate frames */
.standard-frame-icon-hq {--frame-image: url("/mediawiki/images/a/af/HQ_overlay.png")}
.standard-frame-icon-trait {--frame-image: url("/mediawiki/images/d/da/Trait_frame.png")}
.standard-frame-icon-achievement {--frame-image: url("/mediawiki/images/2/22/Achievement_frame.png")}

/* #endregion */

/* #region Icon label groups */

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a:not(.mw-selflink)::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
/* Underline label link if any part of the icon container is hovered */
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* #endregion */

/* Link colors extend to any nested <code> elements within the link text */
.mw-parser-output a code {
color: inherit !important; /* important overrides dark theme styles */
}

/* Reference groups with different list styles */
.references[data-mw-group=lower-alpha] {
list-style-type: lower-alpha;
}

/* #region New table styles */

/* Base position, margin, sizing rules */
table.stdt__table_v2 {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
line-height: 1.4em;

--stdt__table-border-color: transparent;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: transparent;
--stdt__table-header-background-highlight: transparent;
--stdt__table-header-background-strength: 0%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: transparent;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;

--stdt__sort-icon-up: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtNi41IDQgNC00IDQgNHoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4=);
--stdt__sort-icon-down: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtMTQuNSAwLTQgNC00LTR6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+);
--stdt__sort-icon-both: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMjEgOSI+Cgk8cGF0aCBkPSJtMTQuNSA1LTQgNC00LTR6bTAtMS00LTQtNCA0eiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg==)
}

/* Border around table but not around caption */
table.stdt__table_v2 thead,
table.stdt__table_v2 tbody {
border: 1px solid var(--stdt__table-border-color);
background-color: var(--stdt__table-background);
}
/* Fix border inconsistencies with sortable tables because aaaaaa */
table.stdt__table_v2 thead { border-bottom-width: 0 }
table.stdt__table_v2 thead + tbody { border-top-width: 0 }

/* Default cell/caption padding */
table.stdt__table_v2 td,
table.stdt__table_v2 th,
table.stdt__table_v2 caption {
padding: 0.25em 0.5em;
}
/* Make caption text bold */
table.stdt__table_v2 caption {
font-weight: bold;
}

/* Default text color */
table.stdt__table_v2 td {
color: var(--stdt__table-body-color);
}

/* Heading row(s) padding */
table.stdt__table_v2 > thead > tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) > th {
padding-block: 0.5em;
}

/* Fix padding on sortable headers */
table.stdt__table_v2 > thead > tr > th.headerSort {
padding-right: 21px;
}

/* Headings and subheadings should be centered */
table.stdt__table_v2 th {
text-align: center;
}

/* Other alignment */
table.stdt__table_v2[class*="center"] tr {
text-align:center
}
table.stdt__table_v2[class*="left"] tr {
text-align:left
}
table.stdt__table_v2[class*="right"] tr {
text-align:right
}
table.stdt__table_v2[class*="middle"] tr {
vertical-align:middle
}
table.stdt__table_v2[class*="top"] tr {
vertical-align:top
}
table.stdt__table_v2[class*="bottom"] tr {
vertical-align:bottom
}

/* Heading row gradient */
table.stdt__table_v2 > thead > tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) {
/* hi ashe. i am now using "background strength" to mean "how strongly should the noise texture show through the top of the gradient," please feel free to rename that to something more sensible */
--stdt__header-color-mixed: color-mix(var(--stdt__table-header-background-primary) var(--stdt__table-header-background-strength), transparent);
/*
* in order to make the cursed background stacking shenanigans here work, the last (bottom) stop of the
* lowest background-image gradient needs to be transparent. doing this and using background-color to
* control the color at the bottom of the gradient allows the cells to seamlessly extend downwards past
* the bottom of the <tr>'s background-image
*
* does table layout cause background-color to be inherited by cells or something?? idk how it works
*/
background-image:
linear-gradient(var(--stdt__header-color-mixed), var(--stdt__table-header-background-primary)),
var(--noise-texture),
/* gradient: lighten(bg 10%) -> bg */
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #FFF 10%), transparent);
background-color: var(--stdt__table-header-background-primary);
background-repeat: repeat-x;
background-size: auto 100%;
color: var(--stdt__table-heading-color);
box-shadow: inset 0 1px 0.5px #fff2;
}

/* Background for second row of headings */
table.stdt__table_v2 > thead > tr + tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) {
/* once again the last stop needs to be transparent */
/* gradient: darken(bg 10%) -> darken(bg 15%) */
background-image:
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #000 10%), transparent);
background-color: color-mix(var(--stdt__table-header-background-primary), #000 15%);
color: var(--stdt__table-heading-color);
/* the extremely subtle unnoticeable shine at the top of the table becomes extremely noticeable when it interrupts a flat color.
* in theory we could avoid this by applying to the box shadow to each individual <th> instead but that sounds like work */
box-shadow: none;
}
/* Borders around second row of headings (to look good when first row contains rowspan'd cells) */
table.stdt__table_v2 > thead > tr + tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:first-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:first-child {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:last-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:last-child {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Manually specified borders on tr and td */
table.stdt__table_v2 .line,
table.stdt__table_v2 .line-bottom {
border-bottom: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-top {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-left {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-right {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Fix sort icon color */
table.stdt__table_v2.sortable.jquery-tablesorter > thead th.headerSort,
table.stdt__table_v2.sortable.jquery-tablesorter > thead + tbody th.headerSort {
background-image: none;
position: relative;
z-index: 1; /* force higher stacking context than tr background behind */
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort::after {
content: ' ';
display: block;
position: absolute;
z-index: -1; /* force this clickable area to be underneath any others like collapse buttons and links */
inset: 0;
background-color: currentColor;
mask: var(--stdt__sort-icon-both);
mask-repeat: no-repeat;
mask-position: right;
opacity: .8;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortUp::after {
mask: var(--stdt__sort-icon-up);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortDown::after {
mask: var(--stdt__sort-icon-down);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}

/* Subheadings */
table.stdt__table_v2 > thead + tbody th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) tr:has(td) th {
background-color: var(--stdt__table-subheading-background);
color: var(--stdt__table-subheading-color);
}

/* Alternating row colors */
table.stdt__table_v2 > thead + tbody tr:has(td):nth-child(even),
table.stdt__table_v2 > caption + tbody tr:has(td):nth-child(odd),
table.stdt__table_v2 > tbody:first-child tr:not(:first-child):has(td):nth-child(odd) {
background-color: var(--stdt__table-odd-row-background);
}

/* Default colors rely on Codex color variables, so don't need to be customized independently for light and dark themes */
table.stdt__table_v2 {
--stdt__table-border-color: var(--border-color-subtle,#c8ccd1);

--stdt__table-background: transparent;
--stdt__table-odd-row-background: var(--background-color-neutral-subtle, #f8f9fa);
--stdt__table-body-color: inherit;

--stdt__table-header-background-primary: var(--background-color-interactive--hover, #dadde3); /* using hover for an even darker color is a bit of a hack but it's fine */
--stdt__table-header-background-highlight: var(--background-color-interactive-subtle, #f8f9fa);
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 0;
--stdt__table-heading-color: inherit;

--stdt__table-subheading-background: var(--background-color-interactive, #eaecf0);
--stdt__table-subheading-color: inherit;
}
html.view-dark table.stdt__table_v2 {
/* okay but this one does need to be customized for dark theme for now, because dark themes don't currently override *every* codex style */
--stdt__table-header-background-primary: var(--background-color-interactive--hover, #181d1f); /* TODO: find the real value */
/* and also this because none of the dark themes set their odd row backgrounds i guess */
--stdt__table-odd-row-background: #fff2;
}

/* maroon light theme */
table.stdt__table_v2.dps-role,
table.stdt__table_v2.maroon {
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 37%;
--stdt__table-border-color: #9a4848;
--stdt__table-subheading-background: #ee9595;
--stdt__table-odd-row-background: #ffe0e0;
--stdt__table-heading-color: #230808;
--stdt__table-subheading-color: #301111;
}

/* dark-green light theme */
table.stdt__table_v2.healer-role,
table.stdt__table_v2.dark-green {
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 7%;
--stdt__table-border-color: #2a491d;
--stdt__table-subheading-background: #b1cda4;
--stdt__table-odd-row-background: #e6eee2;
--stdt__table-heading-color: #020202;
}

/* steel-blue light theme */
table.stdt__table_v2.tanker-role,
table.stdt__table_v2.steel-blue {
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #4871a0;
--stdt__table-subheading-background: #96acc7;
--stdt__table-odd-row-background: #d9e2ee;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-color: #213447;
}

/* gray light theme */
table.stdt__table_v2.crafting-role,
table.stdt__table_v2.gray {
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #777d9e;
--stdt__table-subheading-background: #b2b5c7;
--stdt__table-odd-row-background: #eaedff;
--stdt__table-heading-color: #202734;
}

/* olive light theme */
table.stdt__table_v2.gathering-role,
table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #5a8019;
--stdt__table-subheading-background: #bdd692;
--stdt__table-odd-row-background: #e6f0d5;
--stdt__table-heading-color: #2f320d;
}

/* teal light theme */
table.stdt__table_v2.pet-role,
table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #479e92;
--stdt__table-subheading-background: #a7e1d1;
--stdt__table-odd-row-background: #e2f9f5;
--stdt__table-heading-color: #0b3756;
}

/* lime light theme */
table.stdt__table_v2.npc,
table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #52a329;
--stdt__table-subheading-background: #d3f6c1;
--stdt__table-odd-row-background: #eeffe6;
--stdt__table-heading-color: #14320c;
}

/* gold light theme */
table.stdt__table_v2.pve,
table.stdt__table_v2.quest,
table.stdt__table_v2.gold {
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 50%;
--stdt__table-border-color: #cca352;
--stdt__table-subheading-background: #ffe6b4;
--stdt__table-odd-row-background: #fff0d3;
--stdt__table-heading-color: #5d4411;
}

/* orange light theme */
table.stdt__table_v2.equip,
table.stdt__table_v2.item,
table.stdt__table_v2.orange {
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 40%;
--stdt__table-border-color: #cc7a52;
--stdt__table-subheading-background: #fdd6c2;
--stdt__table-odd-row-background: #ffebe1;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-color: #451700;
}

/* pink light theme */
table.stdt__table_v2.skin,
table.stdt__table_v2.pink {
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 9%;
--stdt__table-border-color: #996574;
--stdt__table-subheading-background: #ffc1d4;
--stdt__table-odd-row-background: #ffe8ef;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-color: #591d2f;
}

/* blue light theme */
table.stdt__table_v2.mech1,
table.stdt__table_v2.blue {
--stdt__table-border-color: #527aa3;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 25%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #b3caee;
--stdt__table-odd-row-background: #d3e4ff;
}

/* turquoise light theme */
table.stdt__table_v2.mech2,
table.stdt__table_v2.turquoise {
--stdt__table-border-color: #29a3a3;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #b5f0f0;
--stdt__table-odd-row-background: #e7ffff;
}

/* violet light theme */
table.stdt__table_v2.lore,
table.stdt__table_v2.violet {
--stdt__table-border-color: #a352a3;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #e9aee9;
--stdt__table-odd-row-background: #ffeaff;
}

/* purple light theme */
table.stdt__table_v2.location,
table.stdt__table_v2.purple {
--stdt__table-border-color: #7a52a3;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #d9c2f0;
--stdt__table-odd-row-background: #f7efff;
}

/* yellow-green light theme */
table.stdt__table_v2.promo,
table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #7aa329;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #ddf6aa;
--stdt__table-odd-row-background: #f5ffe2;
}

/* aquamarine light theme */
table.stdt__table_v2.buff,
table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #5caeae;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #c2f0f0;
--stdt__table-odd-row-background: #f1ffff;
}

/* green light theme */
table.stdt__table_v2.debuff,
table.stdt__table_v2.green {
--stdt__table-border-color: #418541;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #b7e1b7;
--stdt__table-odd-row-background: #e6f2e6;
}

/* brown light theme */
table.stdt__table_v2.crafting,
table.stdt__table_v2.recipe, /* temporary alias */
table.stdt__table_v2.brown {
--stdt__table-border-color: #856741;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #e1ceb7;
--stdt__table-odd-row-background: #f6eada;
}

/* maroon dark theme */
html.view-dark table.stdt__table_v2.dps-role,
html.view-dark table.stdt__table_v2.maroon {
--stdt__table-border-color: #935252;
--stdt__table-background: #2d1111;
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #320606;
--stdt__table-subheading-background: #3d0d0d;
--stdt__table-subheading-color: #ffd2d2;
}

/* dark-green dark theme */
html.view-dark table.stdt__table_v2.healer-role,
html.view-dark table.stdt__table_v2.dark-green {
--stdt__table-border-color: #5b8748;
--stdt__table-background: #102507;
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #020202;
--stdt__table-subheading-background: #0b1305;
--stdt__table-subheading-color: #d9f6cb;
}

/* steel-blue dark theme */
html.view-dark table.stdt__table_v2.tanker-role,
html.view-dark table.stdt__table_v2.steel-blue {
--stdt__table-border-color: #4e7098;
--stdt__table-background: #050f1c;
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-background: #13273f;
--stdt__table-subheading-color: #9cb9d6;
}

/* gray dark theme */
html.view-dark table.stdt__table_v2.crafting-role,
html.view-dark table.stdt__table_v2.gray {
--stdt__table-border-color: #767c9b;
--stdt__table-background: #0e111e;
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #202734;
--stdt__table-subheading-background: #2b2f47;
--stdt__table-subheading-color: #b6bde7;
}

/* olive dark theme */
html.view-dark table.stdt__table_v2.gathering-role,
html.view-dark table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 1px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #66882c;
--stdt__table-subheading-background: #283414;
--stdt__table-background: #141e04;
--stdt__table-heading-color: #2f320d;
}

/* teal dark theme */
html.view-dark table.stdt__table_v2.pet-role,
html.view-dark table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #388479;
--stdt__table-subheading-background: #47615a;
--stdt__table-background: #051310;
--stdt__table-heading-color: #0b3756;
}

/* lime dark theme */
html.view-dark table.stdt__table_v2.npc,
html.view-dark table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 20%;
--stdt__table-border-color: #4e932a;
--stdt__table-subheading-background: #4c5b44;
--stdt__table-background: #0e1c06;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-color: #d6ffc1;
}

/* gold dark theme */
html.view-dark table.stdt__table_v2.pve,
html.view-dark table.stdt__table_v2.quest,
html.view-dark table.stdt__table_v2.gold {
--stdt__table-border-color: #a68036;
--stdt__table-background: #201603;
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-strength: 50%;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #5d4411;
--stdt__table-subheading-background: #634b19;
--stdt__table-subheading-color: #e3dcd2;
}

/* orange dark theme */
html.view-dark table.stdt__table_v2.equip,
html.view-dark table.stdt__table_v2.item,
html.view-dark table.stdt__table_v2.orange {
--stdt__table-border-color: #a15f3f;
--stdt__table-background: #2d1509;
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-background: #915b3f;
--stdt__table-subheading-color: #fff1ea;
}

/* pink dark theme */
html.view-dark table.stdt__table_v2.skin,
html.view-dark table.stdt__table_v2.pink {
--stdt__table-border-color: #a16d7c;
--stdt__table-background: #23020c;
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-background: #6e3c4c;
--stdt__table-subheading-color: #ffe3ec;
}

/* blue dark theme */
html.view-dark table.stdt__table_v2.mech1,
html.view-dark table.stdt__table_v2.blue {
--stdt__table-border-color: #5e7e9f;
--stdt__table-background: #091427;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 26%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #3c495d;
--stdt__table-subheading-color: #d0dfee;
}

/* turquoise dark theme */
html.view-dark table.stdt__table_v2.mech2,
html.view-dark table.stdt__table_v2.turquoise {
--stdt__table-border-color: #378e8e;
--stdt__table-background: #132323;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #2d5656;
--stdt__table-subheading-color: #b5f0f0;
}

/* violet dark theme */
html.view-dark table.stdt__table_v2.lore,
html.view-dark table.stdt__table_v2.violet {
--stdt__table-border-color: #9f4d9f;
--stdt__table-background: #321732;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #614061;
--stdt__table-subheading-color: #ffd8ff;
}

/* purple dark theme */
html.view-dark table.stdt__table_v2.location,
html.view-dark table.stdt__table_v2.purple {
--stdt__table-border-color: #9c76c1;
--stdt__table-background: #1e1725;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #563c70;
--stdt__table-subheading-color: #edf;
}

/* yellow-green dark theme */
html.view-dark table.stdt__table_v2.promo,
html.view-dark table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #86a34e;
--stdt__table-background: #2b3615;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #565f14;
--stdt__table-subheading-color: #edffc8;
}

/* aquamarine dark theme */
html.view-dark table.stdt__table_v2.buff,
html.view-dark table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #58aeae;
--stdt__table-background: #1c3d3d;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #0b5050;
--stdt__table-subheading-color: #c2f0f0;
}

/* green dark theme */
html.view-dark table.stdt__table_v2.debuff,
html.view-dark table.stdt__table_v2.green {
--stdt__table-border-color: #62bd62;
--stdt__table-background: #072307;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #0d430d;
--stdt__table-subheading-color: #d3f0c2;
}

/* brown dark theme */
html.view-dark table.stdt__table_v2.crafting,
html.view-dark table.stdt__table_v2.recipe,
html.view-dark table.stdt__table_v2.brown {
--stdt__table-border-color: #a4835b;
--stdt__table-background: #201608;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #563610;
--stdt__table-subheading-color: #e1ceb7;
}

/* #endregion */

/* #region <tabber> classes */

/* class="no-animation" - prevents scroll animation when switching tabs */
.tabber-animations-ready .tabber.no-animation .tabber__section {
scroll-behavior: unset;
}

/* #endregion */

/* #region Utility classes */
.nowrap {white-space: nowrap;}
/* #endregion */

/*</nowiki>*/

MediaWiki:Vector.css

2026-08-11T21:17:05Z

Erin Umbreon: fix recipe boxes on mobile

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 10em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe and center it horizontally */
#p-logo {
margin-top: 0.5rem;
margin-inline: auto;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */

/* recipe boxes and main page cell backgrounds */
#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

div.recipe-box .subheading, div.recipe-box .heading {
border: 1px solid #383838;
background-color: #000;
background-image: none;
}
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* give logo a drop shadow to stand off background more */
#p-logo {
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #fff5;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
}

.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

Independent Mender (Mehwahhetsoan)

2026-08-10T00:45:13Z

Erin Umbreon: add image

{{NPC infobox
| name = Independent Mender (Mehwahhetsoan)
| description =
| image = Independent Mender (Mehwahhetsoan).png
| location = Shaaloani
| coordinates = 26.7,10.7
| title =
| gender = Male
| age =
| race = Hhetsarro
| clan = Seeker of the Sun
| class =
| job =
| profession =
| birthplace =
| organization =
| relatives =
| level =
| service = repair
| goal =
| release = dawntrail
| patch = 7.0
}}

File:Independent Mender (Mehwahhetsoan).png

2026-08-10T00:44:03Z

Erin Umbreon:

== Licensing ==
{{Square Enix image|screenshot}}

File:Independent Merchant (Mehwahhetsoan).png

2026-08-10T00:43:31Z

Erin Umbreon:

== Licensing ==
{{Square Enix image|screenshot}}

Masked Rose

2026-08-08T16:23:08Z

Erin Umbreon: /* Dialogue */ use {{dialogue}}; do not include quest-specific dialogue on NPC pages

{{NPC infobox
| name = Masked Rose
| description =
| image = Masked Rose.png
| location = The Gold Saucer
| coordinates = 7.2, 7.4
| title =
| gender = Male
| age =
| race = Roegadyn
| clan = Hellsguard
| class =
| job =
| profession =
| birthplace =
| organization =
| level =
| aggression =
| service = quest
| goal = Fashion Report
| patch = 4.2
| release = stormblood
}} He is responsible for issuing a theme and judging entries to the weekly [[Fashion Report]].

==Quests Involved In==
{{quest list header}}
{{quest list row|Passion for Fashion}}
{{quest list row|Fashion Face-off}}
{{quest list row|A Stylish Transformation}}
{{table footer}}

==Dialogue==
{{Dialogue|<nowiki>
===Small Talk===
Masked Rose: Greetings, pursuer of fine fashion! Are you come to present yourself for judging? Or do you wish to know the current theme?
</nowiki>}}

==Additional Information==
{{see also|Redolent Rose}}

Kasumi

2026-08-08T16:17:47Z

Erin Umbreon: /* Dialogue */ use {{dialogue}}

{{vendor quest unlock|quest=Passion for Fashion}}
{{NPC infobox
| name = Kasumi
| description = All of the items in stock come highly recommended. Pray browse to your heart's content.
| image = Kasumi The Gold Saucer Fashion Report.PNG
| title = Boutique Vendor
| location = The Gold Saucer
| coordinates = 7.2,7.3
| gender = Female
| age =
| race = Au Ra
| clan = Raen
| class =
| job =
| birthplace =
| relatives =
| organization =
| level =
| aggression =
| service = merchant
| goal = Fashion Report
| patch = 4.2
| release = stormblood
}} Her inventory has to be progressively unlocked by accumulating points in the [[Fashion Report]]. It requires a cumulative total of 600 points (or a minimum of 6 weeks assuming one receives 100 points per week) to fully unlock her inventory. In other words, if the three ''Spring'' items are available, you have her entire stock unlocked.

==Items for Sale==
{{Vendor table header|section=Enter Boutique|showLevel=false|showRarity=false|showAdditional=true|hideUnspecifiedCategory=true}}
{{vendor table row|item=Terebinth|cost=60 Gil}}
{{vendor table row|item=Standard Spectrum Dye|cost=216 Gil}}
{{vendor table row|item=Daring Dalliances Orchestrion Roll|cost=5000 Gil}}
{{vendor table row|item=Ballroom Etiquette - Bewilderment|cost=5000 Gil}}
{{vendor table row|item=Mummer's Wardrobe|cost=8800 Gil}}
{{vendor table row|item=Mummer's Shelf|cost=8800 Gil}}
{{vendor table row|item=Mummer's Maquillage|cost=3000 Gil|req=100 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Dress Hanger|cost=4000 Gil|req=100 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Coat Hanger|cost=4000 Gil|req=100 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Spring Shirt|cost=8910 Gil|req=300 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Dress Form|cost=9200 Gil|req=300 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Spring Bottoms|cost=8910 Gil|req=600 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Spring Shoes|cost=5346 Gil|req=600 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Strewn Smallclothes|cost=2000 Gil|req=600 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Strewn Bottoms|cost=2000 Gil|req=600 cumulative [[Fashion Report]] points|suppress=true}}
{{vendor table row|item=Shirt Display Rack|cost=7200 Gil|req=600 cumulative [[Fashion Report]] points|suppress=true}}
|}

==Dialogue==
{{Dialogue|<nowiki>
===What is the Fashion Report?===
Kasumi: The Fashion Report is a challenge unlike any other at the Gold Saucer. Each week, Masked Rose issues a theme to which you are to attire yourself. You then go before him for judging.
Kasumi: Be fairly warned: as a leading critic in the field of fashion, Masked Rose does not mince words. Rather, he tears participants to shreds with his barbed tongue. That aside, folk seem to enjoy the experience. The prizes on offer certainly help to soothe the pain.

===How am I judged?===
Kasumi: Participants are judged on a scale of one to one hundred. Even if you do not score well at first, do not lose heart, for there are more opportunities to impress. To be precise, you may present yourself for evaluation four times per challenge.

===What are the prizes?===
Kasumi: Simply participating once in any fashion challenge will earn you a sum in MGP. 'Tis our little way of encouraging and thanking you.
Kasumi: The serious rewards, however, begin when you achieve a score of eighty or above. In this case, you can look forward to a veritable bounty of MGP!
Kasumi: Furthermore, regular challengers will also have access to unique prizes via exchange. So you see, there is no reason not to participate! ...Unless your ego is too fragile to survive Masked Rose's withering words, that is.
</nowiki>}}

MediaWiki:Vector.css

2026-08-07T04:01:52Z

Erin Umbreon:

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 10em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe and center it horizontally */
#p-logo {
margin-top: 0.5rem;
margin-inline: auto;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* give logo a drop shadow to stand off background more */
#p-logo {
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJDUlEQVRogd2af2wcxRXHP7czd97N3a33EudsY0NANUih9EdocRpaqSRqVcXFfwDl30oIFbUN/xT4pxVVJRpVKkKtFNUqjUoLRbSRKihSUApSm1YqtDghNikmFo2FEdixvT7nNnde397d7l3/uNljbeLfjlL6rKe5ndmZ/X7nvXn7Ztaxer3O1ZBYLLbuLpepEzJ6ldmZ2RSoKyyNmW4gDskEcoUO/8vSdBvt6uLYvFw1C1ht1ob6OY4DQL0a9aiPkVjWYuJbTiA/O75ie2bnDVv6vM0S0IBatCIKMCRzGdDh2jNURFlQ17WlN64m6yUQU2oCLaoMQ9olwFNaBWpLgMfU8xLANmCHKjVFYAHIqb7VtZJZL4G6IY3rgC7gGqCr5JfCB9lKx9T1B0vAA1xvSMMEOkItURKqbQY4i88MsLIfboLAbuCTQK8iQf+dfcnjL52wIyR6gVcjJELwPcCNwJ4Q/J39fVQVgRePn5gG2oHX1P1rIhGLphKrvIl3A7sNaXzhzv6+rn6lnuc13yXHXzrx1gPfOTShLl9TRHR13Qf03HvXPR39/X2d/f19HY1qLyQ4fd8Dh2Ze/NOJMvBXpeNqAj6S7+Rn8+sisFvp3ffedU/s6NFf9IYNUQIA49NTxUe//+j7J/9y8n1F4pKa+Z4nfnL4xvu/dX/P4qG9RTnOg9995NRzf3z+XeAk8K6yor9RAjG12HqB3gP7b9/71NEnrrUsS3x4ixGoHwLAcUoApUOHHnrrxImXS0g8YNvAkcd39R38yi7LykQXZwAlov3Hx8a1L+7/xhngDPBSyStNAcXlCKyWSkjl611A1+HHHu5qgHQqobpuqeq6pWokepQAY2DgZ59SY2zrO/jVbX0Hv7ILcMP73Hm36s67VccpLlKAH//o4U7gc0pTK+FcCwGArgP7b28wd/KlvJOvKC25rld1Xa9q2/mK65Yq6v4SwMDAz3sABo78NASPO+9W7Wm77M67ZXfe9fNOoarUyzuFCsCBO/Zdo8bpBJJrAbicpMLZP7D/9m4AJ+8EKkYHVsYS7oIXuhDugqdlLCt0EaOv72vbB2KPF1W8JySgyppCUHfyheaEWmn9AnDN/jv28be//6tTRaaZy7nRWgjoag3UO7s7MqPnxxc6rM5KuKhK8041YxnRRSjzOCh/9gD27ftSe97xyqo98IpeeK8PkHfsRRFmfGy0BZjb1Z1NlbxSWmGMLwdwNQIG0BqtsHNzIYIAwKuIWLgAO7NZ37lYEGEbgCbFoiiTiImaPZsLo0qQd+YutyVs+fytt6SBKWDFtHUlAoYyfettt30mrHNmc3N1NXs+wEKpkSJ0tGeZsm2pllWQyZgAolh0g8iYtaBcqQO+bc8B+I4zF7ZLQOzYEa+oNCWUVqUX10sgKqEVLCBv53IhgUCfD2JAWVlB6vGksLantbzya69SjVqg5l4q+AD27JwPBI6Ta4bV7M62SHheRGJZWYlADAjwEVSCAM9LADkNV6QNhOt6ddf1qrmZOd9Mm7XCRVuapqmJeFJ6flY0x/ebcb7h8znHdy7l/fwlxwdqxIgnk7pIJnWtUnU1z9dbgIrqIZAsrBQtVyLgqXCYi9S1AY7q56uyVigWasVCoVIomjXDyEh7xpbZ9qwAKoFfavr41Iwd4Fd951LeB6TVmpGh5ZZgSS+JOs5GCIQkcqfPjOS+vbhP9IH1YqEA4BcLhVqxUA2Aij1ji2x7looiMDXTyPcM2UyrNaXhWCKKZ2hodF6RWBY8q7zIalELvHFmJLekXa4ARADYM3Yw1dClz9SWTMLSkuGh0WlgGsivRGK1N7GL5DyS8V8+dczJO45npHTa2jNatVYlYYgaoKVNU4IhwJCVoKIpjVWCihQQx0cTIAQIfCQ+UtcN4ZU9TdeJm2YCIWpS1zVp6XrinXNj5aFz51x0JlQo3XAqUVXlBPDBv996Z0JFh0SoZjohAJE24+HMa0E1EE31iQEi8JsuoukpQwBCT+lhH2lZaZmxTAFw5NfHJoFJ4IKa/epyAFcjECjwrwMTv/vD8Q/Gxt4vAy09Pdc1CJjxRSREQmgiLjQRF+H2UwAxIYkJ2QSPntKFntbjmYwpLSvdErqUAn8BOK1ILAt+LQSi8jrAK3/+x/mwoqfnOkKfVyQQcSFEQgigQUQ2wQshCcEn1LObFshYphgaHr04ODRyATgVscCmCdSVFaaBV8+dH/eefvrFKV3qhi71VmRSmNutuFuuSJEgkW6JY6V0LSHUn27IhG5IIQ2RTmViVkqP66BlM8mW7jYzbrUl08haPD/vaL/57Qvv4TOJz9v4FPAbGexmCYTiAG8Cp04PjUw+2TA1nR1ZHZCdnVkJSLM1kQBEujWupVvjGqClU7qWTumaSsqEmUm2mFZyUez/4Q8G3mxu7BuTNbMWUGslUFcEHGXeKAm5hERckWgQSelxIG6m9LiZ0mUUvGklWyLgURN0dq3gWeepREgiUCQ4PTTSu7P9pP/1gwe6Ozuy+tS07ZmNWQ+aPl5rZMJmWtcAkUwlmuALjus/9tiTb6vxX1kveNZ5KhGVncB24Dag99Y9N3fdf9/dXarNA8pj/2kcTsRbjBpAWyYtAZE0E80d1iMPHR4u+cwCI8DbqvzIad/lJNwTb/RocVaVp4HY0PA5ABSJBEDPTd0AuIVKCKaZKpw9O8qzzzw/rOqj4Fnv8eJmzkZn1WsegAiJzpAEwI7tZmhiATB4Znj62Ween1IL9U11kjfy0eGvPAFURhrGbYaGz+E5FA997+7rVUZJ9FDqn6dHp3//bBP8y6p8bzMANroGohLm/jcAe5B8GeCRB7+5d1/vp/HmGwdXg2dGJo786tgkMBpxmdnlTt5Wk/WezK2dhGQfsFeR6Npz803XHjl6bGLwjZFJYFAdWNmRdbQh2WoCH5KQfALoVqd53Xs/e0t3BPyg2ttuCjzrOJlbVZ47ejj8GSidVKnHKWBw8I2RF4AXFPjJKPhI3w3LVlqgOaaKQimlQu2syqrcki/rm30PrCR1Bbai3CXR3KRvEfioXMmvlCHY8ir3bUr+vz50e/Pepm2iS31xxRX+Ev2xt0Dsav27zVbJfwEXZLtgYPxPXAAAAABJRU5ErkJggg==);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #fff5;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T03:23:09Z

Erin Umbreon: fix weird hover border problems on legacy dark

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 10em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJD0lEQVRogdVabWhb1xl+ZF3JV9aHnciRP+Q6NlGVerh0rsGhJd7WZKVlTJRlZLCxHxspKRuBDrYfG4z92o/98Y9Bw3BrE1yPDbolJdPwGpK4Xec5eCXyNNq6k+0olePYdZxalr9u9Lkf9z3Se4+u/NEYRl54OffonvOe5zkf73nPubIUCgX0fc+CR1Wq/t8AHlYeeQLKHstbABQk4gWpjJw3swEAVimfM7Gxk61dEbCQVpGKZw4gAyDPgBSYchsWqseVL8AcgCzZylFa2I7ITgQsrAEnpTapzEEAn7F8htJN9lsBgIOe7ZT6KU1K9h5QusoIpr8IAQu9r6G8m1QmUAuggZFYqWBP2Glgv/nJJpc0gReSItKmJCoREOCrJfDNZMzPyorGGgEsEsEN9l4Mv5NIiLotlB5gZecYgQSlTrJnSsKMgABvBaCSNhMBP4D2zufONPvauvwA/CvL8bn4zfBi8m7sP1TfA2CJNVwg4DUADpEtf9fXz/ib2ruO1TV1NVO9ROLjd+fG/vzL91inrAK4R88bJlhhMdnILABc9NwAoA7AEwAQ7Amdev4H/SfVOoenVFzVW//4H/8du/ibGwtTox8BmKWXM2ztHAWAprauZ49/99e9rU+e6OD1hczc/NPWlf6zr1HdGW09uUyjAZpOhkUtExAPLmq4EUAnAITOvX4q2PPNb0FxwChGALGJ8PXwb7/zDmVnaUQA4Giw5/TR0E/ePLVdfUADgK3zZ5teIwJTbDqlqJDweGUbmYWBd4mRCPaEdPC7kOCx0ydDr751DkAAwBHqeR38ubdeKq+RkhQA4HjhldeFjcfIUdRSZxgwmxEQ4qIR6Aid698VeEbicPDY6QCAFyXw1vLS85LqEugOOQLdoQADzzEXccqL2Eq/1ZE2nzh9pgfKFCuiSVWaTEmEXv3FyfNnx0YAoKP3+AkokybgASAu5ReKT1996dhXPvz78Hu0+DXyQg9osytAGgGLlG8AgPae493mDZMUPq346oVXft4Z6D7eHOjurdtrXQBQGzu8/mDns9LPho6QR0AQaAQAz0FfY52/9YChhHafteAtB2I5XHwMdPe2Brp7Pbx6RdCavv/lCIJV1au1BDtb5mMfttAeARaC5GUCIr4RO2WD/0jnU+Jlcl73ZHXWGUagHnDdASytZKHVDJp57+cTQCEBrDcVwQNABhqsqgd5bQ1Vqhv+xzsfo1civcXNcAIiyhRzzOpx2dxYXgRSCyUUeRa6rCcBzap7y3ofkPsIUOaxreRoDS3RXN80rgE1awdwH3B5gfUUmg7UFahTpym+MmxanEDZIvO3BfxIUUNrlOakUGcrDxzyActLet5BUXGttxz86n1gI1XK31swBtEAkJNgKF55WBXSjEzALG8En1owjgAA5CWvVAtzWaW1o9h04EXbsj0ArvoKRspFBpw1LeVuKpEAgBRr1KWWer/eB6wuE+Bl8xbzAJYWS3mNdYBHWi4ub7nX3oaAiC9qaeFtapqm5ar0Mc5XWZFTHFC37gNON7CxppdOEjGbHcik9IlotzOzLFTIpIFsBkjngIyYOw7AQeGSxU7hYxWQWQGyNqysbKTozOChgHKJn97MpoxYhf6FRPxOxzPPfCm3zlyn06PPY0HCxsCmMzpIHjgqUqxjoTluo1RxwlTcPvHE/W5CniV848pJ51IszsUnijue2wury1siAegk7DZdhVTbjWqTVIjdqisA1Dh1ddQALl+pjMuHxPRUgoALIgaccizEDwzzC4k4tOkbiSJwAKgR4CkVwJxOnUi1pLLYrYDTro+AzaoDB3TwQtw+ncj60tbYXy/JO1/FEQD1dpaOhSsAElffj1xGVoNVdcJ2qFXnWKPq6rCWnJoCwGEHqnJGrU4b1cbcpKoCtrSuqlXXQy2AageyScQ+mRqjc8E90jQ77AMmi5hPoRSAVCw6OR379+R08Mtdj+u9Q6OxRpvNluQmrLJjl8TC1oSqAgobXbdx7wi/OXyNFjA/IxsaMLvYWmPB+bxuaPBvxbfCR4vGqlVJTaYRV1UtKQcugx8a7qfHBCOxKp/IzKaQEEFiBsB0eKgCCZmA3b69OlSjCuCu+qLd8NDw1Vg0eovinlUYJc8zZgRyFHNkicAmgOVYdPLaaHjkfSiq7hrrWnStsZdUSerrwqaZq8Oql1GSpTrCDtmdmorPxqLRCVqD69T79+g5K19yVbpWEd5oHcBd8ePkuyOXW454W4NPP9VWLFlNbu/BEmD36aGF8O1Z2g+4r69iU6eauUwAM9Gp5Mgbg3+kaTNHaYodZMrEbA0IhmlGoKjhgeHLsUj0dhkIkSrMHSpOI3jxrtpnCv7K0MXzEvg5CXjZFWOl22mzu0hB4oNdkTBTSL1eek5eGbr4NjkNDh6s903vR7e7WixQyJqhg+pBGs4VAJ+EB4Y3T/3I9/32J9v1g0a1CMSoTzJLRms2AusMGH5OLmrJwV/97AKA20RgmdZdwSz+l2Wn7wOc9ef6SQOfUg8lLv2u7/exyKTxRCKA2nxG5e9IYpHoIgMvdJlUSH672+ndEMgD2GIkEpxEeGDwQiwyOWpoRAbPSTDw4YHhv0jgbzPwmzuBR4Wrxe3IOhjpVgCHAXgBtAWf7vpa6OUzz0FRS8bSNI3sHLyGWCQaIfB3kdU+Y+BBoDdlf19J9vKFpkB3MzYiIs6WKwDWY5FJ+8iFP2yd+OFPny9+A6g6AFU1htPj4Uv/uvH24ARdO96hdbXKQgRtN19mviiBvMnNlgj+I1MfjCOdA158mZFg9cP9fddjE6PXaLHeoTTNps3WTl9kZNnrRz5hWKPGPqf8An0biMxGxq++M9DXL4XmOvib49cl8JDA7zjnH5YAFzES4oArSNyajYzPnv/xtwWJQri/b4DAxyXwIt3a7ZyXZa9fKWVJ05pYYB82NIpob4+80TfT/kTX4djE6D9ZTy+yeQ/aZ/bU61z24oW2E/EpysO+eYkLFjftH2AkBPiKO+xu5WFHQMgDIpFiU2GVSNyVyu4beOwjAbCgSz6SKWwE+PuHBk/G44gXvlH8od0y8jD2LDQCYk6K3pa/vO8LeOzzCGCvPnw/5JH/s8f/AOu9SIdQdF9+AAAAAElFTkSuQmCC);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #fff5;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T03:17:39Z

Erin Umbreon: ughhhhh

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 10em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T02:34:27Z

Erin Umbreon: mweh good enough

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 9em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
align-self: flex-end;
padding: 0 0 2px;
border-bottom: 1px solid var(--border-color-muted,#dadde3);
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T02:30:16Z

Erin Umbreon: oops

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 9em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
font-weight: normal;
font-size: smaller !important;
align-self: stretch;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T02:29:46Z

Erin Umbreon: more styling for the theme picker

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label > span:last-child {
width: 8em;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
text-align: right;
padding: 0.5rem;
font-size: inherit;
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}
#pt-themes .ext-themetoggle-popup li:not(.mw-list-item) {
font-weight: normal;
font-size: smaller !important;
align-self: stretch;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a {
padding: 0.125rem 0;
border-radius: 2px;
opacity: 0.7;
}
#pt-themes .ext-themetoggle-popup .mw-list-item a:hover {
opacity: 1;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:56:25Z

Erin Umbreon: no-js nitpick

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}
/* hide uls *entirely* if JS isn't enabled since it does nothing */
html:not(.client-js) #pt-uls {
display: none !important;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:50:11Z

Erin Umbreon: transition only the necessary properties to avoid animating on first paint

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: border-color 200ms, background-color 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:44:57Z

Erin Umbreon: meteor dark: darken top bar a bit more to make the contrast less bad (i'm sad about this but it's definitely an improvement)

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#55545444,
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#555454,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:39:38Z

Erin Umbreon: give logo more space on all themes

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* #region Userbar stuff */

/* better vertical centering for everything - use flexbox and remove unnecessary margins/paddings */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* better styles for interactive JS buttons that gadgets/extensions add */
:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

/* give the logo a bit more space to breathe */
#p-logo {
margin-top: 0.5rem;
}

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin-inline: auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJDUlEQVRogd2af2wcxRXHP7czd97N3a33EudsY0NANUih9EdocRpaqSRqVcXFfwDl30oIFbUN/xT4pxVVJRpVKkKtFNUqjUoLRbSRKihSUApSm1YqtDghNikmFo2FEdixvT7nNnde397d7l3/uNljbeLfjlL6rKe5ndmZ/X7nvXn7Ztaxer3O1ZBYLLbuLpepEzJ6ldmZ2RSoKyyNmW4gDskEcoUO/8vSdBvt6uLYvFw1C1ht1ob6OY4DQL0a9aiPkVjWYuJbTiA/O75ie2bnDVv6vM0S0IBatCIKMCRzGdDh2jNURFlQ17WlN64m6yUQU2oCLaoMQ9olwFNaBWpLgMfU8xLANmCHKjVFYAHIqb7VtZJZL4G6IY3rgC7gGqCr5JfCB9lKx9T1B0vAA1xvSMMEOkItURKqbQY4i88MsLIfboLAbuCTQK8iQf+dfcnjL52wIyR6gVcjJELwPcCNwJ4Q/J39fVQVgRePn5gG2oHX1P1rIhGLphKrvIl3A7sNaXzhzv6+rn6lnuc13yXHXzrx1gPfOTShLl9TRHR13Qf03HvXPR39/X2d/f19HY1qLyQ4fd8Dh2Ze/NOJMvBXpeNqAj6S7+Rn8+sisFvp3ffedU/s6NFf9IYNUQIA49NTxUe//+j7J/9y8n1F4pKa+Z4nfnL4xvu/dX/P4qG9RTnOg9995NRzf3z+XeAk8K6yor9RAjG12HqB3gP7b9/71NEnrrUsS3x4ixGoHwLAcUoApUOHHnrrxImXS0g8YNvAkcd39R38yi7LykQXZwAlov3Hx8a1L+7/xhngDPBSyStNAcXlCKyWSkjl611A1+HHHu5qgHQqobpuqeq6pWokepQAY2DgZ59SY2zrO/jVbX0Hv7ILcMP73Hm36s67VccpLlKAH//o4U7gc0pTK+FcCwGArgP7b28wd/KlvJOvKC25rld1Xa9q2/mK65Yq6v4SwMDAz3sABo78NASPO+9W7Wm77M67ZXfe9fNOoarUyzuFCsCBO/Zdo8bpBJJrAbicpMLZP7D/9m4AJ+8EKkYHVsYS7oIXuhDugqdlLCt0EaOv72vbB2KPF1W8JySgyppCUHfyheaEWmn9AnDN/jv28be//6tTRaaZy7nRWgjoag3UO7s7MqPnxxc6rM5KuKhK8041YxnRRSjzOCh/9gD27ftSe97xyqo98IpeeK8PkHfsRRFmfGy0BZjb1Z1NlbxSWmGMLwdwNQIG0BqtsHNzIYIAwKuIWLgAO7NZ37lYEGEbgCbFoiiTiImaPZsLo0qQd+YutyVs+fytt6SBKWDFtHUlAoYyfettt30mrHNmc3N1NXs+wEKpkSJ0tGeZsm2pllWQyZgAolh0g8iYtaBcqQO+bc8B+I4zF7ZLQOzYEa+oNCWUVqUX10sgKqEVLCBv53IhgUCfD2JAWVlB6vGksLantbzya69SjVqg5l4q+AD27JwPBI6Ta4bV7M62SHheRGJZWYlADAjwEVSCAM9LADkNV6QNhOt6ddf1qrmZOd9Mm7XCRVuapqmJeFJ6flY0x/ebcb7h8znHdy7l/fwlxwdqxIgnk7pIJnWtUnU1z9dbgIrqIZAsrBQtVyLgqXCYi9S1AY7q56uyVigWasVCoVIomjXDyEh7xpbZ9qwAKoFfavr41Iwd4Fd951LeB6TVmpGh5ZZgSS+JOs5GCIQkcqfPjOS+vbhP9IH1YqEA4BcLhVqxUA2Aij1ji2x7looiMDXTyPcM2UyrNaXhWCKKZ2hodF6RWBY8q7zIalELvHFmJLekXa4ARADYM3Yw1dClz9SWTMLSkuGh0WlgGsivRGK1N7GL5DyS8V8+dczJO45npHTa2jNatVYlYYgaoKVNU4IhwJCVoKIpjVWCihQQx0cTIAQIfCQ+UtcN4ZU9TdeJm2YCIWpS1zVp6XrinXNj5aFz51x0JlQo3XAqUVXlBPDBv996Z0JFh0SoZjohAJE24+HMa0E1EE31iQEi8JsuoukpQwBCT+lhH2lZaZmxTAFw5NfHJoFJ4IKa/epyAFcjECjwrwMTv/vD8Q/Gxt4vAy09Pdc1CJjxRSREQmgiLjQRF+H2UwAxIYkJ2QSPntKFntbjmYwpLSvdErqUAn8BOK1ILAt+LQSi8jrAK3/+x/mwoqfnOkKfVyQQcSFEQgigQUQ2wQshCcEn1LObFshYphgaHr04ODRyATgVscCmCdSVFaaBV8+dH/eefvrFKV3qhi71VmRSmNutuFuuSJEgkW6JY6V0LSHUn27IhG5IIQ2RTmViVkqP66BlM8mW7jYzbrUl08haPD/vaL/57Qvv4TOJz9v4FPAbGexmCYTiAG8Cp04PjUw+2TA1nR1ZHZCdnVkJSLM1kQBEujWupVvjGqClU7qWTumaSsqEmUm2mFZyUez/4Q8G3mxu7BuTNbMWUGslUFcEHGXeKAm5hERckWgQSelxIG6m9LiZ0mUUvGklWyLgURN0dq3gWeepREgiUCQ4PTTSu7P9pP/1gwe6Ozuy+tS07ZmNWQ+aPl5rZMJmWtcAkUwlmuALjus/9tiTb6vxX1kveNZ5KhGVncB24Dag99Y9N3fdf9/dXarNA8pj/2kcTsRbjBpAWyYtAZE0E80d1iMPHR4u+cwCI8DbqvzIad/lJNwTb/RocVaVp4HY0PA5ABSJBEDPTd0AuIVKCKaZKpw9O8qzzzw/rOqj4Fnv8eJmzkZn1WsegAiJzpAEwI7tZmhiATB4Znj62Ween1IL9U11kjfy0eGvPAFURhrGbYaGz+E5FA997+7rVUZJ9FDqn6dHp3//bBP8y6p8bzMANroGohLm/jcAe5B8GeCRB7+5d1/vp/HmGwdXg2dGJo786tgkMBpxmdnlTt5Wk/WezK2dhGQfsFeR6Npz803XHjl6bGLwjZFJYFAdWNmRdbQh2WoCH5KQfALoVqd53Xs/e0t3BPyg2ttuCjzrOJlbVZ47ejj8GSidVKnHKWBw8I2RF4AXFPjJKPhI3w3LVlqgOaaKQimlQu2syqrcki/rm30PrCR1Bbai3CXR3KRvEfioXMmvlCHY8ir3bUr+vz50e/Pepm2iS31xxRX+Ev2xt0Dsav27zVbJfwEXZLtgYPxPXAAAAABJRU5ErkJggg==);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:37:25Z

Erin Umbreon: only do the brightness hack on the themes menu in themes that need it

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* #region Theme toggle and other interactive buttons in userbar */

:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

/* userbar corrections - shared among all themes *except* legacy light, because all the others have dark root body backgrounds */
html.theme-light,
html.theme-dark,
html.theme-legacy-dark {
#pt-fw-disable a, #pt-fw-enable a, #pt-themes > label::after {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}
}

MediaWiki:Vector.css

2026-08-07T01:34:53Z

Erin Umbreon: removing old unneeded hacks from meteor (finally)

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* #region Theme toggle and other interactive buttons in userbar */

:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
filter: brightness(100);
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T01:33:08Z

Erin Umbreon: even better theme dropdown positioning

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* #region Theme toggle and other interactive buttons in userbar */

:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
filter: brightness(100);
}

#pt-themes .ext-themetoggle-popup {
top: 100%;
border-top: 1px solid var(--border-color-base,#a2a9b1);
}
#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T01:26:10Z

Erin Umbreon: sliiiightly improve spacing

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* #region Theme toggle and other interactive buttons in userbar */

:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1.25em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .625em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
filter: brightness(100);
}

#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T01:24:25Z

Erin Umbreon: way better userbar button styles; hopefully this doesn't break everything

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* #region Theme toggle and other interactive buttons in userbar */

:root {
--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #c0c0c0; /* TODO: base this on ooui? */
}

#pt-themes,
#pt-fw-enable,
#pt-fw-disable,
#pt-uls {
margin: 0;
padding: 0;
font-size: 0.75em;
margin-left: 0.25rem;
font-weight: bold;
}

#pt-themes,
#pt-themes .ext-themetoggle-simple-icon,
.skin-vector-legacy #pt-uls .uls-trigger,
#pt-fw-disable a,
#pt-fw-enable a {
width: 1.75rem;
height: 1.75rem;
margin: 0;
padding: 0 !important;
background-repeat: no-repeat;
border: 1px solid transparent;
border-radius: 1px;
transition: all 200ms;

display: flex;
align-items: center;
justify-content: center;
background-position: center;
}
#pt-themes:hover,
#pt-themes:has(> input[type="checkbox"]:checked),
#pt-themes .ext-themetoggle-simple-icon:hover,
#pt-uls .uls-trigger:hover,
#pt-fw-disable a:hover,
#pt-fw-enable a:hover {
background-color: var(--userbar-button-hover-background-color);
border-color: var(--userbar-button-hover-border-color);
}

/* extra prodding for universal language switcher */
.skin-vector-legacy #pt-uls .uls-trigger::before {
display: block;
padding: 0;
width: 20px;
height: 20px;
position: relative;
background-size: auto;
background-position: center;
}

/* theme dropdown specific stuff */
#pt-themes {
width: auto;
position: relative;
}
#pt-themes > label {
color: inherit;
padding: 0 calc(1em + 16px) 0 .25em;
text-align: right;
}
#pt-themes > label > span:first-child {
color: inherit;
font-weight: normal;
margin-right: 0;
}
#pt-themes > label::after {
top: 50%;
right: .5em;
transform: scale(.8) translateY(-50%);
transform-origin: center;
filter: brightness(100);
}

#pt-themes .ext-themetoggle-popup li {
font-size: 1em;
margin: 0;
}

/* #endregion */

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Userbar JS button customization */
--userbar-button-hover-background-color: #fff1;
--userbar-button-hover-border-color: #fff2;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJDUlEQVRogd2af2wcxRXHP7czd97N3a33EudsY0NANUih9EdocRpaqSRqVcXFfwDl30oIFbUN/xT4pxVVJRpVKkKtFNUqjUoLRbSRKihSUApSm1YqtDghNikmFo2FEdixvT7nNnde397d7l3/uNljbeLfjlL6rKe5ndmZ/X7nvXn7Ztaxer3O1ZBYLLbuLpepEzJ6ldmZ2RSoKyyNmW4gDskEcoUO/8vSdBvt6uLYvFw1C1ht1ob6OY4DQL0a9aiPkVjWYuJbTiA/O75ie2bnDVv6vM0S0IBatCIKMCRzGdDh2jNURFlQ17WlN64m6yUQU2oCLaoMQ9olwFNaBWpLgMfU8xLANmCHKjVFYAHIqb7VtZJZL4G6IY3rgC7gGqCr5JfCB9lKx9T1B0vAA1xvSMMEOkItURKqbQY4i88MsLIfboLAbuCTQK8iQf+dfcnjL52wIyR6gVcjJELwPcCNwJ4Q/J39fVQVgRePn5gG2oHX1P1rIhGLphKrvIl3A7sNaXzhzv6+rn6lnuc13yXHXzrx1gPfOTShLl9TRHR13Qf03HvXPR39/X2d/f19HY1qLyQ4fd8Dh2Ze/NOJMvBXpeNqAj6S7+Rn8+sisFvp3ffedU/s6NFf9IYNUQIA49NTxUe//+j7J/9y8n1F4pKa+Z4nfnL4xvu/dX/P4qG9RTnOg9995NRzf3z+XeAk8K6yor9RAjG12HqB3gP7b9/71NEnrrUsS3x4ixGoHwLAcUoApUOHHnrrxImXS0g8YNvAkcd39R38yi7LykQXZwAlov3Hx8a1L+7/xhngDPBSyStNAcXlCKyWSkjl611A1+HHHu5qgHQqobpuqeq6pWokepQAY2DgZ59SY2zrO/jVbX0Hv7ILcMP73Hm36s67VccpLlKAH//o4U7gc0pTK+FcCwGArgP7b28wd/KlvJOvKC25rld1Xa9q2/mK65Yq6v4SwMDAz3sABo78NASPO+9W7Wm77M67ZXfe9fNOoarUyzuFCsCBO/Zdo8bpBJJrAbicpMLZP7D/9m4AJ+8EKkYHVsYS7oIXuhDugqdlLCt0EaOv72vbB2KPF1W8JySgyppCUHfyheaEWmn9AnDN/jv28be//6tTRaaZy7nRWgjoag3UO7s7MqPnxxc6rM5KuKhK8041YxnRRSjzOCh/9gD27ftSe97xyqo98IpeeK8PkHfsRRFmfGy0BZjb1Z1NlbxSWmGMLwdwNQIG0BqtsHNzIYIAwKuIWLgAO7NZ37lYEGEbgCbFoiiTiImaPZsLo0qQd+YutyVs+fytt6SBKWDFtHUlAoYyfettt30mrHNmc3N1NXs+wEKpkSJ0tGeZsm2pllWQyZgAolh0g8iYtaBcqQO+bc8B+I4zF7ZLQOzYEa+oNCWUVqUX10sgKqEVLCBv53IhgUCfD2JAWVlB6vGksLantbzya69SjVqg5l4q+AD27JwPBI6Ta4bV7M62SHheRGJZWYlADAjwEVSCAM9LADkNV6QNhOt6ddf1qrmZOd9Mm7XCRVuapqmJeFJ6flY0x/ebcb7h8znHdy7l/fwlxwdqxIgnk7pIJnWtUnU1z9dbgIrqIZAsrBQtVyLgqXCYi9S1AY7q56uyVigWasVCoVIomjXDyEh7xpbZ9qwAKoFfavr41Iwd4Fd951LeB6TVmpGh5ZZgSS+JOs5GCIQkcqfPjOS+vbhP9IH1YqEA4BcLhVqxUA2Aij1ji2x7looiMDXTyPcM2UyrNaXhWCKKZ2hodF6RWBY8q7zIalELvHFmJLekXa4ARADYM3Yw1dClz9SWTMLSkuGh0WlgGsivRGK1N7GL5DyS8V8+dczJO45npHTa2jNatVYlYYgaoKVNU4IhwJCVoKIpjVWCihQQx0cTIAQIfCQ+UtcN4ZU9TdeJm2YCIWpS1zVp6XrinXNj5aFz51x0JlQo3XAqUVXlBPDBv996Z0JFh0SoZjohAJE24+HMa0E1EE31iQEi8JsuoukpQwBCT+lhH2lZaZmxTAFw5NfHJoFJ4IKa/epyAFcjECjwrwMTv/vD8Q/Gxt4vAy09Pdc1CJjxRSREQmgiLjQRF+H2UwAxIYkJ2QSPntKFntbjmYwpLSvdErqUAn8BOK1ILAt+LQSi8jrAK3/+x/mwoqfnOkKfVyQQcSFEQgigQUQ2wQshCcEn1LObFshYphgaHr04ODRyATgVscCmCdSVFaaBV8+dH/eefvrFKV3qhi71VmRSmNutuFuuSJEgkW6JY6V0LSHUn27IhG5IIQ2RTmViVkqP66BlM8mW7jYzbrUl08haPD/vaL/57Qvv4TOJz9v4FPAbGexmCYTiAG8Cp04PjUw+2TA1nR1ZHZCdnVkJSLM1kQBEujWupVvjGqClU7qWTumaSsqEmUm2mFZyUez/4Q8G3mxu7BuTNbMWUGslUFcEHGXeKAm5hERckWgQSelxIG6m9LiZ0mUUvGklWyLgURN0dq3gWeepREgiUCQ4PTTSu7P9pP/1gwe6Ozuy+tS07ZmNWQ+aPl5rZMJmWtcAkUwlmuALjus/9tiTb6vxX1kveNZ5KhGVncB24Dag99Y9N3fdf9/dXarNA8pj/2kcTsRbjBpAWyYtAZE0E80d1iMPHR4u+cwCI8DbqvzIad/lJNwTb/RocVaVp4HY0PA5ABSJBEDPTd0AuIVKCKaZKpw9O8qzzzw/rOqj4Fnv8eJmzkZn1WsegAiJzpAEwI7tZmhiATB4Znj62Ween1IL9U11kjfy0eGvPAFURhrGbYaGz+E5FA997+7rVUZJ9FDqn6dHp3//bBP8y6p8bzMANroGohLm/jcAe5B8GeCRB7+5d1/vp/HmGwdXg2dGJo786tgkMBpxmdnlTt5Wk/WezK2dhGQfsFeR6Npz803XHjl6bGLwjZFJYFAdWNmRdbQh2WoCH5KQfALoVqd53Xs/e0t3BPyg2ttuCjzrOJlbVZ47ejj8GSidVKnHKWBw8I2RF4AXFPjJKPhI3w3LVlqgOaaKQimlQu2syqrcki/rm30PrCR1Bbai3CXR3KRvEfioXMmvlCHY8ir3bUr+vz50e/Pepm2iS31xxRX+Ev2xt0Dsav27zVbJfwEXZLtgYPxPXAAAAABJRU5ErkJggg==);
--icon-unwatch: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJD0lEQVRogdVabWhb1xl+ZF3JV9aHnciRP+Q6NlGVerh0rsGhJd7WZKVlTJRlZLCxHxspKRuBDrYfG4z92o/98Y9Bw3BrE1yPDbolJdPwGpK4Xec5eCXyNNq6k+0olePYdZxalr9u9Lkf9z3Se4+u/NEYRl54OffonvOe5zkf73nPubIUCgX0fc+CR1Wq/t8AHlYeeQLKHstbABQk4gWpjJw3swEAVimfM7Gxk61dEbCQVpGKZw4gAyDPgBSYchsWqseVL8AcgCzZylFa2I7ITgQsrAEnpTapzEEAn7F8htJN9lsBgIOe7ZT6KU1K9h5QusoIpr8IAQu9r6G8m1QmUAuggZFYqWBP2Glgv/nJJpc0gReSItKmJCoREOCrJfDNZMzPyorGGgEsEsEN9l4Mv5NIiLotlB5gZecYgQSlTrJnSsKMgABvBaCSNhMBP4D2zufONPvauvwA/CvL8bn4zfBi8m7sP1TfA2CJNVwg4DUADpEtf9fXz/ib2ruO1TV1NVO9ROLjd+fG/vzL91inrAK4R88bJlhhMdnILABc9NwAoA7AEwAQ7Amdev4H/SfVOoenVFzVW//4H/8du/ibGwtTox8BmKWXM2ztHAWAprauZ49/99e9rU+e6OD1hczc/NPWlf6zr1HdGW09uUyjAZpOhkUtExAPLmq4EUAnAITOvX4q2PPNb0FxwChGALGJ8PXwb7/zDmVnaUQA4Giw5/TR0E/ePLVdfUADgK3zZ5teIwJTbDqlqJDweGUbmYWBd4mRCPaEdPC7kOCx0ydDr751DkAAwBHqeR38ubdeKq+RkhQA4HjhldeFjcfIUdRSZxgwmxEQ4qIR6Aid698VeEbicPDY6QCAFyXw1vLS85LqEugOOQLdoQADzzEXccqL2Eq/1ZE2nzh9pgfKFCuiSVWaTEmEXv3FyfNnx0YAoKP3+AkokybgASAu5ReKT1996dhXPvz78Hu0+DXyQg9osytAGgGLlG8AgPae493mDZMUPq346oVXft4Z6D7eHOjurdtrXQBQGzu8/mDns9LPho6QR0AQaAQAz0FfY52/9YChhHafteAtB2I5XHwMdPe2Brp7Pbx6RdCavv/lCIJV1au1BDtb5mMfttAeARaC5GUCIr4RO2WD/0jnU+Jlcl73ZHXWGUagHnDdASytZKHVDJp57+cTQCEBrDcVwQNABhqsqgd5bQ1Vqhv+xzsfo1civcXNcAIiyhRzzOpx2dxYXgRSCyUUeRa6rCcBzap7y3ofkPsIUOaxreRoDS3RXN80rgE1awdwH3B5gfUUmg7UFahTpym+MmxanEDZIvO3BfxIUUNrlOakUGcrDxzyActLet5BUXGttxz86n1gI1XK31swBtEAkJNgKF55WBXSjEzALG8En1owjgAA5CWvVAtzWaW1o9h04EXbsj0ArvoKRspFBpw1LeVuKpEAgBRr1KWWer/eB6wuE+Bl8xbzAJYWS3mNdYBHWi4ub7nX3oaAiC9qaeFtapqm5ar0Mc5XWZFTHFC37gNON7CxppdOEjGbHcik9IlotzOzLFTIpIFsBkjngIyYOw7AQeGSxU7hYxWQWQGyNqysbKTozOChgHKJn97MpoxYhf6FRPxOxzPPfCm3zlyn06PPY0HCxsCmMzpIHjgqUqxjoTluo1RxwlTcPvHE/W5CniV848pJ51IszsUnijue2wury1siAegk7DZdhVTbjWqTVIjdqisA1Dh1ddQALl+pjMuHxPRUgoALIgaccizEDwzzC4k4tOkbiSJwAKgR4CkVwJxOnUi1pLLYrYDTro+AzaoDB3TwQtw+ncj60tbYXy/JO1/FEQD1dpaOhSsAElffj1xGVoNVdcJ2qFXnWKPq6rCWnJoCwGEHqnJGrU4b1cbcpKoCtrSuqlXXQy2AageyScQ+mRqjc8E90jQ77AMmi5hPoRSAVCw6OR379+R08Mtdj+u9Q6OxRpvNluQmrLJjl8TC1oSqAgobXbdx7wi/OXyNFjA/IxsaMLvYWmPB+bxuaPBvxbfCR4vGqlVJTaYRV1UtKQcugx8a7qfHBCOxKp/IzKaQEEFiBsB0eKgCCZmA3b69OlSjCuCu+qLd8NDw1Vg0eovinlUYJc8zZgRyFHNkicAmgOVYdPLaaHjkfSiq7hrrWnStsZdUSerrwqaZq8Oql1GSpTrCDtmdmorPxqLRCVqD69T79+g5K19yVbpWEd5oHcBd8ePkuyOXW454W4NPP9VWLFlNbu/BEmD36aGF8O1Z2g+4r69iU6eauUwAM9Gp5Mgbg3+kaTNHaYodZMrEbA0IhmlGoKjhgeHLsUj0dhkIkSrMHSpOI3jxrtpnCv7K0MXzEvg5CXjZFWOl22mzu0hB4oNdkTBTSL1eek5eGbr4NjkNDh6s903vR7e7WixQyJqhg+pBGs4VAJ+EB4Y3T/3I9/32J9v1g0a1CMSoTzJLRms2AusMGH5OLmrJwV/97AKA20RgmdZdwSz+l2Wn7wOc9ef6SQOfUg8lLv2u7/exyKTxRCKA2nxG5e9IYpHoIgMvdJlUSH672+ndEMgD2GIkEpxEeGDwQiwyOWpoRAbPSTDw4YHhv0jgbzPwmzuBR4Wrxe3IOhjpVgCHAXgBtAWf7vpa6OUzz0FRS8bSNI3sHLyGWCQaIfB3kdU+Y+BBoDdlf19J9vKFpkB3MzYiIs6WKwDWY5FJ+8iFP2yd+OFPny9+A6g6AFU1htPj4Uv/uvH24ARdO96hdbXKQgRtN19mviiBvMnNlgj+I1MfjCOdA158mZFg9cP9fddjE6PXaLHeoTTNps3WTl9kZNnrRz5hWKPGPqf8An0biMxGxq++M9DXL4XmOvib49cl8JDA7zjnH5YAFzES4oArSNyajYzPnv/xtwWJQri/b4DAxyXwIt3a7ZyXZa9fKWVJ05pYYB82NIpob4+80TfT/kTX4djE6D9ZTy+yeQ/aZ/bU61z24oW2E/EpysO+eYkLFjftH2AkBPiKO+xu5WFHQMgDIpFiU2GVSNyVyu4beOwjAbCgSz6SKWwE+PuHBk/G44gXvlH8od0y8jD2LDQCYk6K3pa/vO8LeOzzCGCvPnw/5JH/s8f/AOu9SIdQdF9+AAAAAElFTkSuQmCC);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

--userbar-button-hover-background-color: transparent;
--userbar-button-hover-border-color: #555;

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Common.css

2026-08-07T01:24:24Z

Erin Umbreon: way better userbar button styles; hopefully this doesn't break everything

/* Font for in-game special characters - https://github.com/ewwwin/ffxiv-symbol-fonts */
@import url("https://ewwwin.github.io/ffxiv-symbol-fonts/FFXIV_Lodestone_SSF.css");

/* #region Hoisted imports used by themes */

/* New fonts for Meteor headers & navigation to replace EasonPro */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght,ital@400,0;400,1;500,0;500,1;700,0;700,1&family=Oswald:wght@400&display=swap');

/* #endregion */

/* Render in-game special characters in wikitext output */
/* Class used by {{special chat character}} */
.mw-parser-output .SpecialChatCharacter__icon {font-family: "FFXIV_Lodestone_SSF"}
.mw-parser-output .SpecialChatCharacter__icon .error::before {content: "\E070\00A0"}

:root {
/* Colors used by templates (since templatestyles can't define new variables) */
--navbox-data-row-even-bg: #F7F7F7;
--navbox-header-bg: #CCCCFF;
--navbox-label-bg: #DDDDFF;
--navbox-label-border: 2px solid #FDFDFD;
--navbox-inner-border: 2px solid #FDFDFD;
--navbox-sublabel-bg: #DDDDFF;
--tooltip-border: #A3A9B1; /* TODO: what is this used by? */
--navbox-bg: #FDFDFD;
--dialogue-block-bg: #F2F2F2;
--dialogue-line-bg: #e8e8e8;
--dialogue-standalone-bg: var(--navbox-header-bg);
--dialogue-option-bg: var(--navbox-sublabel-bg);
--dialogue-optional-border: #008eff;
--dialogue-cutscene-bg: #b2ddff;
--dialogue-duty-bg: #ffbdb2;
--drops-list-collapsible-section: #FFC6AA;

/* Noise image for use in templates and also the new CSS themes */
--noise-texture: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MDBweCcgaGVpZ2h0PSc0MHB4Jz48ZmlsdGVyIGlkPSdub2lzZSc+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuNzUnIG51bU9jdGF2ZXM9JzMnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4gPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcgLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbm9pc2UpJyBvcGFjaXR5PScwLjQnLz48L3N2Zz4=");
}

/* #region Social userpage profile customizations */

/* Hide page title on userpages and in the "User profile" namespace since it's duplicated by the username in the profile section */
body.mw-wiki-user-page #firstHeading,
body.mw-social-profile-page #firstHeading,
body.ns-202 #firstHeading {display: none}
body.mw-wiki-user-page #mw-content-text,
body.mw-social-profile-page #mw-content-text,
body.ns-202 #mw-content-text {margin-top: 0}

/* Styles for profile info */
#profile-top {
display: flex;
align-items: stretch;
height: auto !important; /* overriding something dumb */
gap: 1rem;
border-bottom: 0;
padding: 0;
margin: -0.5rem 0 1rem;
}
#profile-right {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
#profile-image {margin: 0}
#profile-image img, #profile-image p {
border: 1px solid var(--border-color-subtle,#c8ccd1);
}
#profile-image p {border-top: 0}
#profile-title-container {padding: 0}
.profile-actions a {margin: 0}

/* I'm not sure where this used to be defined but it seems like the social profile page relies on this for layout */
.visualClear {clear: both}

/* #endregion */

/* Newly Added After Server Upgrade Start */

/* display the correct main page on desktop and mobile */
/* default desktop */
.desktop-frontpage { display: block; }
.mobile-frontpage { display: none; }
/* phones, narrow screens */
@media (max-width: 720px) {
.desktop-frontpage { display: none !important; }
.mobile-frontpage { display: block !important; }
}

/* Moving the mobile.css for infobox here */
@media (max-width: 768px) {
/***********************************************************************************
FURTHER CUSTOMIZATION
***********************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}
/* fixes quotation template on mobile */
.quotation-box {
margin-left: 0 !important;
}
/* From Valento */
/* General */
p img {
margin: 0;
}
img {
border: none;
vertical-align: middle;
}
p,
ul,
ol,
dl {
margin-top: 0.7692307692em;
margin-bottom: 0.7692307692em;
line-height: 1.5384615385em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url(/mediawiki/images/b/b3/Box_overlay.png) !important;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}
div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/images/c/cc/Infobox_header_overlay.png") !important;
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url(/mediawiki/images/4/45/Shadow_after.png);
background-size: 100% 3px;
}
div.nav .box::after {
bottom: -4px;
}
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class="center"]::after,
.table.noshadowafter::after {
background-image: none;
}
div.nav table {
background-color: transparent;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.667em;
}
div.infobox .heading,
div.infobox .subheading,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
}
/* Moving the mobile.css for front page here */
/*
RESPONSIVE STRUCTURE
*/
#mobile-pagewrap {
width: 960px;
font-size: 95%;
margin: 15px auto;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.75em;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #bbb),
color-stop(0.02, #fff),
color-stop(1, #eee)
);
}
.mobile-column {
min-height: 330px;
width: 320px;
float: left;
}
.mobile-first-column {
width: 641px;
}
.mobile-box-content {
padding: 5px 15px;
}
#mobile-bottom {
clear: both;
}
/*
MEDIA QUERIES
*/
/* for 980px or less */
@media screen and (max-width: 980px) {
#mobile-pagewrap {
width: 94%;
}
.mobile-column {
width: 50%;
}
.mobile-first-column {
width: 70%;
}
.mobile-second-column {
width: 30%;
}
.mobile-box-content {
padding: 1% 4%;
}
.two-column-break {
clear: both;
}
}
/*for 820px or less*/
@media screen and (max-width: 820px) {
.mobile-first-column .floatleft {
float: none;
text-align: center;
width: 100%;
}
}
/* for 600px or less */
@media screen and (max-width: 600px) {
.mobile-column {
width: auto;
float: none;
}
.mobile-column {
min-height: inherit;
}
}
/*
FURTHER CUSTOMIZATION
************************************************************************************/
.mobile-box-header {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.5em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: url(/mediawiki/images/a/aa/Bg_gradient4.jpg) !important;
font-weight: 400;
text-align: center;
}
#mobile-pagewrap {
border: 1px solid #ccc;
}
.mobile-column {
border-right: 1px solid #ccc;
margin-left: -1px;
}
.mobile-second-column {
border-right: none;
}

/* Newly Added After Server Upgrade End */

.glowbox {
display:inline-block!important;
box-shadow:0px 0px 5px 5px #ed2a54;
}

.displaynone {
display: none !important;
}

.is-wikipatron {
color: red !important;
}

.is-ultimapatron {
color: blue !important;
}

.is-warrioroflight {
color: gold !important;
}

/*<nowiki>*/
/** FONTS **/
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular")
format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic")
format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold")
format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "CronosPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix")
format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff")
format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.ttf")
format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular")
format("svg");
font-weight: normal;
font-style: normal;
}

/* Hide RC quick links below minimum screen width */
@media screen and (max-width: 750px) {
#rcQuickLinks {
display: none;
}
}

/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc1 li.toclevel-4,
.toc1 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-3,
.toc2 li.toclevel-4,
.toc2 li.toclevel-5,
.toc2 li.toclevel-6,
.toc3 li.toclevel-4,
.toc3 li.toclevel-5,
.toc3 li.toclevel-6,
.toc4 li.toclevel-5,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide,
body.page-Main_Page.ns-subject h1.firstHeading {
display: none;
}

/* TOC heading font */
#toc h2,
.toc h2 {
font-family: Arial, sans-serif !important;
}

/* Miscellaneous changes */
div.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0;
margin-bottom: 0.5em;
}
div.mw-dismissable-notice .mw-dismissable-notice-close {
margin-right: 5px;
}
ul.special abbr,
ul.special acronym {
border: none;
}
ol.references > li:target,
sup.reference:target,
cite:target {
background: #eef;
}
ol.references {
font-size: 90%;
}
sup,
sub {
line-height: 1em;
}
.mw-editsection {
float: right;
}
div.searchresults .mw-search-results {
float: none;
}
.mw-collapsible-toggle {
font-weight: normal;
font-size: 85%;
}
span.comment {
font-style: italic;
}
.autocomment {
color: gray;
}
.gray,
.gray a {
color: gray;
opacity: 50%;
}

/* Universal styles */
.hidelist ul {
list-style: none none;
margin: 0;
padding: 0;
}
.hidelist p {
font-style: italic;
margin: 0 0 0.2em;
}
.hidelist p + ul {
margin-bottom: 0.5em;
}
.nav .clear,
.recipe-box .clear {
height: 5px;
}
#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
color: inherit;
}

/** MAIN PAGE STYLESHEET **/
#mainpagenavigation {
display: block;
border-collapse: collapse;
text-align: left;
}

#mainpagenavigation th {
font-family: EasonPro, "Times New Roman", serif;
font-size: 1.7692307692em;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.25em;
background-color: #444;
background-image: linear-gradient(to bottom, #537189, #1C2A34) !important;
font-weight: 400;
height: 48px;
text-align: center;
font-size-adjust: 0.43;
}

#mainpagenavigation td {
background-color: #fff;
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
}
.view-dark #mainpagenavigation td {
background-color: var(--background-color-neutral, #333);
background-image: none;
}

#mainpagenavigation td.content {
vertical-align: top;
padding: 0.5em 1.5em;
}

#mainpagenavigation td.separator {
border-right: var(--border-color-muted, #dadde3) solid 1px;
}

body.page-Main_Page.ns-subject #content,
body.page-Main_Page_editcopy.ns-subject #content {
padding-left: 16px;
padding-right: 16px;
}

/* older IE hacks */
#mainpagenavigation td.content > * {
width: 88%\0/;
}
#mainpagenavigation td.content > [class*="float"] {
width: auto\0/;
}
:root #mainpagenavigation td.content > * {
width: auto;
}

/** TABLE CLASSES **/
.table {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
}

/* make table captions bold */
.table > caption {
font-weight: bold;
}

/* this is a hack to add borders to IE8- */
.table > thead,
.table > tbody {
border: 0 solid #aaa\0/;
}

.table tr {
border: 1px solid #aaa\0/;
text-align: left;
border-color: #aaa;
}

/* and this removes them for IE9+ */
:root .table tr {
border-top-width: 0;
border-bottom-width: 0;
}

.table > * > tr > :first-child {
border-left: 1px solid #aaa;
}
.table > * > tr > :last-child {
border-right: 1px solid #aaa;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #aaa;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
background-color: #eee;
border-color: #aaa;
padding: 0.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
padding: 0.25em 0.5em;
}

.table tr > th,
.table[class*="center"] tr {
text-align: center;
}
.table[class*="left"] tr {
text-align: left;
}
.table[class*="right"] tr {
text-align: right;
}
.table[class*="middle"] tr {
vertical-align: middle;
}
.table[class*="top"] tr {
vertical-align: top;
}
.table[class*="bottom"] tr {
vertical-align: bottom;
}

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
background-color: #eee;
border: 1px solid #aaa;
}

.table > tbody > tr > th,
.table > tfoot > tr > th {
background-color: #e7e7e7;
border-color: #aaa;
}

.table > tbody > tr:nth-child(odd) {
background-color: #f3f3f3;
border-color: #aaa;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] {
border: 1px solid #aaa;
}

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] {
border-top-width: 0;
}

.table .line,
.table .line-bottom {
border-bottom-width: 1px !important;
border-bottom-style: solid;
}

.table .line-top {
border-top-width: 1px !important;
border-top-style: solid;
border-top-color: #aaa;
}

.table .line-left {
border-left-width: 1px !important;
border-left-style: solid;
border-left-color: #aaa;
}

.table .line-right {
border-right-width: 1px !important;
border-right-style: solid;
border-right-color: #aaa;
}

.table table {
background-color: transparent;
padding: 0;
margin: 0;
}

/** STDT table classes **/
/* dps-role*/
.table.dps-role > :first-child > tr:first-child,
.table.dps-role > tbody > tr.heading,
.table.dps-role > :first-child > tr:first-child > *,
.table.dps-role > tbody > tr.heading > * {
background-color: #bb6363 !important;
border-color: #9a4848 !important;
}
.table.dps-role > tbody > tr > th,
.table.dps-role > tfoot > tr > th,
.table.dps-role > thead > tr > th,
table.table > tbody > tr.dps-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.dps-role > tbody > tr:nth-child(odd),
.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #f2e8e5;
}

/* healer-role*/
.table.healer-role > :first-child > tr:first-child,
.table.healer-role > tbody > tr.heading,
.table.healer-role > :first-child > tr:first-child > *,
.table.healer-role > tbody > tr.heading > * {
background-color: #3c6829 !important;
border-color: #2a491d !important;
}
.table.healer-role > tbody > tr > th,
.table.healer-role > tfoot > tr > th,
.table.healer-role > thead > tr > th,
table.table > tbody > tr.healer-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.healer-role > tbody > tr:nth-child(odd),
.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #e7f3e2;
}

/* tanker-role*/
.table.tanker-role > :first-child > tr:first-child,
.table.tanker-role > tbody > tr.heading,
.table.tanker-role > :first-child > tr:first-child > *,
.table.tanker-role > tbody > tr.heading > * {
background-color: #5587c1 !important;
border-color: #4871a0 !important;
}
.table.tanker-role > tbody > tr > th,
.table.tanker-role > tfoot > tr > th,
.table.tanker-role > thead > tr > th,
table.table > tbody > tr.tanker-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.tanker-role > tbody > tr:nth-child(odd),
.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #d2e3f7;
}

/* crafting-role*/
.table.crafting-role > :first-child > tr:first-child,
.table.crafting-role > tbody > tr.heading,
.table.crafting-role > :first-child > tr:first-child > *,
.table.crafting-role > tbody > tr.heading > * {
background-color: #878eb5 !important;
border-color: #777d9e !important;
}
.table.crafting-role > tbody > tr > th,
.table.crafting-role > tfoot > tr > th,
.table.crafting-role > thead > tr > th,
table.table > tbody > tr.crafting-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.crafting-role > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #dfe1ec;
}

/* gathering-role*/
.table.gathering-role > :first-child > tr:first-child,
.table.gathering-role > tbody > tr.heading,
.table.gathering-role > :first-child > tr:first-child > *,
.table.gathering-role > tbody > tr.heading > * {
background-color: #78a923 !important;
border-color: #5a8019 !important;
}
.table.gathering-role > tbody > tr > th,
.table.gathering-role > tfoot > tr > th,
.table.gathering-role > thead > tr > th,
table.table > tbody > tr.gathering-role > th {
background-color: #cbeb93;
border-color: #87a992;
}
.table.gathering-role > tbody > tr:nth-child(odd),
.table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #eaf7d4;
}

/* pet-role*/
.table.pet-role > :first-child > tr:first-child,
.table.pet-role > tbody > tr.heading,
.table.pet-role > :first-child > tr:first-child > *,
.table.pet-role > tbody > tr.heading > * {
background-color: #5fb7aa !important;
border-color: #479e91 !important;
}
.table.pet-role > tbody > tr > th,
.table.pet-role > tfoot > tr > th,
.table.pet-role > thead > tr > th,
table.table > tbody > tr.pet-role > th {
background-color: #a9d3b7;
border-color: #87a992;
}
.table.pet-role > tbody > tr:nth-child(odd),
.table > tbody > tr.pet-role:nth-child(odd) {
background-color: #edf7f6;
}

/* npc */
.table.npc > :first-child > tr:first-child,
.table.npc > tbody > tr.heading,
.table.npc > :first-child > tr:first-child > *,
.table.npc > tbody > tr.heading > * {
background-color: #6c3;
border-color: #52a329t;
}
.table.npc > tbody > tr > th,
.table.npc > tfoot > tr > th,
.table.npc > thead > tr > th,
table.table > tbody > tr.npc > th {
background-color: #b3e699;
border-color: #8fb87a;
}
.table.npc > tbody > tr:nth-child(odd),
.table > tbody > tr.npc:nth-child(odd) {
background-color: #e8f8e1;
}

/* pve */
.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #fc6;
border-color: #cca352;
}
.table.pve > tbody > tr > th,
.table.pve > tfoot > tr > th,
.table.pve > thead > tr > th,
table.table > tbody > tr.pve > th {
background-color: #ffe6b3;
border-color: #ccb88f;
}
.table.pve > tbody > tr:nth-child(odd),
.table > tbody > tr.pve:nth-child(odd) {
background-color: #fff8e8;
}

/* equip or item*/
.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #f96;
border-color: #cc7a52;
}
.table.equip > tbody > tr > th,
.table.equip > tfoot > tr > th,
.table.equip > thead > tr > th,
table.table > tbody > tr.equip > th,
.table.item > tbody > tr > th,
.table.item > tfoot > tr > th,
.table.item > thead > tr > th,
table.table > tbody > tr.item > th {
background-color: #ffccb3;
border-color: #cca38f;
}
.table.equip > tbody > tr:nth-child(odd),
.table > tbody > tr.equip:nth-child(odd),
.table.item > tbody > tr:nth-child(odd),
.table > tbody > tr.item:nth-child(odd) {
background-color: #fff0e8;
}

/* skin */
.table.skin > :first-child > tr:first-child,
.table.skin > tbody > tr.heading,
.table.skin > :first-child > tr:first-child > *,
.table.skin > tbody > tr.heading > * {
background-color: #e07a98 !important;
border-color: #996574 !important;
}
.table.skin > tbody > tr > th,
.table.skin > tfoot > tr > th,
.table.skin > thead > tr > th,
table.table > tbody > tr.skin > th {
background-color: #ffd4df;
border-color: #b3a1a5;
}
.table.skin > tbody > tr:nth-child(odd),
.table > tbody > tr.skin:nth-child(odd) {
background-color: #ffedf4;
}

/* mech1 */
.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #69c;
border-color: #527aa3;
}
.table.mech1 > tbody > tr > th,
.table.mech1 > tfoot > tr > th,
.table.mech1 > thead > tr > th,
table.table > tbody > tr.mech1 > th {
background-color: #b3cce6;
border-color: #8fa3b8;
}
.table.mech1 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech1:nth-child(odd) {
background-color: #e8f0f8;
}

/* mech2 */
.table.mech2 > :first-child > tr:first-child,
.table.mech2 > tbody > tr.heading,
.table.mech2 > :first-child > tr:first-child > *,
.table.mech2 > tbody > tr.heading > * {
background-color: #3cc !important;
border-color: #29a3a3 !important;
}
.table.mech2 > tbody > tr > th,
.table.mech2 > tfoot > tr > th,
.table.mech2 > thead > tr > th,
table.table > tbody > tr.mech2 > th {
background-color: #99e6e6;
border-color: #7ab8b8;
}
.table.mech2 > tbody > tr:nth-child(odd),
.table > tbody > tr.mech2:nth-child(odd) {
background-color: #e1f8f8;
}

/* lore */
.table.lore > :first-child > tr:first-child,
.table.lore > tbody > tr.heading,
.table.lore > :first-child > tr:first-child > *,
.table.lore > tbody > tr.heading > * {
background-color: #c6c !important;
border-color: #a352a3 !important;
}
.table.lore > tbody > tr > th,
.table.lore > tfoot > tr > th,
.table.lore > thead > tr > th,
table.table > tbody > tr.lore > th {
background-color: #e6b3e6;
border-color: #b88fb8;
}
.table.lore > tbody > tr:nth-child(odd),
.table > tbody > tr.lore:nth-child(odd) {
background-color: #f8e8f8;
}

/* location */
.table.location > :first-child > tr:first-child,
.table.location > tbody > tr.heading,
.table.location > :first-child > tr:first-child > *,
.table.location > tbody > tr.heading > * {
background-color: #96c !important;
border-color: #7a52a3 !important;
}
.table.location > tbody > tr > th,
.table.location > tfoot > tr > th,
.table.location > thead > tr > th,
table.table > tbody > tr.location > th {
background-color: #ccb3e6;
border-color: #a38fb8;
}
.table.location > tbody > tr:nth-child(odd),
.table > tbody > tr.location:nth-child(odd) {
background-color: #f0e8f8;
}

/* promo */
.table.promo > :first-child > tr:first-child,
.table.promo > tbody > tr.heading,
.table.promo > :first-child > tr:first-child > *,
.table.promo > tbody > tr.heading > * {
background-color: #9c3 !important;
border-color: #7aa329 !important;
}
.table.promo > tbody > tr > th,
.table.promo > tfoot > tr > th,
.table.promo > thead > tr > th,
table.table > tbody > tr.promo > th {
background-color: #cce699;
border-color: #a3b87a;
}
.table.promo > tbody > tr:nth-child(odd),
.table > tbody > tr.promo:nth-child(odd) {
background-color: #f0f8e1;
}

/* buff */
.table.buff > :first-child > tr:first-child,
.table.buff > tbody > tr.heading,
.table.buff > :first-child > tr:first-child > *,
.table.buff > tbody > tr.heading > * {
background-color: #73d9d9 !important;
border-color: #5caeae !important;
}
.table.buff > tbody > tr > th,
.table.buff > tfoot > tr > th,
.table.buff > thead > tr > th,
table.table > tbody > tr.buff > th {
background-color: #b9ecec;
border-color: #94bdbd;
}
.table.buff > tbody > tr:nth-child(odd),
.table > tbody > tr.buff:nth-child(odd) {
background-color: #eaf9f9;
}

/* debuff */
.table.debuff > :first-child > tr:first-child,
.table.debuff > tbody > tr.heading,
.table.debuff > :first-child > tr:first-child > *,
.table.debuff > tbody > tr.heading > * {
background-color: #51a651 !important;
border-color: #418541 !important;
}

.table.debuff > tbody > tr > th,
.table.debuff > tfoot > tr > th,
.table.debuff > thead > tr > th,
table.table > tbody > tr.debuff > th {
background-color: #a8d3a8;
border-color: #86a986;
}

.table.debuff > tbody > tr:nth-child(odd),
.table > tbody > tr.debuff:nth-child(odd) {
background-color: #e5f2e5;
}

/* crafting */
/* recipe */
.table.crafting > :first-child > tr:first-child,
.table.crafting > tbody > tr.heading,
.table.crafting > :first-child > tr:first-child > *,
.table.crafting > tbody > tr.heading > *,
.table.recipe > :first-child > tr:first-child,
.table.recipe > tbody > tr.heading,
.table.recipe > :first-child > tr:first-child > *,
.table.recipe > tbody > tr.heading > * {
background-color: #a68151 !important;
border-color: #856741 !important;
}

.table.crafting > tbody > tr > th,
.table.crafting > tfoot > tr > th,
.table.crafting > thead > tr > th,
table.table > tbody > tr.crafting > th,
.table.recipe > tbody > tr > th,
.table.recipe > tfoot > tr > th,
.table.recipe > thead > tr > th,
table.table > tbody > tr.recipe > th {
background-color: #d3c0a8;
border-color: #a99a86;
}

.table.crafting > tbody > tr:nth-child(odd),
.table > tbody > tr.crafting:nth-child(odd),
.table.recipe > tbody > tr:nth-child(odd),
.table > tbody > tr.recipe:nth-child(odd) {
background-color: #f2ece5;
}

/* Action tables */
.table.actions,
.table.traits {
width: 100%;
max-width: 1000px;
display: table;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan],
.table.traits > :first-child > tr:first-child ~ tr th[colspan] {
text-align: left;
}
.table.actions
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection,
.table.traits
> :first-child
> tr:first-child
~ tr
th[colspan]
span.editsection {
display: none;
}
.table.actions > :first-child > tr:first-child ~ tr th[colspan] h4,
.table.traits > :first-child > tr:first-child ~ tr th[colspan] h4 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* Using : lists within tables */
/* no top/bottom margin in these tables */
.table.fm dl,
.table.craftvariants dl {
margin-top: 0;
margin-bottom: 0;
}
/* no left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd {
margin-left: 0;
}
/* restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd {
margin-left: 2em;
}

/* Using * lists within combo tables */
.table.combo ul {
margin: 0.15em 0;
}
.table.combo li {
display: block;
}

/** INFOBOXES **/

div.infobox,
div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.nav .heading {
font-weight: 700;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
position: relative;
z-index: 1;
font-size-adjust: 0.52;
margin: -1px -1px 5px !important;
}

div.nav .subheading {
font-weight: 700;
background-color: #888;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-right: 1px solid rgba(0, 0, 0, 0.25);
line-height: 100%;
text-align: center;
position: relative;
margin: 0 -1px !important;
}

div.nav dl {
margin: 10px 0;
}

div.nav .box::after,
div.nav .heading::after,
div.nav .subheading::after,
.table::after {
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.nav .box::after {
bottom: -4px;
}

div.nav .heading::after,
div.nav .subheading::after,
.table::after {
bottom: -3px;
}

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*="center"]::after,
.table.noshadowafter::after {
background-image: none;
}

div.nav table {
background-color: transparent;
}

/** NAV BARS (headings are done with infobox headings) **/
div.nav {
position: relative;
width: 500px;
margin: auto;
}

div.nav .box {
position: relative;
font-size: 0.9230769231em;
border-spacing: 0;
overflow: visible;
min-height: 60px;
border: 1px solid #aaa;
margin: 5px;
padding: 0;
}

div.nav .heading {
font-family: Arial, sans-serif !important;
background-color: #888;
font-size: 1.083em;
line-height: 100%;
margin: -1px -1px 0;
padding: 0.769em 0;
}

div.nav .subheading {
font-family: Arial, sans-serif;
font-size: 1em;
font-size-adjust: 0.52;
padding: 0.833em 0;
}

.nav .selflink {
font-weight: bold;
}

div.nav dt,
div.nav dd,
div.nav table {
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.nav .center {
text-align: center;
margin: 10px 0;
}

div.nav .box table {
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin: 0.667em 0;
}

div.nav dt {
float: left;
text-align: right;
width: 150px;
clear: left;
border-right: 2px solid #999;
margin: 0 -2px 0 0;
padding: 2px 8px;
}

div.nav dd {
float: left;
text-align: left;
border-left: 2px solid #888;
width: 325px;
margin: 0;
padding: 2px 8px;
}

div.nav table th {
text-align: right;
border-right: 2px solid #888;
vertical-align: top;
padding: 2px 8px;
width: 150px;
}

div.nav table td {
padding: 2px 8px;
}

div.nav table td a,
div.nav table td strong.selflink {
white-space: nowrap;
}

div.nav.thin .box {
width: 400px;
margin-left: 50px;
}

div.nav.thin dt {
width: 75px;
}

div.nav.thin dd {
width: 290px;
}

div.nav.wide .box {
width: 600px;
margin-left: -50px;
}

div.nav.wide dt {
width: 150px;
}

div.nav.wide dd {
width: 400px;
}

div.nav .heading .selflink {
font-weight: bold !important;
}

div.nav.npc .heading {
background-color: #6c3;
}

div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th {
border-color: #6c3;
}

div.nav.pve .heading {
background-color: #fc6;
}

div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th {
border-color: #fc6;
}

div.nav.equip .heading {
background-color: #f96;
}

div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th {
border-color: #f96;
}

div.nav.mech1 .heading {
background-color: #69c;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #69c;
}

div.nav.mech2 .heading {
background-color: #3cc;
}

div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th {
border-color: #3cc;
}

div.nav.location .heading {
background-color: #96c;
}

div.nav.location dd,
div.nav.location dt,
div.nav.location table th {
border-color: #96c;
}

div.nav.lore .heading {
background-color: #c6c;
}

div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th {
border-color: #c6c;
}

div.nav.promo .heading {
background-color: #9c3;
}

div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th {
border-color: #9c3;
}

div.nav.quest .heading {
background-color: #efaa43;
}

div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th {
border-color: #eea63a;
}

div.nav.condition .heading {
background-color: #51a651;
}

div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th {
border-color: #51a651;
}

div.nav.hom .heading {
background-color: #c96;
}

div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th {
border-color: #c96;
}

div.nav.crafting .heading,
div.nav.recipe .heading {
background-color: #963;
}

div.nav.crafting dd,
div.nav.hom dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.hom dt,
div.nav.recipe table th {
border-color: #963;
}

div.nav.monsters .heading,
div.nav.monsters .subheading {
background-color: #6c3;
}

div.nav.monsters dd,
div.nav.monsters dt,
div.nav.monsters table th {
border-color: #6c3;
}

div.nav.duty .heading,
div.nav.duty .subheading {
background-color: #fb6537;
}

div.nav.duty dd,
div.nav.duty dt,
div.nav.duty table th {
border-color: #fb6537;
}

div.nav.whatever20 dd,
div.nav.whatever20 dt,
div.nav.whatever20 table th {
border-color: #d25d6b;
}

div.nav.whatever1 .heading,
div.nav.whatever1 .subheading {
background-color: #39c;
}

div.nav.whatever1 dd,
div.nav.whatever1 dt,
div.nav.whatever1 table th {
border-color: #39c;
}

div.nav.whatever2 .heading,
div.nav.whatever2 .subheading {
background-color: #c23f3a;
}

div.nav.whatever2 dd,
div.nav.whatever2 dt,
div.nav.whatever2 table th {
border-color: #c23f3a;
}

div.nav.whatever3 .heading,
div.nav.whatever3 .subheading {
background-color: #f93;
}

div.nav.whatever3 dd,
div.nav.whatever3 dt,
div.nav.whatever3 table th {
border-color: #f93;
}

div.nav.whatever4 .heading,
div.nav.whatever4 .subheading {
background-color: #963;
}

div.nav.whatever4 dd,
div.nav.whatever4 dt,
div.nav.whatever4 table th {
border-color: #963;
}

div.nav.whatever5 .heading,
div.nav.whatever5 .subheading {
background-color: #c66;
}

div.nav.whatever5 dd,
div.nav.whatever5 dt,
div.nav.whatever5 table th {
border-color: #c66;
}

div.nav.whatever6 .heading,
div.nav.whatever6 .subheading {
background-color: #ec5752;
}

div.nav.whatever6 dd,
div.nav.whatever6 dt,
div.nav.whatever6 table th {
border-color: #ec5752;
}

div.nav.whatever7 .heading,
div.nav.whatever7 .subheading {
background-color: #939;
}

div.nav.whatever7 dd,
div.nav.whatever7 dt,
div.nav.whatever7 table th {
border-color: #939;
}

div.nav.whatever8 .heading,
div.nav.whatever8 .subheading {
background-color: #396;
}

div.nav.whatever8 dd,
div.nav.whatever8 dt,
div.nav.whatever8 table th {
border-color: #396;
}

div.nav.whatever9 .heading,
div.nav.whatever9 .subheading {
background-color: #96f;
}

div.nav.whatever9 dd,
div.nav.whatever9 dt,
div.nav.whatever9 table th {
border-color: #96f;
}

div.nav.whatever10 .heading,
div.nav.whatever10 .subheading {
background-color: #d25d6b;
}

div.nav.whatever11 .heading,
div.nav.whatever11 .subheading {
background-color: #fc3;
}

div.nav.whatever12 dd,
div.nav.whatever12 dt,
div.nav.whatever12 table th {
border-color: #fc3;
}

div.nav.whatever13 .heading,
div.nav.whatever13 .subheading {
background-color: #6cf;
}

div.nav.whatever13 dd,
div.nav.whatever13 dt,
div.nav.whatever13 table th {
border-color: #6cf;
}

div.nav.whatever14 .heading,
div.nav.whatever14 .subheading {
background-color: #3c3;
}

div.nav.whatever14 dd,
div.nav.whatever14 dt,
div.nav.whatever14 table th {
border-color: #3c3;
}

/** PRINTER CHANGES **/
@media print {
#content {
border: 0 solid #fff;
box-shadow: none;
border-radius: 0;
}

#mainpagenavigation th,
div.nav .heading,
div.nav .subheading {
color: #000 !important;
text-shadow: none !important;
border-width: 0 !important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * {
border: 1px solid #000 !important;
}
.table {
border-collapse: collapse !important;
}
}

/* Hiding icon redlinks */
span.thumb-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
}

/* Item icons */
span.thumb-icon.item-icon.small a.new {
background-image: url("/images/thumb/7/74/action.png/20px-action.png");
height: 20px;
width: 20px;
}
span.thumb-icon.item-icon.medium a.new {
background-image: url("/images/thumb/7/74/action.png/35px-action.png");
height: 35px;
width: 35px;
}

/* Infobox icons */
div.infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/40px-action.png");
height: 40px;
width: 40px;
}
div.action-infobox-icon a.new {
color: transparent;
display: inline-block;
font: 0/0 a;
overflow: hidden;
vertical-align: middle;
background-image: url("/images/thumb/7/74/action.png/48px-action.png");
height: 48px;
width: 48px;
}

/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
margin: 0;
}

/* action icons */
/* These will require more work since the template takes a continuous size parameter, rather than discrete size values */
* + html span.thumb-icon a.new {
display: inline;
} /* IE7 fix */
* html span.thumb-icon a.new {
display: inline;
} /* IE6 fix */

/* Inline icons */
/* div is used by [[Template:Icon]] */
div.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
margin: 0 0.167em;
}
/* span is used by [[Template:Effect icon]] */
span.inline-icon {
display: inline-block;
bottom: 2px;
overflow: visible;
height: 1.5384615385em;
}

/* Masthead links */
#upperBar {
position: absolute;
top: 0;
left: 156px;
height: 30px;
z-index: 4;
font-size-adjust: 0.52;
}
#upperBar ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#upperBar ul li {
margin: 0;
padding: 0px;
display: inline-block;
font-family: "EasonPro", "Times New Roman", "serif";
}
#upperBar ul li a {
color: #f1f9e2;
text-transform: uppercase;
font-size: 12px;
padding: 8px 10px;
line-height: 2.6;
}
#upperBar ul li a:hover {
text-decoration: none;
color: white;
}
#upperBar ul li:first-child a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -121px -30px;
}
#upperBar ul li:first-child + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -206px -30px;
}
#upperBar ul li:first-child + li + li a:hover {
background: url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
background-position: -274px -30px;
}

/** Restore sort icons for sortable table headers **/
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==),
url("/mediawiki/images/b/b3/Box_overlay.png");
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
background-repeat: no-repeat, repeat;
background-position: 100% 50%, 0% 0%;
}

/* Recipe boxes that don't look like infoboxes */
div.recipe-box {
/* from div.infobox-n.recipe */
min-width: 300px;
display: inline-block;
float: none;
clear: none;
vertical-align: top;
font-size: 1em;
margin: 0 1em 0 0;
/* from div.infobox-n*/
position: relative;
background: #fff;
border: 1px solid #aaa;
padding: 0;
/* from div.infobox, div.nav .box */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
background-image: linear-gradient(top, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(1, #eee)
);
}

div.recipe-box::after {
/* from div.infobox:after */
bottom: -4px;
content: "";
position: absolute;
width: 100%;
left: 0;
height: 3px;
background-image: url("/mediawiki/images/4/45/Shadow_after.png");
background-size: 100% 3px;
}

div.recipe-box .subheading,
div.recipe-box .heading {
text-align: center;
background-color: #d3c0a8;
padding: 2px;
font-weight: bold;
background-image: url("/mediawiki/images/b/b3/Box_overlay.png");
border: 1px solid rgba(0, 0, 0, 0.25);
margin: -1px -1px 5px !important;
}

div.recipe-box .subheading {
border-width: 0 1px;
}

div.recipe-box dl {
margin: 10px 0;
}

div.recipe-box dt {
float: left;
text-align: right;
width: 130px; /* CUSTOM (OLD: 112px) */
line-height: 1em;
font-weight: 700;
clear: left;
border-right: 2px solid #a99a86;
margin: 0 -2px 0 0;
padding: 2px 8px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
}

div.recipe-box dd {
float: left;
border-left: 2px solid #999;
margin: 0;
padding: 2px 7px;
line-height: 1.4;
}

/* For generic ingredient lists anywhere on the wiki */
div.ingredients dt {
float: left;
clear: left;
text-align: right;
font-weight: normal;
width: 25px;
margin: 0 -2px 0 0;
padding: 2px 2px 2px 3px;
line-height: 1.4em; /* CUSTOM (OLD: 1.667em) */
border: none;
}

div.ingredients.wide dt {
width: 50px;
}

div.ingredients dd {
float: left;
margin: 0;
padding: 1px 4px; /* CUSTOM (OLD: 2px 7px) */
border: none;
}

div.ingredients dl {
margin: 2px 0;
}

/* jqplot data labels (a SMW result format); improve readability */
.jqplot-data-label {
color: white;
text-shadow: 1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
color: black;
font-size: 120%;
}

/* Dialogue indent guides, added by demarcateDialogue in MediaWiki:Common.js */
.dialogue dl dd {
padding-left: 16px;
margin-left: 0;
}
.dialogue dl {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 11px;
border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl,
.dialogue td > dl {
margin-bottom: 10px;
border-left: none;
}

/* For Semantic Forms with multiple template instances, such as for a row template. */
body.page-Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
.multipleTemplateList
p {
display: none;
}
body.page-Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance.multipleTemplate,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research
div.multipleTemplateInstance {
padding: 0px 5px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}
.table.form-row::after {
background: none;
}
.form-row tr th span input {
text-align: center;
line-height: 1;
}
.form-row tr th span input.left {
text-align: left;
}
input.form-lineheight {
height: 20px;
}
input.form-lineheight[type="checkbox"] {
margin: 0px;
}
select.form-lineheight {
height: 30px;
}

/* Remove top margin for ul within bug/anomaly templates */
.buglist ul {
margin-top: 0;
}

/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color: transparent;
margin: 0.5em 0 !important;
}

/* Hide smw annotation notice */
#smw-form-editpage-help {
display: none;
}

/* Fix last row spacing in SMW generated galleries */
.srf-gallery ul.gallery {
text-align: left;
}

/* Reduce width of SMW columns in ul format */
.smw-ul-columns div {
width: unset !important;
min-width: 300px;
}

/**
* Style for horizontal lists (separator following item).
* @source mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 6 (2014-05-09)
* @author mediawiki.org/wiki/User:Edokter
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

/* Deletion page field indents */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label {
display: inline-block;
width: 170px;
text-align: right;
margin-bottom: 5px;
}
#mw-deleteconfirm-table input#wpWatch {
margin-left: 156px;
}
}

/* Class for [[Template:Trait compact table]] */
.faded img {
opacity: 0.2;
}

/* Class for action history project */
.mw-parser-output .action-history {
padding: 0.2em 0.5em 0.5em 0.5em;
margin-bottom: 0.5em;
border: 1px #aaa dashed;
background-color: #f6f3e4;
}
.mw-parser-output .action-history li {
padding: 0.1em 0em;
}

/* SMW further results */
.table + .smw-template-furtherresults {
display: block;
}
.table + .smw-template-furtherresults a {
background: none;
color: #0645ad;
}

/* CUSTOM FOR FFXIV WIKI */
/* Action facts within description */
blockquote p {
margin-bottom: 0.2em !important;
}
blockquote dd {
line-height: 1.4em;
margin-left: 1em !important;
}
blockquote dl {
margin-top: 0 !important;
}

.hide {
display: none;
}

/* Description flavor colors */
span.colorized-description {
font-weight: bold;
}

span.colorized-description.triple-tick,
span.colorized-description.triple-tick > a {
color: #ba5a0b;
}

span.colorized-description.double-tick,
span.colorized-description.double-tick > a {
color: #827B00;
}

span.colorized-description.single-tick,
span.colorized-description.single-tick > a {
color: #0a9421;
}

/* Item effects */
div.item-effects {
font-size: 0.95em;
color: #707070;
border-bottom: 1px solid #a0a0a0;
display: inline-block;
width: 500px;
margin: 5px 0;
}

div.item-effects-list > p {
margin: 0 !important;
line-height: 1.4em;
}

/* Dialog box flavor texts */
.dialog-box {
position: relative;
display: inline-block;
padding: 0 8px;
line-height: 1.45em;
}

.dialog-box.golden-warning,
.dialog-box.golden-warning a,
.dialog-box.golden-warning a.new,
.dialog-box.golden-warning a:visited,
.dialog-box.golden-warning a.new:visited {
text-shadow: 0 0.02em 0.2em #dc8809;
color: #ffecb3;
}

.dialog-box.quest-milestone,
.dialog-box.quest-milestone a.new,
.dialog-box.quest-milestone a.new:visited {
text-shadow: 0 0.02em 0.2em #33adff;
color: #dbe5ff;
}
.dialog-box.quest-milestone a,
.dialog-box.quest-milestone a:visited {
text-shadow: 0 0.02em 0.2em #222;
color: #eee;
}

.dialog-box:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: #222;
opacity: 0.9;
border-radius: 10px;
filter: blur(0.11em);
}

.dialog-box.quest-milestone:before {
background-color: #0047a3;
}

/* Recipe characteristics */
.recipe-box .characteristics {
margin-top: -10px;
}

/* Item rarity */
.rarity {
background: linear-gradient(#FFF3, #0003) #575C66;
padding: 0 0.35em;
font-weight: bold;
color: white !important;
border-radius: 0.25em;
box-shadow: 0 1px 1px #0004;
text-shadow: 0 -1px #0008;
font-size: 0.9em;
}

.rarity.dungeon,
.rarity.green {
background-color: #20bc70;
}
.rarity.tomestone,
.rarity.blue {
background-color: #2673c5
}
.rarity.aetherial,
.rarity.pink {
background-color: #ff65ad
}
.rarity.relic,
.rarity.purple {
background-color: #7641af
}

/* Nav */
div.nav.class-nav table th.class-cell,
div.nav.class-nav table td.class-cell,
div.nav.job-nav table th.class-cell,
div.nav.job-nav table td.class-cell {
text-align: left;
font-weight: normal;
}

div.nav.class-nav table th {
text-align: center;
}

div.nav.class-nav table th:last-child,
div.nav.job-nav table th:last-child {
border: none;
}

div.nav.job-nav {
width: 950px;
}

div.nav.class-nav {
width: 850px;
}

/* TABLES */
/* quest */
.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr > th,
.table.quest > tfoot > tr > th,
.table.quest > thead > tr > th,
table.table > tbody > tr.quest > th {
background-color: #efae4d;
border-color: #e18f14;
}

.table.quest > tbody > tr:nth-child(odd),
.table > tbody > tr.quest:nth-child(odd) {
background-color: #fff3d8;
}

/* Relic weapons nav */
div.nav.relic .pre-relic-label {
width: 120px;
}

div.nav.relic .relic-list {
padding-bottom: 6px;
}

div.nav.relic .role-subheading {
padding: 0 8px;
position: absolute;
}

div.nav.relic td.mw-collapsible div.mw-collapsible-content {
padding-top: 0.6em;
}

div.nav.relic .first-role-job {
width: 112px;
}

div.nav.relic .heading {
background-color: #8d5bc2;
}

div.nav.relic dd,
div.nav.relic dt,
div.nav.relic table th {
border-color: #8d5bc2;
}

/* Map icons */
.map-icons {
display: inline-block;
width: 28px;
height: 24px;
vertical-align: middle;
text-align: center;
}

/* HQ color */
.hq-sepia {
filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
-webkit-filter: sepia() drop-shadow(1px 1px 1px rgb(202, 161, 12));
}

/* H3 Fix */
h3 {
margin-bottom: 0.25em !important;
}

/* OLD: Infobox template style */
.infobox {
border: 1px solid #020202;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

/*Removes header from front page*/

body.page-FF14_Wiki h1.firstHeading {
display: none;
}

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}

/* new main page */

.mobile-element {
display: none !important;
}
.desktop-element {
display: block !important;
}

html {
height: auto;
}

/* top and bottom banners (add header and footer) */
body {
background-image: url("/mediawiki/images/3/3c/Light_mode_top_background_DT.jpg");
background-position: left top;
background-repeat: no-repeat !important;
min-height: 105vh;
}

/* Important: show only desktop ad code on Desktop*/
.nodesktop {
display: none !important;
}

/* makes primis a certain size on desktop */
.primis {
width:700px !important;
}

/*relic weapons*/
.relic-header {
border: 1px solid #ffc9c9;
background-color: #FFFFF3;
}

.relic-quest {
border: 1px solid #A2A8B1;
background-color: #F7F7F7;
}

.relic-quest p {
padding-left: 0.5em;
padding-right: 0.5em;
}

.relic-quest h3{
margin-left: 0.4em;
}

.relic-quest h4 {
font-size: 1.2em;
margin-left: 0.4em;
}

.relic-quest li {
margin-right: 0.4em;
}

.relic-quest .table {
margin-right: 0.5em;
}

.relic-quest div.thumbinner {
margin-right: 0.5em;
}

.relic-quest-heading {
background: #CCCCFF;
padding: 0.3em;
}

.relic-quest-cell {
background: #DDDDFF;
padding: 0.3em;
}

#fuse-privacy-tool {
font-size: 0.5rem;
}

div.mw-dismissable-notice .mw-dismissable-notice-close {
display: none !important;
}

/* Class for fixing line height around small inline icons */
.text-icon img {
max-height: 24px;
width: auto;
vertical-align: middle;
/* value difference is alignment fudge. vertical-align: middle is relative to the
* entire line, including descender height. our icons are almost always shown next
* to text with no descenders, so we want to center the icons for that instead */
margin-top: -2em;
margin-bottom: -1.85em;
}
/* don't apply the fix in headings, since their height and margins negate it */
:is(h2, h3, h4, h5, h6) .text-icon img {
margin-top: 0;
margin-bottom: 0;
max-height: none;
}

.mw-parser-output .action-history {
background-color: #EBEBEB;
}

.mw-indicators {
position: relative;
z-index: 0 !important;
}

.hover-image-container:hover .image-overlay {
opacity: 1;
}

.image-overlay {
position: absolute;
top: 3em;
bottom: 0;
left: 0;
right: 0;
height: 80%;
width: 100%;
opacity: 0;
transition: .5s ease;
}

/**
Navbox classes
**/
.navbox {
background: var(--navbox-bg);
}

.navbox,
.mw-parser-output .navbox-list-with-group,
.bg3wiki-navbox {
text-align: center;
border:1px solid var(--tooltip-border);
color: var(--fg);
width: 100%;
}

.mw-parser-output .navbox-list-with-group, {
color: var(--navbox-header-text);
background-color: var(--navbox-bg);
}

/* These important tags will be removed, emergency fix */
.navbox-title {
font-weight: bold;
background-color: var(--navbox-header-bg);
border-top: var(--navbox-inner-border);
}

div > table > tbody >tr > th.navbox-title {
border-top: none !important;
}

.navbox-group {
font-weight: bold;
background-color: var(--navbox-label-bg);
border-top: var(--navbox-label-border);
}

.navbox-subgroup .navbox-group {
font-weight: bold;
background-color: var(--navbox-sublabel-bg);
border-top: var(--navbox-label-border);
border-left: var(--navbox-label-border);
}

.navbox-list {
border:1px solid var(--tooltip-border);
background-color: var(--navbox-data-bg);
}

.navbox-odd {
background-color: var(--navbox-data-row-odd-bg);
border: none !important;
color: var(--fg);
}

.navbox-even {
background-color: var(--navbox-data-row-even-bg);
border: none !important;
border-top: var(--navbox-inner-border) !important;
color: var(--fg);
}

.navbox-list-with-group .navbox-list .navbox-odd {
border-top: var(--navbox-inner-border) !important;
}

/* #region Standard Frame Icon */

.standard-frame-icon {
--frame-image: url("/mediawiki/images/d/d9/Action_overlay_glassy.png");
--icon-size: 40px;

--frame-size: calc(var(--icon-size) * 1.2); /* 48px for 40px icon */
--icon-offset-x: calc(var(--icon-size) * 0.1); /* 4px for 40px icon */
--icon-offset-y: calc(var(--icon-size) * 0.075); /* 3px for 40px icon */

position: relative;
width: var(--frame-size);
height: var(--frame-size);
display: inline-block !important;
vertical-align: middle;

/* default background for missing/transparent icon images */
background-image: url(/mediawiki/images/2/2b/Action_background.png);
background-position: var(--icon-offset-x) var(--icon-offset-y);
background-size: var(--icon-size);
background-repeat: no-repeat;
}

/* Ensure clickbox covers entire icon */
.standard-frame-icon a {
position: absolute;
inset: 0;
}

/* Icon image */
.standard-frame-icon img,
.standard-frame-icon .mw-broken-media {
display: block;
position: absolute;
top: var(--icon-offset-y);
left: var(--icon-offset-x);
width: var(--icon-size);
height: var(--icon-size);
}
/* Display unknown item icon for broken icon links */
.standard-frame-icon .mw-broken-media {
background-image: url("/mediawiki/images/4/48/Unknown_item_icon.png");
background-size: var(--icon-size);
font-size: 0;
}

/* Frame */
.standard-frame-icon::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: var(--frame-image);
background-size: var(--frame-size);
z-index: 2;
pointer-events: none;
}

/* Dye slot container */
.standard-frame-icon-dye-slots {
position: absolute;
top: 0;
right: calc(var(--icon-size) * 0.075); /* 3px at 40px */
z-index: 3;
pointer-events: none;
}
/* Dye slot circles */
.standard-frame-icon-dye-slots span {
display: block;
width: calc(var(--icon-size) * 0.175); /* 7px at 40px */
height: calc(var(--icon-size) * 0.175);
border: calc(var(--icon-size) * 0.025) solid #000; /* 1px at 40px */
border-radius: 50%;
margin-bottom: calc(var(--icon-size) * 0.1); /* 4px gap at 40px */
}

/* Sizes */
.standard-frame-icon.mid {--icon-size: 30px}
.standard-frame-icon.small {--icon-size: 20px}
/* Alternate frames */
.standard-frame-icon-hq {--frame-image: url("/mediawiki/images/a/af/HQ_overlay.png")}
.standard-frame-icon-trait {--frame-image: url("/mediawiki/images/d/da/Trait_frame.png")}
.standard-frame-icon-achievement {--frame-image: url("/mediawiki/images/2/22/Achievement_frame.png")}

/* #endregion */

/* #region Icon label groups */

/* Better clickbox for icon labels - [[Module:Icon#renderGameIconWithLabel]] */
.icon-label-container {
position: relative;
}
.icon-label-container > a:not(.mw-selflink)::before {
content: "";
display: block;
position: absolute;
inset: 0;
}
/* Underline label link if any part of the icon container is hovered */
.icon-label-container:hover > a:not(.mw-selflink) {
text-decoration: underline;
}

/* #endregion */

/* Link colors extend to any nested <code> elements within the link text */
.mw-parser-output a code {
color: inherit !important; /* important overrides dark theme styles */
}

/* Reference groups with different list styles */
.references[data-mw-group=lower-alpha] {
list-style-type: lower-alpha;
}

/* #region New table styles */

/* Base position, margin, sizing rules */
table.stdt__table_v2 {
border: 0 solid;
border-collapse: collapse;
border-spacing: 0;
font-size: 0.9230769231em;
text-align: left;
clear: none;
position: relative;
display: inline-block;
vertical-align: top;
margin: 10px 0;
padding: 0;
line-height: 1.4em;

--stdt__table-border-color: transparent;
--stdt__table-background: transparent;
--stdt__table-header-background-primary: transparent;
--stdt__table-header-background-highlight: transparent;
--stdt__table-header-background-strength: 0%;
--stdt__table-header-highlight-size: 1px;
--stdt__table-subheading-background: transparent;
--stdt__table-heading-color: inherit;
--stdt__table-subheading-color: inherit;
--stdt__table-body-color: inherit;

--stdt__sort-icon-up: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtNi41IDQgNC00IDQgNHoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4=);
--stdt__sort-icon-down: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMjEgNCI+Cgk8cGF0aCBkPSJtMTQuNSAwLTQgNC00LTR6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+);
--stdt__sort-icon-both: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMjEgOSI+Cgk8cGF0aCBkPSJtMTQuNSA1LTQgNC00LTR6bTAtMS00LTQtNCA0eiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg==)
}

/* Border around table but not around caption */
table.stdt__table_v2 thead,
table.stdt__table_v2 tbody {
border: 1px solid var(--stdt__table-border-color);
background-color: var(--stdt__table-background);
}
/* Fix border inconsistencies with sortable tables because aaaaaa */
table.stdt__table_v2 thead { border-bottom-width: 0 }
table.stdt__table_v2 thead + tbody { border-top-width: 0 }

/* Default cell/caption padding */
table.stdt__table_v2 td,
table.stdt__table_v2 th,
table.stdt__table_v2 caption {
padding: 0.25em 0.5em;
}
/* Make caption text bold */
table.stdt__table_v2 caption {
font-weight: bold;
}

/* Default text color */
table.stdt__table_v2 td {
color: var(--stdt__table-body-color);
}

/* Heading row(s) padding */
table.stdt__table_v2 > thead > tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) > th {
padding-block: 0.5em;
}

/* Fix padding on sortable headers */
table.stdt__table_v2 > thead > tr > th.headerSort {
padding-right: 21px;
}

/* Headings and subheadings should be centered */
table.stdt__table_v2 th {
text-align: center;
}

/* Other alignment */
table.stdt__table_v2[class*="center"] tr {
text-align:center
}
table.stdt__table_v2[class*="left"] tr {
text-align:left
}
table.stdt__table_v2[class*="right"] tr {
text-align:right
}
table.stdt__table_v2[class*="middle"] tr {
vertical-align:middle
}
table.stdt__table_v2[class*="top"] tr {
vertical-align:top
}
table.stdt__table_v2[class*="bottom"] tr {
vertical-align:bottom
}

/* Heading row gradient */
table.stdt__table_v2 > thead > tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) {
/* hi ashe. i am now using "background strength" to mean "how strongly should the noise texture show through the top of the gradient," please feel free to rename that to something more sensible */
--stdt__header-color-mixed: color-mix(var(--stdt__table-header-background-primary) var(--stdt__table-header-background-strength), transparent);
/*
* in order to make the cursed background stacking shenanigans here work, the last (bottom) stop of the
* lowest background-image gradient needs to be transparent. doing this and using background-color to
* control the color at the bottom of the gradient allows the cells to seamlessly extend downwards past
* the bottom of the <tr>'s background-image
*
* does table layout cause background-color to be inherited by cells or something?? idk how it works
*/
background-image:
linear-gradient(var(--stdt__header-color-mixed), var(--stdt__table-header-background-primary)),
var(--noise-texture),
/* gradient: lighten(bg 10%) -> bg */
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #FFF 10%), transparent);
background-color: var(--stdt__table-header-background-primary);
background-repeat: repeat-x;
background-size: auto 100%;
color: var(--stdt__table-heading-color);
box-shadow: inset 0 1px 0.5px #fff2;
}

/* Background for second row of headings */
table.stdt__table_v2 > thead > tr + tr,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) {
/* once again the last stop needs to be transparent */
/* gradient: darken(bg 10%) -> darken(bg 15%) */
background-image:
linear-gradient(color-mix(var(--stdt__table-header-background-primary), #000 10%), transparent);
background-color: color-mix(var(--stdt__table-header-background-primary), #000 15%);
color: var(--stdt__table-heading-color);
/* the extremely subtle unnoticeable shine at the top of the table becomes extremely noticeable when it interrupts a flat color.
* in theory we could avoid this by applying to the box shadow to each individual <th> instead but that sounds like work */
box-shadow: none;
}
/* Borders around second row of headings (to look good when first row contains rowspan'd cells) */
table.stdt__table_v2 > thead > tr + tr > th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:first-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:first-child {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 > thead > tr + tr > th:last-child,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) > tr:not(:has(td)) + tr:not(:has(td)) > th:last-child {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Manually specified borders on tr and td */
table.stdt__table_v2 .line,
table.stdt__table_v2 .line-bottom {
border-bottom: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-top {
border-top: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-left {
border-left: solid 1px var(--stdt__table-border-color);
}
table.stdt__table_v2 .line-right {
border-right: solid 1px var(--stdt__table-border-color);
}

/* Fix sort icon color */
table.stdt__table_v2.sortable.jquery-tablesorter > thead th.headerSort,
table.stdt__table_v2.sortable.jquery-tablesorter > thead + tbody th.headerSort {
background-image: none;
position: relative;
z-index: 1; /* force higher stacking context than tr background behind */
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort::after {
content: ' ';
display: block;
position: absolute;
z-index: -1; /* force this clickable area to be underneath any others like collapse buttons and links */
inset: 0;
background-color: currentColor;
mask: var(--stdt__sort-icon-both);
mask-repeat: no-repeat;
mask-position: right;
opacity: .8;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortUp::after {
mask: var(--stdt__sort-icon-up);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort.headerSortDown::after {
mask: var(--stdt__sort-icon-down);
mask-repeat: no-repeat;
mask-position: right;
opacity: 1;
}

/* Subheadings */
table.stdt__table_v2 > thead + tbody th,
table.stdt__table_v2 > :is(tbody:first-child, :not(thead) + tbody) tr:has(td) th {
background-color: var(--stdt__table-subheading-background);
color: var(--stdt__table-subheading-color);
}

/* Alternating row colors */
table.stdt__table_v2 > thead + tbody tr:has(td):nth-child(even),
table.stdt__table_v2 > caption + tbody tr:has(td):nth-child(odd),
table.stdt__table_v2 > tbody:first-child tr:not(:first-child):has(td):nth-child(odd) {
background-color: var(--stdt__table-odd-row-background);
}

/* Default colors rely on Codex color variables, so don't need to be customized independently for light and dark themes */
table.stdt__table_v2 {
--stdt__table-border-color: var(--border-color-subtle,#c8ccd1);

--stdt__table-background: transparent;
--stdt__table-odd-row-background: var(--background-color-neutral-subtle, #f8f9fa);
--stdt__table-body-color: inherit;

--stdt__table-header-background-primary: var(--background-color-interactive--hover, #dadde3); /* using hover for an even darker color is a bit of a hack but it's fine */
--stdt__table-header-background-highlight: var(--background-color-interactive-subtle, #f8f9fa);
--stdt__table-header-background-strength: 20%;
--stdt__table-header-highlight-size: 0;
--stdt__table-heading-color: inherit;

--stdt__table-subheading-background: var(--background-color-interactive, #eaecf0);
--stdt__table-subheading-color: inherit;
}
html.view-dark table.stdt__table_v2 {
/* okay but this one does need to be customized for dark theme for now, because dark themes don't currently override *every* codex style */
--stdt__table-header-background-primary: var(--background-color-interactive--hover, #181d1f); /* TODO: find the real value */
/* and also this because none of the dark themes set their odd row backgrounds i guess */
--stdt__table-odd-row-background: #fff2;
}

/* maroon light theme */
table.stdt__table_v2.dps-role,
table.stdt__table_v2.maroon {
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 37%;
--stdt__table-border-color: #9a4848;
--stdt__table-subheading-background: #ee9595;
--stdt__table-odd-row-background: #ffe0e0;
--stdt__table-heading-color: #230808;
--stdt__table-subheading-color: #301111;
}

/* dark-green light theme */
table.stdt__table_v2.healer-role,
table.stdt__table_v2.dark-green {
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 7%;
--stdt__table-border-color: #2a491d;
--stdt__table-subheading-background: #b1cda4;
--stdt__table-odd-row-background: #e6eee2;
--stdt__table-heading-color: #020202;
}

/* steel-blue light theme */
table.stdt__table_v2.tanker-role,
table.stdt__table_v2.steel-blue {
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #4871a0;
--stdt__table-subheading-background: #96acc7;
--stdt__table-odd-row-background: #d9e2ee;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-color: #213447;
}

/* gray light theme */
table.stdt__table_v2.crafting-role,
table.stdt__table_v2.gray {
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #777d9e;
--stdt__table-subheading-background: #b2b5c7;
--stdt__table-odd-row-background: #eaedff;
--stdt__table-heading-color: #202734;
}

/* olive light theme */
table.stdt__table_v2.gathering-role,
table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #5a8019;
--stdt__table-subheading-background: #bdd692;
--stdt__table-odd-row-background: #e6f0d5;
--stdt__table-heading-color: #2f320d;
}

/* teal light theme */
table.stdt__table_v2.pet-role,
table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #479e92;
--stdt__table-subheading-background: #a7e1d1;
--stdt__table-odd-row-background: #e2f9f5;
--stdt__table-heading-color: #0b3756;
}

/* lime light theme */
table.stdt__table_v2.npc,
table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #52a329;
--stdt__table-subheading-background: #d3f6c1;
--stdt__table-odd-row-background: #eeffe6;
--stdt__table-heading-color: #14320c;
}

/* gold light theme */
table.stdt__table_v2.pve,
table.stdt__table_v2.quest,
table.stdt__table_v2.gold {
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 50%;
--stdt__table-border-color: #cca352;
--stdt__table-subheading-background: #ffe6b4;
--stdt__table-odd-row-background: #fff0d3;
--stdt__table-heading-color: #5d4411;
}

/* orange light theme */
table.stdt__table_v2.equip,
table.stdt__table_v2.item,
table.stdt__table_v2.orange {
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 40%;
--stdt__table-border-color: #cc7a52;
--stdt__table-subheading-background: #fdd6c2;
--stdt__table-odd-row-background: #ffebe1;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-color: #451700;
}

/* pink light theme */
table.stdt__table_v2.skin,
table.stdt__table_v2.pink {
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-header-background-strength: 9%;
--stdt__table-border-color: #996574;
--stdt__table-subheading-background: #ffc1d4;
--stdt__table-odd-row-background: #ffe8ef;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-color: #591d2f;
}

/* blue light theme */
table.stdt__table_v2.mech1,
table.stdt__table_v2.blue {
--stdt__table-border-color: #527aa3;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 25%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #b3caee;
--stdt__table-odd-row-background: #d3e4ff;
}

/* turquoise light theme */
table.stdt__table_v2.mech2,
table.stdt__table_v2.turquoise {
--stdt__table-border-color: #29a3a3;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #b5f0f0;
--stdt__table-odd-row-background: #e7ffff;
}

/* violet light theme */
table.stdt__table_v2.lore,
table.stdt__table_v2.violet {
--stdt__table-border-color: #a352a3;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #e9aee9;
--stdt__table-odd-row-background: #ffeaff;
}

/* purple light theme */
table.stdt__table_v2.location,
table.stdt__table_v2.purple {
--stdt__table-border-color: #7a52a3;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #d9c2f0;
--stdt__table-odd-row-background: #f7efff;
}

/* yellow-green light theme */
table.stdt__table_v2.promo,
table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #7aa329;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 12%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #ddf6aa;
--stdt__table-odd-row-background: #f5ffe2;
}

/* aquamarine light theme */
table.stdt__table_v2.buff,
table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #5caeae;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #c2f0f0;
--stdt__table-odd-row-background: #f1ffff;
}

/* green light theme */
table.stdt__table_v2.debuff,
table.stdt__table_v2.green {
--stdt__table-border-color: #418541;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #b7e1b7;
--stdt__table-odd-row-background: #e6f2e6;
}

/* brown light theme */
table.stdt__table_v2.crafting,
table.stdt__table_v2.recipe, /* temporary alias */
table.stdt__table_v2.brown {
--stdt__table-border-color: #856741;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #e1ceb7;
--stdt__table-odd-row-background: #f6eada;
}

/* maroon dark theme */
html.view-dark table.stdt__table_v2.dps-role,
html.view-dark table.stdt__table_v2.maroon {
--stdt__table-border-color: #935252;
--stdt__table-background: #2d1111;
--stdt__table-header-background-primary: #bb6363;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #320606;
--stdt__table-subheading-background: #3d0d0d;
--stdt__table-subheading-color: #ffd2d2;
}

/* dark-green dark theme */
html.view-dark table.stdt__table_v2.healer-role,
html.view-dark table.stdt__table_v2.dark-green {
--stdt__table-border-color: #5b8748;
--stdt__table-background: #102507;
--stdt__table-header-background-primary: #5e804f;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #ffffff2b;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #020202;
--stdt__table-subheading-background: #0b1305;
--stdt__table-subheading-color: #d9f6cb;
}

/* steel-blue dark theme */
html.view-dark table.stdt__table_v2.tanker-role,
html.view-dark table.stdt__table_v2.steel-blue {
--stdt__table-border-color: #4e7098;
--stdt__table-background: #050f1c;
--stdt__table-header-background-primary: #7c9dc5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f1f29;
--stdt__table-subheading-background: #13273f;
--stdt__table-subheading-color: #9cb9d6;
}

/* gray dark theme */
html.view-dark table.stdt__table_v2.crafting-role,
html.view-dark table.stdt__table_v2.gray {
--stdt__table-border-color: #767c9b;
--stdt__table-background: #0e111e;
--stdt__table-header-background-primary: #878eb5;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #202734;
--stdt__table-subheading-background: #2b2f47;
--stdt__table-subheading-color: #b6bde7;
}

/* olive dark theme */
html.view-dark table.stdt__table_v2.gathering-role,
html.view-dark table.stdt__table_v2.olive {
--stdt__table-header-background-primary: #78a923;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 1px;
--stdt__table-header-background-strength: 12%;
--stdt__table-border-color: #66882c;
--stdt__table-subheading-background: #283414;
--stdt__table-background: #141e04;
--stdt__table-heading-color: #2f320d;
}

/* teal dark theme */
html.view-dark table.stdt__table_v2.pet-role,
html.view-dark table.stdt__table_v2.teal {
--stdt__table-header-background-primary: #5fb7aa;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 13%;
--stdt__table-border-color: #388479;
--stdt__table-subheading-background: #47615a;
--stdt__table-background: #051310;
--stdt__table-heading-color: #0b3756;
}

/* lime dark theme */
html.view-dark table.stdt__table_v2.npc,
html.view-dark table.stdt__table_v2.lime {
--stdt__table-header-background-primary: #6c3;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 2px;
--stdt__table-header-background-strength: 20%;
--stdt__table-border-color: #4e932a;
--stdt__table-subheading-background: #4c5b44;
--stdt__table-background: #0e1c06;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-color: #d6ffc1;
}

/* gold dark theme */
html.view-dark table.stdt__table_v2.pve,
html.view-dark table.stdt__table_v2.quest,
html.view-dark table.stdt__table_v2.gold {
--stdt__table-border-color: #a68036;
--stdt__table-background: #201603;
--stdt__table-header-background-primary: #fc6;
--stdt__table-header-background-strength: 50%;
--stdt__table-header-background-highlight: #fffdf5eb;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #5d4411;
--stdt__table-subheading-background: #634b19;
--stdt__table-subheading-color: #e3dcd2;
}

/* orange dark theme */
html.view-dark table.stdt__table_v2.equip,
html.view-dark table.stdt__table_v2.item,
html.view-dark table.stdt__table_v2.orange {
--stdt__table-border-color: #a15f3f;
--stdt__table-background: #2d1509;
--stdt__table-header-background-primary: #f96;
--stdt__table-header-background-strength: 7%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #381f12;
--stdt__table-subheading-background: #915b3f;
--stdt__table-subheading-color: #fff1ea;
}

/* pink dark theme */
html.view-dark table.stdt__table_v2.skin,
html.view-dark table.stdt__table_v2.pink {
--stdt__table-border-color: #a16d7c;
--stdt__table-background: #23020c;
--stdt__table-header-background-primary: #e07a98;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #501627;
--stdt__table-subheading-background: #6e3c4c;
--stdt__table-subheading-color: #ffe3ec;
}

/* blue dark theme */
html.view-dark table.stdt__table_v2.mech1,
html.view-dark table.stdt__table_v2.blue {
--stdt__table-border-color: #5e7e9f;
--stdt__table-background: #091427;
--stdt__table-header-background-primary: #6593d8;
--stdt__table-header-background-strength: 26%;
--stdt__table-header-background-highlight: #d8d8d833;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #061e43;
--stdt__table-subheading-background: #3c495d;
--stdt__table-subheading-color: #d0dfee;
}

/* turquoise dark theme */
html.view-dark table.stdt__table_v2.mech2,
html.view-dark table.stdt__table_v2.turquoise {
--stdt__table-border-color: #378e8e;
--stdt__table-background: #132323;
--stdt__table-header-background-primary: #3cc;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0b2d2a;
--stdt__table-subheading-background: #2d5656;
--stdt__table-subheading-color: #b5f0f0;
}

/* violet dark theme */
html.view-dark table.stdt__table_v2.lore,
html.view-dark table.stdt__table_v2.violet {
--stdt__table-border-color: #9f4d9f;
--stdt__table-background: #321732;
--stdt__table-header-background-primary: #e370e3;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #1a081a;
--stdt__table-subheading-background: #614061;
--stdt__table-subheading-color: #ffd8ff;
}

/* purple dark theme */
html.view-dark table.stdt__table_v2.location,
html.view-dark table.stdt__table_v2.purple {
--stdt__table-border-color: #9c76c1;
--stdt__table-background: #1e1725;
--stdt__table-header-background-primary: #b079e7;
--stdt__table-header-background-strength: 8%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #24183a;
--stdt__table-subheading-background: #563c70;
--stdt__table-subheading-color: #edf;
}

/* yellow-green dark theme */
html.view-dark table.stdt__table_v2.promo,
html.view-dark table.stdt__table_v2.yellow-green {
--stdt__table-border-color: #86a34e;
--stdt__table-background: #2b3615;
--stdt__table-header-background-primary: #c2fb50;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #565f14;
--stdt__table-subheading-color: #edffc8;
}

/* aquamarine dark theme */
html.view-dark table.stdt__table_v2.buff,
html.view-dark table.stdt__table_v2.aquamarine {
--stdt__table-border-color: #58aeae;
--stdt__table-background: #1c3d3d;
--stdt__table-header-background-primary: #8fffff;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #0f4e4e;
--stdt__table-subheading-background: #0b5050;
--stdt__table-subheading-color: #c2f0f0;
}

/* green dark theme */
html.view-dark table.stdt__table_v2.debuff,
html.view-dark table.stdt__table_v2.green {
--stdt__table-border-color: #62bd62;
--stdt__table-background: #072307;
--stdt__table-header-background-primary: #7bd27b;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #123212;
--stdt__table-subheading-background: #0d430d;
--stdt__table-subheading-color: #d3f0c2;
}

/* brown dark theme */
html.view-dark table.stdt__table_v2.crafting,
html.view-dark table.stdt__table_v2.recipe,
html.view-dark table.stdt__table_v2.brown {
--stdt__table-border-color: #a4835b;
--stdt__table-background: #201608;
--stdt__table-header-background-primary: #dfb175;
--stdt__table-header-background-strength: 13%;
--stdt__table-header-background-highlight: #fff3;
--stdt__table-header-highlight-size: 3px;
--stdt__table-heading-color: #14320c;
--stdt__table-subheading-background: #563610;
--stdt__table-subheading-color: #e1ceb7;
}

/* #endregion */

/* #region <tabber> classes */

/* class="no-animation" - prevents scroll animation when switching tabs */
.tabber-animations-ready .tabber.no-animation .tabber__section {
scroll-behavior: unset;
}

/* #endregion */

/* #region Utility classes */
.nowrap {white-space: nowrap;}
/* #endregion */

/*</nowiki>*/

MediaWiki:Vector.css

2026-08-07T00:46:05Z

Erin Umbreon: also account for meteor

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T00:44:44Z

Erin Umbreon: much better userbar centering

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* better vertical centering for the userbar */
#p-personal {
top: 0;
}
#p-personal .vector-menu-content-list {
height: 2.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
}
.vector-user-menu-legacy li {
margin-block: 0;
padding-block: 0;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
padding-top: 0;
background-position-y: 0;
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T00:31:45Z

Erin Umbreon: okay fine i do need the dumb min() after all. not like anyone except me will ever care about this anyway

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - min(100vw, var(--fixed-width, 100vw))) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T00:30:27Z

Erin Umbreon: wegh

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - var(--fixed-width, 100vw)) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Vector.css

2026-08-07T00:29:49Z

Erin Umbreon: fix top bar border radius shenanigans

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - var(--fixed-width, 100vw)) / 0
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}

MediaWiki:Gadget-fixedWidthToggle.css

2026-08-07T00:19:53Z

Erin Umbreon: the simplest centering trick is none at all

/**Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidthToggle.css**/
#pt-fw-disable,
#pt-fw-enable {
margin-block: -1em; /* sliiiiightly better vertical centering */
}
#pt-fw-disable a,
#pt-fw-enable a {
width: 14px;
height: 14px;
background-size: 14px 14px;
display: block;
}

#pt-fw-enable a {
background-image: url('/mediawiki/images/8/8d/Fixed_width_on.png');
}

#pt-fw-disable a {
background-image: url('/mediawiki/images/a/a3/Fixed_width_off.png');
}

MediaWiki:Vector.css

2026-08-07T00:19:24Z

Erin Umbreon: more consistent spacing of userbar icons and controls

:root {
--link-color: #05f; /* default #0645ad */
--link-visited-color: #795cb2;
--link-redlink-color: #ba0000;
}

/* CSS placed here will affect users of the Vector skin */
a {
color: var(--link-color);
}
a:visited {
color: var(--link-visited-color);
}
a.new {
color: var(--link-redlink-color, #ba0000);
}
a.new:visited {
color: var(--link-redlink-visited-color, #a55858);
}

/* hide text label of universal language selector since our userbar is a bit cramped */
.uls-trigger span {
display: none;
}

/* new header navigation tabs */
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li {
background-image: none;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #eff8f9;
}

/* render some system links in bold black instead of using normal link styles */
#p-personal a, /* top right nav links */
div#mw-head .vector-menu-tabs li a, /* page tab links */
div#mw-panel ul.vector-menu-content-list > li > a, /* sidebar panel links */
footer.mw-footer ul#footer-places > li > a { /* site footer links */
color: var(--color-emphasized, #000000);
font-weight: bold;
}

div#simpleSearch {
background-color: #ffffff;
}

/* #region widen the sidebar */

:root {
--mw-panel-width: 10rem;
}
@media (min-width: 982px) {
:root {
--mw-panel-width: 12rem;
}
}
div#mw-panel {
box-sizing: border-box;
width: var(--mw-panel-width);
}
#footer,
#mw-head-base,
#content,
#left-navigation {
margin-left: var(--mw-panel-width);
}

/* #endregion widen the sidebar */

div#mw-panel div.portal {
padding-bottom: 5px;
}

div#mw-panel div.portal {
margin: 0 0.6em 0 0;
}

div#mw-panel div.portal div.body ul li {
margin-left: 1em;
}

div#mw-panel div.portal h3 {
margin-left: 2.4em;
}

/* background colors */
body {
background-color: #ebebeb;
}

/* gives makes the entire header section gray */
#mw-page-base {
background-color: transparent;
background-image: none;
}

/* gives header panel that blue look */
#mw-head-base {
background: rgba(215, 239, 242, 0.5);
border-top: 1px solid #a7d7f9;
border-left: 1px solid #a7d7f9;
border-right: 1px solid #a7d7f9;
border-bottom: 1px solid #a7d7f9;
bottom: 0;
height: 40px;
margin-top: -41px;
}

/* Discord link */
#n-Discord a {
color: #fff !important;
font-weight: bold;
border-radius: 4px;
border: 1px solid #4c57d0;
background-color: #5865f2;
display: block;
position: relative;
padding: 6px 4px 5px calc(17px + 6.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s;
width: 100px;
}

#n-Discord a::before {
content: 'Join our ';
font-weight: normal;
opacity: 0.85;
}

#n-Discord a::after {
content: '';
background: url('/mediawiki/images/1/18/Discord_icon.png') no-repeat;
background-size: 13px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #FFF;
border: 1px solid #A7D7F9;
cursor: pointer;
}

#mw-panel nav.sidebar-toc-heading h3:before {
content: "";
display: inline-block;
background: 0 0;
position: relative;
width: 0;
height: 0;
border-style: solid;
border-color: #AAA transparent;
border-width: 6px 5px 0;
margin-left: 5px;
margin-bottom: 1px;
margin-right: 5px;
}

#mw-panel nav.sidebar-toc-heading.collapsed h3:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: var(--link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
color: var(--link-visited-color);
}

/* edit page textbox */
#wpTextbox1 {
background: var(--background-color-base, #fff);
color: var(--color-base, #000);
border-color: var(--border-color-base, #a2a9b1);
}

/* fix editor "upload files" background in dark themes */
#msupload-div {
background: none;
}

/* don't use mediawiki's weird image-based unordered list markers */
ul {
list-style: initial;
}

/******************************************************************************/
/***************************** GENERIC DARK MODE ******************************/
/******************************************************************************/

html.view-dark {
/* Variables set in this block apply to *all* dark themes! */
--background-color-base: #000000;
--background-color-neutral: #333333;
--background-color-neutral-subtle: #202020;
--background-color-interactive: #27292D;
--background-color-interactive-subtle: #121821;
--background-color-notice: var(--background-color-interactive);
--background-color-notice-subtle: var(--background-color-interactive-subtle);
--background-color-error-subtle: #400;
--background-color-warning-subtle: #4b3c15;
--background-color-success-subtle: #263325;

--border-color-base: #72777D;
--border-color-subtle: #54595D;
--border-color-muted: #505050;
--border-color-notice: var(--border-color-subtle);
--border-color-error: #e62444;
--border-color-warning: #8a6800;

--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #5A93CC;
--link-visited-color: #9459b6;

/* thank you mediawiki very cool */
--background-color-interactable: var(--background-color-interactive);
--background-color-interactable-subtle: var(--background-color-interactive-subtle);

--theme-background-color: #181818;
--theme-background-color--tertiary: #303030;
--theme-border-color: #383838;

/* todo: ??? */
--theme-link-color: var(--link-color);
--theme-link-color-hover: var(--theme-link-color);
--theme-link-color-visited: var(--link-visited-color);
--theme-link-color-redlink: var(--link-redlink-color);
--theme-link-color-focus: var(--theme-link-color);
--theme-link-color-nav: #518fce;
--theme-link-color-nav-visited: #518fce;

--theme-icon-color: var(--theme-link-color);
--theme-icon-color-redlink: var(--theme-link-color-redlink);
--theme-icon-color-hover: var(--theme-link-color-hover);

/* #region Templatestyles color overrides */

/* [[Template:Navbox]] */
--navbox-bg: #181818;
--navbox-data-row-even-bg: #202020;
--navbox-header-bg: #062540;
--navbox-label-bg: #072D4C;
--navbox-label-border: 2px solid #181818;
--navbox-inner-border: 2px solid #181818;
--navbox-sublabel-bg: #072D4C;
--tooltip-border: #383838;

/* [[Template:Dialogue]] */
--dialogue-line-bg: #000;
--dialogue-block-bg: #0F0F0F;
--dialogue-standalone-bg: #2a2a4b;
--dialogue-option-bg: #303050;
--dialogue-cutscene-bg: #253540;

/* other templates */
--drops-list-collapsible-section: #512F20;

/* Gadget-AdventurerPlateMaker */
--apm-primary-red: #EF5350;
--apm-primary-green: #66BB6A;
--apm-primary-orange: #FFA726;
--apm-white: #212121;
--apm-black: var(--color-base);
--apm-gray-light: var(--theme-background-color);
--apm-gray-medium: #383838;
--apm-gray-item: var(--background-color-neutral-subtle);

/* #endregion */

/* Fix editor toolbar icons */
.wikiEditor-ui-toolbar .oo-ui-iconElement-icon,
.wikiEditor-ui-toolbar .tabs span.tab a::before {
filter: invert(1) brightness(999);
}

/* #region Diff colors */

td.diff-context {
border: none;
color: #e0e0e0;
background-color: #202020;
}

td.diff-deletedline {
background-color: #400;
border: none;
}

td.diff-deletedline .diffchange {
background: 0 0;
color: #e62444;
}

td.diff-addedline {
background-color: #040;
border: none;
}

td.diff-addedline .diffchange {
background: 0 0;
color: #bfd959;
}

/* #endregion Diff styles */

/* #region Templates that aren't using templatestyles yet */
.relic-header {
border: 1px solid #080808;
background-color: #181818;
}

.relic-quest {
border: 1px solid #383838;
background-color: #181818;
}

.relic-quest-heading {
background: #062540;
}

.relic-quest-cell {
background: #282828;
}

.spoiler-color {
background-color: #750000;
}

/* #endregion */
}

/******************************************************************************/
/*********************************** THEMES ***********************************/
/******************************************************************************/

html.theme-light, html.theme-dark {
/* #region TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* no root background in print */
@media print {
body {
background: none transparent !important;
}
}

/* hide pre-content stuff on the fake main page mockup we're working on */
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #firstHeading,
body.page-User_Erin_Umbreon_Sandbox_Main_page_rewrite #mw-content-subtitle {
display: none;
}

/* hack color/shadow for "More" dropdown chevron */
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(10) drop-shadow(0 1px #0008);
}

/* various hacks to make the tools shoved into the userbar look better */
* + #pt-userpage::before,
* + #pt-anonuserpage::before,
* + #pt-createaccount::before {
content: "•";
margin-left: 0.25em;
margin-right: 0.75em;
}
#pt-fw-disable a, #pt-fw-enable a {
filter: brightness(100);
position: relative;
top: 0.2em;
}
.skin-vector-legacy #pt-uls .uls-trigger::before {
filter: invert(1);
opacity: 1;
padding-top: 0.1em;
}
.vector-user-menu-legacy #pt-anonuserpage,
.vector-user-menu-legacy #pt-userpage a {
background-image: none;
padding: 0;
}

/* #endregion TEMPORARY HACKS THAT MUST NOT BE ALLOWED TO SURVIVE THE WINTER */

/* Text color for text and buttons directly on body background */
--user-menu-color: white;

/* Font families */
--font-family-body: sans-serif;
--font-family-heading: "IBM Plex Sans", sans-serif;
--border-radius: 0.5rem;
--border-radius-minor: 0.25rem;
--border-radius-subtle: 3px;

/* Root background */
@media screen {
body {
background-color: rgb(218,232,247);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-attachment: scroll, scroll;
background-image: linear-gradient(
to bottom,
rgb(55, 91, 153) 0px,
rgb(54, 103, 175) 100px,
rgb(59, 124, 190) 400px,
rgb(218,232,247) 900px
);
background-size: auto, auto;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
}
}

/* Font resets */
body {
font-family: var(--font-family-body);
}
.mw-body h1,
.mw-body h2 {
font-family: var(--font-family-heading);
font-weight: 500;
}

/* #region Side navigation panel */

/* Adjust sidebar width */
--mw-panel-width: 10rem;
div#mw-panel {
width: var(--mw-panel-width);
}
div#footer, #mw-head-base, div#content, #left-navigation {
margin-left: var(--mw-panel-width);
}
/* Adjust Discord button */
#n-Discord a {
width: auto;
text-align: center;
}
/* hide sidebar on print */
@media print {
div#mw-panel {
display: none;
}
div#footer, #mw-head-base, div#content {
margin-left: 0;
}
}

/* Make panel larger when there's screen space */
@media screen and (min-width: 982px) {
--mw-panel-width: 12rem;

/* overriding the old way of doing it that doesn't make sense now */
#mw-panel {padding-left: 0}
}

/* Center logo regardless of sidebar width and give drop shadow to stand off background more */
#p-logo {
margin: 1em auto;
filter: drop-shadow(0 0 1px #0004) drop-shadow(0 0 5px #0004)
}

/* Boxes for sidebar content */
.vector-legacy-sidebar nav.vector-menu-portal {
font-family: var(--font-family-body);
margin: 0.5rem;
padding: 0.5rem 0.75rem;
background-color: var(--background-color-base);
background-image:
linear-gradient(to bottom,
transparent,
var(--background-color-base)
),
var(--noise-texture);
background-size: 100% 2em;
background-repeat: no-repeat;
border-radius: var(--border-radius);
box-shadow: 0 2px 4px #0002, 0 0 0 1px #0002;
font-weight: normal;
}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content {margin: 0}
.vector-legacy-sidebar nav.vector-menu-portal .vector-menu-content ul {padding-top: 0}

/* Remove bold from sidebar links */
div#mw-panel ul.vector-menu-content-list > li > a {
font-weight: normal;
}
/* Sidebar box headings, including TOC heading which otherwise looks different */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading,
#mw-panel nav.sidebar-toc-heading h3 {
margin: 0;
margin-bottom: 0.25rem;
padding: 0;

color: var(--color-base);
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;

/* replace gradient divider line with a simple border */
background: none;
border: 0; /* reset other borders for sticky TOC specifically */
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
}
/* Tighten up sticky TOC collapse arrow */
#mw-panel nav.sidebar-toc-heading h3::before {margin-left: 0}
/* Use link text color and bold text for sticky TOC links */
#mw-panel nav.sidebar-toc-heading .toctext {
color: var(--link-color);
}
#mw-panel nav.sidebar-toc-heading .tocsection-current > a .toctext {
font-weight: bold;
}

/* #endregion */

/* #region User header */

/* Change personal navigation menu text and icons to white */
#p-personal {
color: var(--user-menu-color);
}
#p-personal a {
color: inherit;
}

/* #endregion */

/* #region Article header (read/edit/search/etc) */

/* Change background and borders of head */
--mw-head-height: 40px;
#mw-head-base {
bottom: 0;
height: var(--mw-head-height);
margin-top: calc(-1 * var(--mw-head-height));

background-image:
linear-gradient(to bottom,
#6A6A6900,
#55545457, /* color-mix(#6A6A6900, #3F3D3EAA) */
#3F3D3E
),
var(--noise-texture),
linear-gradient(to bottom,
#6A6A69,
#3F3D3E
);
background-color: #3F3D3E;
background-repeat: repeat-x;

box-shadow:
inset 0 1px 0.5px #fff2,
0 0 0 1px #0004;
border: 0;
border-bottom: 1px solid #3F3D3E;

border-top-left-radius: var(--border-radius);
/* Round right corner only if viewport is wider than content pane */
/*
* inner expression is:
* -inf if viewport < --fixed-width
* 0 if viewport = --fixed-width
* +inf if viewport > --fixed-width
* and clamp() is used to map result to either 0 or --border-radius
*/
border-top-right-radius: clamp(
0px,
(100vw - var(--fixed-width)) / 0,
var(--border-radius)
);
}

/* Individual tabs */
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li,
.vector-menu-dropdown .vector-menu-heading {
height: calc(var(--mw-head-height) - 0.25rem);
margin-top: 0.25rem;

/* center tab text vertically */
display: flex;
align-items: center;

border: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: var(--border-radius-minor);
border-top-right-radius: var(--border-radius-minor);

color: #f7f7f7;
font-family: "Oswald", sans-serif;
font-size: 1rem;
font-weight: normal;
text-shadow: 0 1px #0008;
}
.ve-activated .vector-menu-tabs .selected {
box-shadow: none;
}

/* Links within tabs */
div#mw-head .vector-menu-tabs li a,
div#mw-head .vector-menu-tabs li a:visited {
font: inherit;
color: inherit;
height: 100%;

/* recenter text while maintaining larger clickable area */
padding-block: 0;
align-self: stretch;
display: flex;
align-items: center;
}

/* Additional un-fucking of the "more" dropdown because it's special */
#mw-head .vector-menu-dropdown .vector-menu-heading {
padding-block: 0;
}

/* Additional un-fucking of watchlist star icon */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
text-indent: 9999px;
display: grid;
place-items: center;
}
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: calc(50% - 12px);
background-image: var(--icon-watch);
background-size: 100%;
}
div#mw-head .vector-menu-tabs .mw-watchlink#ca-unwatch.icon a::before {
background-image: var(--icon-unwatch);
}
/* Use pulsing animation for the loading state instead of rotating */
@keyframes pulse {
0%, to {
opacity: 0.8;
}
50% {
opacity: 0.5;
}
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before {
animation: pulse 1500ms infinite ease-in-out;
}

/* Change font color and weight of selected tab */
div#mw-head ul.vector-menu-content-list > li.selected {
background: var(--background-color-base, #fff);
border-color: #3F3D3E;

color: var(--color-emphasized);
text-shadow: 0 1px #0001;
}

/* fix watchlink icon overlapping with hidden label text */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a {
/* text-indent: 9999px; */ /* reintroduce this later when we bring the icon back */
}

/* Tweak leading padding of first tab group */
nav#p-namespaces {
margin-left: 1rem !important; /* overriding !important in MW default CSS */
}
.vector-menu-tabs-legacy {
padding-left: 0;
}

/* Search bar styling */
.vector-search-box {
margin: 0 0.5rem;
height: 40px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.vector-search-box form {margin: 0}
div#simpleSearch {background: none}
.vector-search-box-input {
background-color: var(--background-color-interactable-subtle);
border: 0;
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 1px #0008;
}
/* Match search button to text when search background is dark */
&.view-dark .vector-search-box-inner .searchButton {
filter: invert(1);
}

/* Use native browser outline styles for search box */
.vector-search-box-input:focus,
.vector-search-box-inner:hover .vector-search-box-input:focus {
outline: auto;
box-shadow: 0 1px 1px #0008;
}

/* Style search suggestions and use browser highlight colors */
.suggestions {
border-radius: var(--border-radius-minor);
box-shadow: 0 1px 2px #0008;
margin-top: 3px;
}
.suggestions-results {
border-width: 0;
border-color: currentcolor;
}
.suggestions-result-current {
background: Highlight;
color: HighlightText;
}
.suggestions-special {
border-width: 0;
border-top-width: 1px;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
color: inherit;
}

/* #endregion */

/* #region Main content */

/* Remove border from main content pane and add dropshadow */
@media screen {
.mw-body {
margin-top: 0px;
border: 0px;
border-right-width: 0px;
box-shadow:
0 0 0 1px #0004,
0 4px 16px #0003;
}
}

/* Remove border under page title */
#firstHeading,
.mw-heading1,
h1, /* interface headings... other than #firstHeading...? */
.mw-heading2,
h2 /* interface headings e.g. "Preview" note */ {
border-bottom: 0;
}

/* Spacing between page title/subtitle/etc and page content */
#firstHeading {
margin-bottom: 0;
}
#mw-content-subtitle,
#contentSub2 {
margin-left: 1rem !important; /* !important to override base MW CSS being @media screen-specific */
}
#mw-content-text {
margin-top: 1.5rem;
}
/* remove margin above h1 in print since the body gets padding */
@media print {
#firstHeading {
margin-top: 0;
}
}

/* Fix color of "external" link icon */

.mw-parser-output a.external {
padding-right: 0;
background: none;
}
.mw-parser-output a.external::after {
content: "";
display: inline-block;
background: currentcolor;
width: 1em;
height: 0.857em;
mask-image: url(/mediawiki/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg?fb64d);
mask-position: center right;
mask-repeat: no-repeat;
mask-size: 0.857em;
}
/* Also fix plainlinks */
.mw-parser-output .plainlinks a.external::after {
display: none;
}

/* Move article section lines next to headings instead of underneath - kind of experimental */
.mw-heading1, .mw-heading2 {position: relative}
.mw-heading1 h1, .mw-heading2 h2 {
background: var(--background-color-base, #fff);
padding-right: 1.5rem !important; /* !important to ensure this still works in discussiontools topic headings */
}
.mw-heading1::after, .mw-heading2::after {
content: "";
display: block;
border-bottom: 1px solid var(--border-color-base, #a2a9b1);
position: absolute;
inset: 1rem 0 auto;
z-index: -1;
}
/* various discussiontools fixes */
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
padding-top: 0;
border: none;
overflow: visible;
}
.ext-discussiontools-ui-replyWidget-preview .mw-heading1 h1,
.ext-discussiontools-ui-replyWidget-preview .mw-heading2 h2 {
/* make background match context */
background: var(--background-color-interactive-subtle, #f8f9fa);
}

/* use normal font for table of contents label */
#toc h2, .toc h2 {
font-family: var(--font-family-body);
font-weight: bold;
}

/* make external links obey color variables */
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--link-external-color, #36b);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--link-external-visited-color, #636);
}

/* #endregion */

/* #region Social profile/userpage stuff */

#profile-title {
/* match normal #firstHeading styles */
font-family: var(--font-family-heading);
font-weight: 500;
font-size: 1.8rem;
color: var(--color-emphasized, #101418);
}

/* #endregion */

/* #region Things that can go in templatestyles once this theme is the default */

/* Move hatnotes at top of article closer to the first heading */
#mw-content-text > .mw-parser-output > .hatnote:first-child {
margin-top: -1.5rem;
margin-bottom: 1.5rem;
}

/* #endregion */

/* #region Image data */
--icon-watch: url(data:image/png;base64,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);
--icon-unwatch: url(data:image/png;base64,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);

/* MSUpload */
#msupload-list .file {
background: var(--background-color-neutral-subtle);
}

#msupload-list .file .file-name:hover {
background-color: var(--background-color-base);
}

#msupload-list .green {
background-color: var(--background-color-success-subtle, #dff2eb);
}
}

html.theme-light {
/* Main content colors */
--color-base: #36414f;
--color-emphasized: #000000;
--background-color-base: white;
--background-color-neutral-subtle: #f8f9fa;
--background-color-interactable-subtle: #f8f9fa;

/* Link colors */
--link-color: #0645ad;
/* --link-visited-color: green; */
/* --link-redlink-color: red; */

/* light window theme */
#mw-head-base {
background-image:
linear-gradient(to bottom,
#FDEFDA00,
#FAE6CB57, /* color-mix(#FDEFDA00, #F7DCBBAA) */
#F7DCBBDD
),
var(--noise-texture),
linear-gradient(to bottom,
#FDEFDA,
#F7DCBB
);
background-color: #F7DCBB;
}
#mw-head-base {
border-color: #F7DCBB;
}
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #C6B096; /* color-mix(#F7DCBB, #000 20%) */
}
.vector-menu-dropdown .vector-menu-heading::after {
/* cursed as fuck */
filter: brightness(7) invert(0.95) sepia(1) drop-shadow(0 1px #0004);
}
#mw-head .vector-menu-tabs-legacy .vector-menu-content-list > li, .vector-menu-dropdown .vector-menu-heading {
color: #4B453E; /* matches the resulting color from the cursed sepia transform above */
text-shadow: 0 1px #fff4;
}

/* tweak search box padding */
.vector-search-box-input {
box-shadow: 0 1px 1px #0004;
}

/* fix color of watchlist star */
div#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
filter: none;
}
}

html.theme-dark {
/*
* Variables in this block apply ONLY to the "Meteor Dark" theme - NOT
* to other dark themes. Most customizations for dark theme beling in
* the `html.view-dark` block above!
*/

/* Slightly lighter content background than normal dark theme */
--background-color-base: #222;

/* Adjust text colors to match content background */
--color-base: #E0E0E0;
--color-emphasized: #E0E0E0;
--color-subtle: #A2A9B1;
--link-color: #7BABDA;
--link-visited-color: #C7A5DE;
--link-redlink-color: #F05048;

/* Use same colors for internal and external links */
--link-external-color: var(--link-color);
--link-external-visited-color: var(--link-visited-color);

/* Different body background */
body {
background: linear-gradient(in lch to bottom, #4D3D71, #62303b 900px) #62303b;
}

/* Different top bar border color, to match content base background */
#mw-head-base,
div#mw-head ul.vector-menu-content-list > li.selected {
border-color: #000;
}

/* Adjust noise gradient for sidebar panes to account for dark background */
.vector-legacy-sidebar .vector-menu-portal {
background-image:
linear-gradient(to bottom,
color-mix(var(--background-color-base), transparent 40%),
color-mix(var(--background-color-base), transparent 30%) 25%,
var(--background-color-base)
),
var(--noise-texture);
}
}

html.theme-legacy-dark {
/* NOTE: This is the legacy dark theme. You should probably be adding stuff to the `.view-dark` block above instead. */
/* This theme has a lot of stuff left over from when it was the only dark theme, that probably shouldn't be here anymore */

@media screen {
/**
CSS For Dark Mode

Darker
^
|
v
Lighter

#0E1013
#17181B
#202124
#282A2D
#2E3134
#3C4043
#5F6368
*/

body {
background-color: #17181B;
background-image: url(/mediawiki/images/8/8f/Dark_mode_top_background_DT.jpg);
background-position: left top;
background-repeat: no-repeat;
}

body, h1, h2, h3, h4, h5, h6, .mw-editform #wpTextbox1 {
color: #E0E0E0;
}

ul {
list-style-image: none;
}

.mw-body, #mw-head-base {
border-color: #383838;
}

.mw-body, .mw-panel {
background-color: #202020;
color: #E0E0E0;
}

#mw-head-base {
background-color: #2E3134;
}

#mw-page-base {
background: none;
}

div#mw-head .vector-menu-tabs li a {
color: #fff;
}

div#mw-head ul.vector-menu-content-list > li.selected {
background-color: #3C4043;
}

#searchInput {
background-color: #3C4043;
color: #F1F3F4;
border: 1px solid #383838;
border-radius: 0px;
}

#pagehistory li.selected {
color: #e0e0e0;
background-color: #181818;
border-color: #101010;
}

.mw-search-profile-tabs, #mw-searchoptions {
border-color: #383838;
background-color: #181818;
}

#mw-searchoptions .divider {
border-color: #383838;
}

.warningbox {
background-color: #400;
color: #e62444;
border-color: #e62444;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #FFFFFF;
}

/* table {
border: 1px solid #383838;
} */

.table > tbody:first-child > tr:first-child > *, .table > tbody > tr.heading > *, .table > thead > tr:first-child > * {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd) {
background-color: #181818;
border-color: #383838;
}

.table > tbody,.table > tbody > tr.heading,.table > tbody > tr > [rowspan],.table > tbody > tr > [colspan] {
border: 1px solid #383838;
}

.toc, .toccolours {
border: 1px solid #080808;
background-color: #181818;
}

.tocnumber {
color: #7c7c7c;
}

div.thumbinner {
border: 1px solid #383838;
background-color: #181818;
}

div.nav.mech1 .heading {
background-color: #222;
}

div.nav .heading {
margin: -1px -1px 5px;
}

div.nav .box table {
margin: 0;
}

.catlinks {
border: 1px solid #080808;
background-color: #181818;
}

#filetoc {
border: 1px solid #080808;
background-color: #181818;
}

div.nav .heading {
border: 1px solid #383838;
}

div.nav .box {
background: #181818;
border-color: #383838;
}

div.nav.location .heading {
background-color: rgb(35 3 106 / 20%);
}

.table.pve > tbody > tr:nth-child(odd), .table > tbody > tr.pve:nth-child(odd) {
background-color: #181818;
}

.table.pve > :first-child > tr:first-child, .table.pve > tbody > tr.heading, .table.pve > :first-child > tr:first-child > *, .table.pve > tbody > tr.heading > * {
background-color: #000;
border-color: #383838;
}

.table.equip > tbody > tr:nth-child(odd), .table > tbody > tr.equip:nth-child(odd), .table.item > tbody > tr:nth-child(odd), .table > tbody > tr.item:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr:nth-child(odd), .table > tbody > tr.gathering-role:nth-child(odd) {
background-color: #181818;
}

.table > tbody > tr:nth-child(odd), .table > tbody > tr:nth-child(odd) {
background-color: #181818;
}

.table.mech1 > tbody > tr:nth-child(odd),.table > tbody > tr.mech1:nth-child(odd) {
background-color: #181818;
}

.table.tanker-role > tbody > tr:nth-child(odd),.table > tbody > tr.tanker-role:nth-child(odd) {
background-color: #181818;
}

.table.healer-role > tbody > tr:nth-child(odd),.table > tbody > tr.healer-role:nth-child(odd) {
background-color: #181818;
}

.table.dps-role > tbody > tr:nth-child(odd),.table > tbody > tr.dps-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting-role > tbody > tr:nth-child(odd),.table > tbody > tr.crafting-role:nth-child(odd) {
background-color: #181818;
}

.table.crafting > tbody > tr:nth-child(odd),.table > tbody > tr.crafting:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) {
background-color: #181818;
}

.table.gathering-role > tbody > tr > th,.table.gathering-role > tfoot > tr > th,.table.gathering-role > thead > tr > th,table.table > tbody > tr.gathering-role > th {
background-color: #35490F;
border-color: #383838;
}

.table.npc > tbody > tr:nth-child(odd),.table > tbody > tr.npc:nth-child(odd) {
background-color: #181818;
}

.table.equip > tbody > tr > th,.table.equip > tfoot > tr > th,.table.equip > thead > tr > th,table.table > tbody > tr.equip > th,.table.item > tbody > tr > th,.table.item > tfoot > tr > th,.table.item > thead > tr > th,table.table > tbody > tr.item > th {
background-color: #181818;
border-color: #383838;
}

.table.quest > tbody > tr:nth-child(odd),.table > tbody > tr.quest:nth-child(odd) {
background-color: #181818;
}

.table.location > tbody > tr:nth-child(odd),.table > tbody > tr.location:nth-child(odd) {
background-color: #181818;
}

#footer-info li {
color: rgb(255 255 255 / 30%);
}

.vector-menu-dropdown .vector-menu-content {
background-color: #181818;
}

.vector-menu-dropdown li a {
color: #5A93CC;
}

#mainpagenavigation td, div.recipe-box {
border-color: #383838;
background-image: -o-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -moz-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -webkit-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
background-image: -ms-linear-gradient(top,#17181B 0%,#17181B 2%,#181818 100%);
-webkit-gradient(linear,left top,left bottom,color-stop(0,#17181B),color-stop(0.02,#17181B),color-stop(1,#181818));
}

.table > * > tr > :first-child {
border-left: 1px solid #383838;
}
.table > * > tr > :last-child {
border-right: 1px solid #383838;
}

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption {
border-bottom: 1px solid #383838;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
background-color: #17181B;
border-color: #383838;
}

.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;
background-color: #000;
}
.wikitable {
color: #F0F0F0;
background-color: #202020;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid #383838;
background-color: #181818;
}

.mw-pt-languages {
background-color: #181818;
}

.mw-pt-languages-label {
background-color: #17181B;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #181818;
border: 1px solid #383838;
}

.mw_metadata td, .mw_metadata th {
background-color: #181818;
border: 1px solid #383838;
}

/*** Colored headings ***/

.table.pve > :first-child > tr:first-child,
.table.pve > tbody > tr.heading,
.table.pve > :first-child > tr:first-child > *,
.table.pve > tbody > tr.heading > * {
background-color: #7F6633;
border-color: #cca352;
}

.table.equip > :first-child > tr:first-child,
.table.equip > tbody > tr.heading,
.table.equip > :first-child > tr:first-child > *,
.table.equip > tbody > tr.heading > *,
.table.item > :first-child > tr:first-child,
.table.item > tbody > tr.heading,
.table.item > :first-child > tr:first-child > *,
.table.item > tbody > tr.heading > * {
background-color: #995A3D;
border-color: #FF9366;
}

.table.quest > :first-child > tr:first-child,
.table.quest > tbody > tr.heading,
.table.quest > :first-child > tr:first-child > *,
.table.quest > tbody > tr.heading > * {
background-color: #99733A;
border-color: #e18f14;
}

.table.mech1 > :first-child > tr:first-child,
.table.mech1 > tbody > tr.heading,
.table.mech1 > :first-child > tr:first-child > *,
.table.mech1 > tbody > tr.heading > * {
background-color: #062540;
border-color: #527aa3;
}

div.nav.mech1 .heading {
background-color: #062540;
}

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th {
border-color: #062540;
}

.table.npc > :first-child > tr:first-child, .table.npc > tbody > tr.heading, .table.npc > :first-child > tr:first-child > *, .table.npc > tbody > tr.heading > * {
background-color: #336619;
border-color: #52a329;
}

.rarity.white, .rarity.basic {
color: white;
}

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image: none;
}

div.nav .heading {
background-image: none;
}

div.nav .subheading {
background-image: none;
}

div.recipe-box .subheading,
div.recipe-box .heading {
background-image: none;
}

li.gallerybox div.thumb {
border: 1px solid #383838;
background-color: #181818;
}

table.jquery-tablesorter th.headerSort {
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
background-image: url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20z)
!ie;
padding: 0.5em;
padding-right: 21px;
}
table.jquery-tablesorter th.headerSortDown {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
background-image: url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20z)
!ie;
}
table.jquery-tablesorter th.headerSortUp {
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
background-image: url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20z)
!ie;
}

table.table.jquery-tablesorter th.headerSort {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortDown {
background-image: none;
}

table.table.jquery-tablesorter th.headerSortUp {
background-image: none;
}

.search-map .map-frame .map-title {
background-image: url("/mediawiki/images/f/f4/Box_overlay_dark.png");
}

.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;
}

.smwb-theme-light .smwb-title, .smwb-theme-light .smwb-center, .smwb-theme-light .smwb-actions, .smwb-theme-light .smwb-prophead {
background-color: #062540;
}

.smwb-theme-light .smwb-propval {
background-color: #282828;
}

.smwb-theme-light .smwb-factbox {
border-color: #181818;
}

.smwb-factbox .smwb-cell {
border-color: #181818;
}

.smwb-theme-light .smwb-ifactbox {
border-color: #181818;
}

.smwb-ifactbox .smwb-cell {
border-color: #181818;
}

.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
background-color: #202020;
border-color: #383838;
}

.smw-factbox input.nav-tab:checked + label.nav-label {
background-color: #202020;
border-bottom: 1px solid #202020;
}

.smw-factbox .smwfact {
background-color: #202020;
}

.smwfact .smw-table-row:nth-child(odd) {
background-color: #181818;
}

.smwfact .smw-table-row:nth-child(even) {
background-color: #202020;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
color: #E0E0E0;
}

.profile-info-container b, .profile-info-container b {
color: #E0E0E0;
}

.user-board-message {
border-color: #383838;
}

.user-board-message-from {
background-color: #062540;
}

.no-info-container {
border-color: #383838;
background-color: #181818;
color: #E0E0E0;
}

ol.references > li:target, sup.reference:target, cite:target {
background: #062540;
}

#msupload-div {
background: #181818;
}

#msupload-dropzone {
border-color: #C8CCD1;
color: #E0E0E0;
}

#msupload-list .file {
background: #062450;
}

#mw-panel nav.sidebar-toc-heading h3 {
background: #202020;
border: 1px solid #383838;
}

.ͼ4 .cm-line {
caret-color: white;
}

.action-history {
background-color: none;
}

}

.skin-vector .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #062540;
color: white;
border: 1px solid #5A93CC;
}

.oo-ui-iconElement-icon {
filter: invert(100%);
}

div.wikiEditor-ui-toolbar {
background-color: var(--theme-background-color);
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
color: #E0E0E0;
background: var(--theme-background-color--tertiary);
}

.editOptions {
background-color: #181818;
border: 1px solid #505050;
color: #E0E0E0;
}

#wpTextbox1, .cm-editor {
background-color: #000;
}

.action-history {
background-color: #17181b;
}

.tabber__header .tabber__header__prev, .tabber__header .tabber__header__next {
filter: invert(100%);
}
}