Final Fantasy XIV Online Wiki - User contributions [en]

User:Tempest Dawn

2026-06-20T18:16:27Z

Tempest Dawn:

== Projects ==

* Previously did some CSS rule updates for [[Template:Special_chat_character]]
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]

== To-do probably==
* {{todo}} Fix the weapon infobox table, see [[Deepgold Claymore]]
* {{todo}} Fix the crafting recipe table, see [[Deepgold Claymore]]

== To-do maybe==

* {{todo}} Get screenshot for [[Tamachag]]
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways

Template:Progress bar/doc

2026-06-19T07:34:49Z

Tempest Dawn: /* Documentation */

{{documentation subpage}}

A template to be used in both [[Template:Percent_of_set]] and [[Template:Quest_infobox]] for displaying a progress bar. Centralizes the CSS rules for these bars and also makes them adaptive to light and dark themes.

==Documentation==
;percent
: Required. Percent to fill the bar. Do not include the trailing <code>%</code> symbol
;width
: Optional. Defines the width of the total bar using standard CSS units (px, vw, em, etc). Defaults to <code>200px</code>.
;color
: Optional. Set the color of the filled part of the bar. Recognizes several light/dark responsive keywords, or can accept any CSS color syntax. Defaults to <code>green</code>.
:
: {| {{STDT|mech1 center}}
|+ Recognized color keywords
|-
! Keyword !! Light theme value !! Dark theme value
|-
| green || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#00AF32"></span> <code>#00AF32</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#00AF32"></span> <code>#00AF32</code>
|-
| arealmreborn || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#666666"></span> <code>#666666</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#8f8f8f"></span> <code>#8F8F8F</code>
|-
| heavensward || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#4B7FE9"></span> <code>#4B7FE9</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#4B7FE9"></span> <code>#4B7FE9</code>
|-
| stormblood || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#A3253C"></span> <code>#A3253C</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#BE344D"></span> <code>#BE344D</code>
|-
| shadowbringers || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#4F45B4"></span> <code>#4F45B4</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#756DC7"></span> <code>#756DC7</code>
|-
| endwalker || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#C0790B"></span> <code>#C0790B</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#C0790B"></span> <code>#C0790B</code>
|-
| dawntrail || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px white;background:#DEB746"></span> <code>#DEB746</code> || <span style="display:inline-block;vertical-align:center;width:16px;height:16px;border:solid 4px #323232;background:#DEB746"></span> <code>#DEB746</code>
|}
<includeonly>


</includeonly>

Template:Progress bar

2026-06-19T07:12:16Z

Tempest Dawn: Add full width example

Template:Progress bar

2026-06-19T07:11:23Z

Tempest Dawn:

Template:Progress bar

2026-06-19T07:10:51Z

Tempest Dawn: Use markup example template for examples

Tempest Dawn:

<includeonly><templatestyles src="Template:Percent of set/styles.css"/>{{#vardefine:total|{{#ask: {{{set}}}|format=count}}}}{{#if:{{{invert-subset|}}}
|{{#vardefine:unfinished|{{#ask: {{{set}}}{{{subset}}} {{#if:{{{subset2|}}}|OR {{{set}}}{{{subset2}}}|}}|format=count}}}}{{#vardefine:finished|{{#expr:{{#var:total}} - {{#var:unfinished}}}}}}
|{{#vardefine:finished|{{#ask: {{{set}}}{{{subset}}} {{#if:{{{subset2|}}}|OR {{{set}}}{{{subset2}}}|}}|format=count}}}}{{#vardefine:unfinished|{{#expr:{{#var:total}} - {{#var:finished}}}}}}
}}{{#vardefine:completion|{{#expr:{{#expr:{{#var:finished}} / {{#var:total}} * 100}} round 1}}}}{{#switch:{{lc:{{{format|}}}}}
|fraction={{#var:finished}}/{{#var:total}}
|percent|#default={{#var:completion}}%
|bar={{Progress bar
|percent={{#var:completion}}
|color={{{color|}}}
|width={{{width|}}}
}}}}</includeonly><noinclude>

==Documentation==
;set
: The query parameter(s) used for defining the whole set of pages counted, e.g. <code><nowiki>[[Has context::Duty]]</nowiki></code>
;subset
: The additional query parameters used to define a subset of the main set, e.g. <code><nowiki>[[Has patch::7.5]]</nowiki></code>
;subset2
: Optional. The additional query parameters used to define a second subset of the main set, e.g. <code><nowiki>[[Has patch::7.5]]</nowiki></code>. This will be joined with <code>subset</code> to determine the total subset. (This will happen before inversion, see next parameter.)
;invert-subset
: Optional. Set this value only if the subset is the items you do not want counted.
* When ''not'' set, this template will evaluate "the number of items in subset<code>set</code>" ÷ "the number of items in <code>set</code>".
** For <code><nowiki>[[Has context::Duty]]</nowiki></code> and <code><nowiki>[[Has patch::7.5]]</nowiki></code>, this will show "The number of duties in Patch 7.5 ÷ the total number of duties"
* When set, this template will evaluate "the number of items ''not'' in subset<code>set</code>" ÷ "the number of items in <code>set</code>".
** For <code><nowiki>[[Has context::Duty]]</nowiki></code> and <code><nowiki>[[Has patch::7.5]]</nowiki></code>, this will show "The number of duties ''not ''in Patch 7.5 ÷ the total number of duties"
;format
: Valid options are the following:
* <code>percent</code> (default) - Displays as a percentage rounded to one decimal place, e.g. <code>11.1%</code>
* <code>fraction</code> - Displays as a fraction, e.g. <code>1/9</code>
* <code>bar</code> - Displays as a bar, with filled from the left equal to the completion amount
;width
: Optional. Used only for the <code>bar</code> format. Defines the width of the total bar using standard HTML formatting. Defaults to <code>200px</code>.
;color
: Optional. Used only for the <code>bar</code> format. Set the color of the filled part of the bar. See [[Template:Progress_bar]] for allowed color values, defaults to <code>green</code>.

==Examples with basic parameters==

<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]}}</pre>
The percent of Dawntrail duties which were released in Pacth 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]}}

<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]
|format=fraction
}}</pre>
The percent of Dawntrail duties which were released in Pacth 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.5]]
|format=fraction
}}

==Example with two subsets==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
}}
</pre>
The percent of Dawntrail duties which were released in Patch 7.4 or 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
}}

==Example with two subsets and inversion==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
|invert-subset=y
}}
</pre>
The percent of Dawntrail duties which were NOT released in Patch 7.4 or 7.5: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=fraction
|invert-subset=y
}}

==Example with default bar format==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
}}</pre>
{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
}}

==Example with specified bar format==
<pre>{{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
|width=400px
|color=#ff9999
}}</pre>
Carpenter quest completion: {{Percent of set
|set=[[Has context::Duty]][[Category:Dawntrail content]]
|subset=[[Patch::7.4]]
|subset2=[[Patch::7.5]]
|format=bar
|width=400px
|color=#ff9999
}}

<br>

2026-06-19T05:52:34Z

Tempest Dawn: Base layout and color documentation, does not use color codes yet

Template:Progress bar/styles.css

2026-06-19T05:13:02Z

Tempest Dawn: Styles copied from percent of set but reactive to dark theme

User:Tempest Dawn

2026-06-17T17:36:14Z

Tempest Dawn: /* Projects */

== Projects ==

* Previously did some CSS rule updates for [[Template:Special_chat_character]]
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]

== To-do maybe==

* {{todo}} Get screenshot for [[Tamachag]]
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways

User:Tempest Dawn/common.js

2026-06-16T06:21:05Z

Tempest Dawn: Update from Erin's script

mw.loader.using(['mediawiki.api'], () => {
const api = new mw.Api();
const contentPromises = new Map(); /* string => Promise */

function getTooltipContents (articleName) {
const cached = contentPromises.get(articleName);
/** @type string */
if (cached) {
return cached;
}

console.log('making API request for content');
const contentPromise = api.parse(`{{User:Erin Umbreon/Sandbox/Tooltip|${articleName}}}`)
.catch(error => `<pre>Error: ${error.replace('&', '&').replace(/</g, '<')}</pre>`);

contentPromises.set(articleName, contentPromise);
return contentPromise;
}

/** @type {HTMLDivElement | null} */
let popup = null;
let popupName = null;

function showPopup(articleName, event) {
if (popup) {
if (popupName == articleName) {
// re-use existing popup
updatePopupPosition(event);
return;
} else {
// delete existing popup and create a new one
destroyPopup();
}
}

popup = document.createElement('div');
popupName = articleName;
popup.style.position = "fixed";
popup.style.pointerEvents = "none";
popup.style.width = '400px';
popup.style.maxWidth = 'calc(100vw - 20px)'; // idfk lol
document.body.append(popup);

// update position since appending to the body will cause bounds to be recalculated
updatePopupPosition(event);

// animate transition only after first update, after initial offset is applied
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
popup.style.transition = "transform 200ms";
} else {
popup.style.transition = undefined;
}

// request content and add it to the popup when it arrives
getTooltipContents(articleName).then(content => {
console.log('got content for', articleName, content);
if (!popup) return;
popup.innerHTML = content;
console.log('done');
});
}

function destroyPopup() {
if (!popup) return;
popup.remove();
popup = null;
popupName = null;
}

function updatePopupPosition(event) {
console.log('update', event, event.clientX, event.clientY);
popup.style.left = `${event.clientX + 10}px`;
popup.style.top = `${event.clientY + 10}px`;

let xTransform = '0', yTransform = '0';

console.log(popup.offsetWidth, popup.offsetHeight);

if (window.innerWidth - event.clientX - 20 < popup.offsetWidth) {
xTransform = 'calc(-100% - 20px)';
}
if (window.innerHeight - event.clientY - 20 < popup.offsetHeight) {
yTransform = 'calc(-100% - 20px)';
}
console.log(xTransform, yTransform);
popup.style.transform = `translate(${xTransform}, ${yTransform})`;
}

document.querySelectorAll('.icon-label-container').forEach((/** @type {HTMLElement} */ thing) => {
console.log(thing);
if (!thing.hasAttribute('data-tooltip-processed')) {
thing.setAttribute('data-tooltip-processed', true);
if (!thing.hasAttribute('data-tooltip-article')) {
thing.setAttribute('data-tooltip-article', decodeURIComponent(thing.querySelector('a').getAttribute('href').match(/\/wiki\/(.*)\/?/)[1]));
}
}
const articleName = thing.getAttribute('data-tooltip-article');

thing.addEventListener('mouseenter', event => {
if (event.altKey) {
destroyPopup();
} else {
showPopup(articleName, event);
}
});

thing.addEventListener('mousemove', event => {
if (event.altKey) {
destroyPopup();
} else {
showPopup(articleName, event);
}
});

thing.addEventListener('mouseleave', event => {
destroyPopup();
});
});

document.addEventListener('keyup', event => {
if (event.altKey) {
destroyPopup();
}
});
document.addEventListener('keydown', event => {
if (event.altKey) {
destroyPopup();
}
});
});

Template:NPC location table header

2026-06-16T06:01:47Z

Tempest Dawn: Switch to STDT so it gets new styles

<onlyinclude>{| {{STDT|location {{#if:{{{collapsed|}}}|mw-collapsible mw-collapsed}}}}
|-
! style="width:200px;" | Zone
! style="width:150px; text-align: left;" title="Approximate coordinates" | Coordinates
! style="width:22%; text-align: center;" | Level range
</onlyinclude><noinclude>|}

Provides the standard header row for NPCs' location tables. Rows in the table should use {{tl|NPC location info}} to store data, and {{tl|NPC location table row}} to display data elsewhere.

Example code (result shown above):
<pre>{{NPC location table header}}
{{Table footer}}</pre>

==Parameters==
;collapsed
:Optional. Set to anything to make the table collapsed by default.

[[Category:Location formatting templates]]
</noinclude>

Template:STDT

2026-06-16T05:58:39Z

Tempest Dawn: Update to use v2 style classes

<includeonly>class="{{{1|}}} stdt__table_v2"</includeonly><noinclude>__NOTOC__

== Description ==

The '''''S'''tandard '''T'''able '''D'''esign '''T'''emplate'' is used to give tables across the wiki a similar design, fitting the topic of the main article.

== Usage ==

{|
! Default !! Topic specific
|-
| <pre>{{STDT}}</pre>
| <pre>{{STDT|<type>}}</pre>
|}

=== Parameters ===
; ''unnamed parameter''
:Table coloring. Based on the topic:
:* Any class title
:* Any job name
:* White (use this for for tables with multiple colors)
:* Other choices match the coloring scheme of the topic's navigation bars:
:** npc
:** pve
:** equip, item
:** mech1, mech2 (for mechanics)
:** lore
:** location
:** promo
:** buff, debuff


== Examples ==
=== Basic use ===
<pre>{| {{STDT}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}
</pre>

{| {{STDT}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Specific use ===

<pre>{| {{STDT|sortable pve align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}
</pre>

{| {{STDT|sortable pve align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

<pre>{| {{STDT|dps-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|dps-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|healer-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|healer-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|tanker-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|tanker-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|crafting-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|crafting-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|gathering-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|gathering-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|pet-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|pet-role align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|npc align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|npc align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|pve align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|pve align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|equip align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|equip align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|item align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|item align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|skin align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|skin align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|mech1 align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|mech1 align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|mech2 align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|mech2 align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|lore align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|lore align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|location align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|location align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|promo align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|promo align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|buff align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|buff align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|debuff align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|debuff align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

<pre>{| {{STDT|crafting align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}</pre>

{| {{STDT|crafting align-right}}
! Heading 1 !! Heading 2 !! Heading 3
|-
| 1.1 || | 1.2 || 1.3
|-
| 2.1 || | 2.2 || 1.3
|}

[[Category:Formatting templates|STDT]]
</noinclude>

User:Tempest Dawn/common.css

2026-06-16T05:57:40Z

Tempest Dawn: Blanked the page

Template:Location table header

2026-06-16T05:52:29Z

Tempest Dawn: Remove non-working "locations" class (change to "location" if this is supposed to be purple)

<includeonly>{{#if:
{{#if:{{{showLevel|}}}
| {{#vardefine:showLevel|{{{showLevel|true}}}}}
| {{#if: {{#show:{{{1|{{PAGENAME}}}}}|?Has level range}} | {{#vardefine:showLevel|true}} }}
}}
}}{{{!}} {{STDT|sortable pve}}
{{!}}-
|- style="vertical-align:top"
! [[Area]]
{{#ifeq:{{#var:showLevel}}|true|
! style="width:80px" {{!}} Level range
}}
! Points of Interest
</includeonly><noinclude>

== Description ==
This template provides a standard set of headings for location tables typically used on zone pages.

== Usage ==
=== Parameters ===
;Unnamed parameter 1
:[[Zone]]. Default to <nowiki>{{PAGENAME}}</nowiki>
;showLevel
:Optional. Default to true if the given zone has [[Property:Has level range]] defined.
::''true'' to show the column.
::''false'' to hide the column.

== Examples ==
=== Example #1 ===
With a level column:
<pre>
{{location table header|South Shroud|showLevel=true}}
|-
| [[Quarrymill]]
| style="text-align:center" | 30-40
|
: {{map icon|aetheryte}} Quarrymill Aetheryte
: {{map icon|landmark}} Quarrymill
|-
| [[Snakemolt]]
| style="text-align:center" | 30-40
|
: {{map icon|landmark}} Snakemolt
: {{map icon|merchant}} Merchant NPC
: {{map icon|logging}} Item 1, Item 2, Item 3
|}
</pre>
{{location table header|South Shroud|showLevel=true}}
|-
| [[Quarrymill]]
| style="text-align:center" | 30-40
|
: {{map icon|aetheryte}} Quarrymill Aetheryte
: {{map icon|landmark}} Quarrymill
|-
| [[Snakemolt]]
| style="text-align:center" | 30-40
|
: {{map icon|landmark}} Snakemolt
: {{map icon|merchant}} Merchant NPC
: {{map icon|logging}} Item 1, Item 2, Item 3
|}

[[Category:Location formatting templates]]</noinclude>

User:Tempest Dawn/Table Examples

2026-06-10T06:06:34Z

Tempest Dawn: /* Quest table */

This page is an after-version for testing updates to the [[Template:STDT|STDT Template]] table styles. The old before-version is at [[User:Tempest Dawn/Table Examples (old)]]. Both pages have the exact same attributes and parameters for each table, this page is just using a testing template that applies updated CSS rules

== Basic Tables ==

=== Generic (no class) ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== DPS role (Maroon) ===

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Healer role (Dark-green) ===

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Tank role (Steel-blue) ===

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting role (Gray) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Gathering role (Olive) ===

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Pet role (Teal) ===

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== NPC (Lime) ===

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== PVE (Gold) ===

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Equip (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Item (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|item}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined

=== Skin (Pink) ===

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 1 (Blue) ===

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 2 (Turquoise) ===

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Lore (Violet) ===

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Location (Purple) ===

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Promo (Yellow-Green) ===

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Buff (Aquamarine) ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Debuff (Green) ===

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting (Brown) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

== Complex Examples ==

=== Multi-row headers ===

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

=== Table with caption ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
|+ Caption something
|-
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Table with no heading ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
| 1.1 || | 1.2
|-
| 2.1 || | 2.2
|}

=== Triple-row headers ===

because @[[User:Erin Umbreon|Erin Umbreon]] is insane

Sortable:

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

=== Line classes ===

Line bottom on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|- class="line-bottom"
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Line top on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|- class="line-top"
! Subheading 2
| 2.1 || | 2.2
|}

Line left on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

Line right on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 0 !! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-right"| 1.2 || 1.3
|-
! Subheading 2
| 2.1 ||class="line-right"| 2.2 || 2.3
|}

=== Testing all border colors ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

=== Quest table ===

{| {{User:Tempest Dawn/Temp STDT/|quest}}
!| Type
!| Level
!| Quest
!| Quest Giver
|-
| A Wild Rose by Any Other Name || Main Scenario quest|| 17 || Minfilia
|-
| Life, Materia and Everything || Main Scenario quest || 19 || Minfilia
|-
| Lord of the Inferno || Main Scenario quest || 20 || Minfilia
|-
| A Hero in the Making || Main Scenario quest || 20 || Minfilia
|-
| Sylph-management || Main Scenario quest || 20 || Minfilia
|-
| Shadow of Darkness || Main Scenario quest || 24 || Minfilia
|-
| Meeting with the Resistance || Main Scenario quest || 26 || Minfilia
|-
| Terror at Fallgourd || Main Scenario quest || 27 || Minfilia
|-
| Wrath of the Titan || Main Scenario quest || 30 || Minfilia
|}

User:Tempest Dawn/Table Examples

2026-06-10T06:05:32Z

Tempest Dawn: Add quest table

This page is an after-version for testing updates to the [[Template:STDT|STDT Template]] table styles. The old before-version is at [[User:Tempest Dawn/Table Examples (old)]]. Both pages have the exact same attributes and parameters for each table, this page is just using a testing template that applies updated CSS rules

== Basic Tables ==

=== Generic (no class) ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== DPS role (Maroon) ===

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Healer role (Dark-green) ===

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Tank role (Steel-blue) ===

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting role (Gray) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Gathering role (Olive) ===

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Pet role (Teal) ===

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== NPC (Lime) ===

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== PVE (Gold) ===

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Equip (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Item (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|item}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined

=== Skin (Pink) ===

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 1 (Blue) ===

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 2 (Turquoise) ===

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Lore (Violet) ===

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Location (Purple) ===

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Promo (Yellow-Green) ===

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Buff (Aquamarine) ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Debuff (Green) ===

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting (Brown) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

== Complex Examples ==

=== Multi-row headers ===

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

=== Table with caption ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
|+ Caption something
|-
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Table with no heading ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
| 1.1 || | 1.2
|-
| 2.1 || | 2.2
|}

=== Triple-row headers ===

because @[[User:Erin Umbreon|Erin Umbreon]] is insane

Sortable:

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

=== Line classes ===

Line bottom on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|- class="line-bottom"
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Line top on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|- class="line-top"
! Subheading 2
| 2.1 || | 2.2
|}

Line left on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

Line right on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 0 !! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-right"| 1.2 || 1.3
|-
! Subheading 2
| 2.1 ||class="line-right"| 2.2 || 2.3
|}

=== Testing all border colors ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

=== Quest table ===

{| {{User:Tempest Dawn/Temp STDT/|quest}}
!| Type
!| Level
!| Quest
!| Quest Giver
|-
|- A Wild Rose by Any Other Name || Main Scenario quest|| 17 || Minfilia
|- Life, Materia and Everything || Main Scenario quest || 19 || Minfilia
|- Lord of the Inferno || Main Scenario quest || 20 || Minfilia
|- A Hero in the Making || Main Scenario quest || 20 || Minfilia
|- Sylph-management || Main Scenario quest || 20 || Minfilia
|- Shadow of Darkness || Main Scenario quest || 24 || Minfilia
|- Meeting with the Resistance || Main Scenario quest || 26 || Minfilia
|- Terror at Fallgourd || Main Scenario quest || 27 || Minfilia
|- Wrath of the Titan || Main Scenario quest || 30 || Minfilia
|}

User:Tempest Dawn/Table Examples

2026-06-08T20:45:28Z

Tempest Dawn: Update beginning of page

User:Tempest Dawn/Table Examples (old)

2026-06-08T20:44:10Z

Tempest Dawn: Update beginning of page

This page is a before-version for testing updates to the [[Template:STDT|STDT Template]] table styles. The new after-version is at [[User:Tempest Dawn/Table Examples]]. Both pages have the exact same attributes and parameters for each table, the other page is just using updated CSS rules

== Basic Tables ==

=== Generic (no class) ===

{| {{STDT|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== DPS role (Maroon) ===

{| {{STDT|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Healer role (Dark-green) ===

{| {{STDT|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Tank role (Steel-blue) ===

{| {{STDT|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting role (Gray) ===

{| {{STDT|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Gathering role (Olive) ===

{| {{STDT|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Pet role (Teal) ===

{| {{STDT|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== NPC (Lime) ===

{| {{STDT|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== PVE (Gold) ===

{| {{STDT|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Equip (Orange) ===

{| {{STDT|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Item (Orange) ===

{| {{STDT|item}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined

=== Skin (Pink) ===

{| {{STDT|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 1 (Blue) ===

{| {{STDT|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 2 (Turquoise) ===

{| {{STDT|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Lore (Violet) ===

{| {{STDT|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Location (Purple) ===

{| {{STDT|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Promo (Yellow-Green) ===

{| {{STDT|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Buff (Aquamarine) ===

{| {{STDT|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Debuff (Green) ===

{| {{STDT|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting (Brown) ===

{| {{STDT|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

== Complex Examples ==

=== Multi-row headers ===

{| {{STDT|sortable item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

Not sortable:

{| {{STDT|item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

=== Table with caption ===

{| {{STDT|buff}}
|+ Caption something
|-
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Table with no heading ===

{| {{STDT|buff}}
| 1.1 || | 1.2
|-
| 2.1 || | 2.2
|}

=== Triple-row headers ===

because @[[User:Erin Umbreon|Erin Umbreon]] is insane

Sortable:

{| {{STDT|sortable item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

Not sortable:

{| {{STDT|item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

=== Line classes ===

Line bottom on row:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|- class="line-bottom"
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Line top on row:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|- class="line-top"
! Subheading 2
| 2.1 || | 2.2
|}

Line left on cells:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

Line right on cells:

{| {{STDT|dps-role}}
! Heading 0 !! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-right"| 1.2 || 1.3
|-
! Subheading 2
| 2.1 ||class="line-right"| 2.2 || 2.3
|}

=== Testing all border colors ===

{| {{STDT|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

User:Tempest Dawn/Table Examples (old)

2026-06-08T20:36:14Z

Tempest Dawn: Set up test page with old tables for comparison

This page is for testing updates to the [[Template:STDT|STDT Template]] table styles. As these CSS rules are going to end up in the global themes once finished, currently you need to apply userstyles in order to see the new styles (things will look broken if not). See [[User:Tempest Dawn/vector.css]]

== Basic Tables ==

=== Generic (no class) ===

{| {{STDT|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== DPS role (Maroon) ===

{| {{STDT|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Healer role (Dark-green) ===

{| {{STDT|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Tank role (Steel-blue) ===

{| {{STDT|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting role (Gray) ===

{| {{STDT|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Gathering role (Olive) ===

{| {{STDT|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Pet role (Teal) ===

{| {{STDT|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== NPC (Lime) ===

{| {{STDT|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== PVE (Gold) ===

{| {{STDT|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Equip (Orange) ===

{| {{STDT|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Item (Orange) ===

{| {{STDT|item}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined

=== Skin (Pink) ===

{| {{STDT|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 1 (Blue) ===

{| {{STDT|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 2 (Turquoise) ===

{| {{STDT|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Lore (Violet) ===

{| {{STDT|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Location (Purple) ===

{| {{STDT|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Promo (Yellow-Green) ===

{| {{STDT|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Buff (Aquamarine) ===

{| {{STDT|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Debuff (Green) ===

{| {{STDT|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting (Brown) ===

{| {{STDT|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

== Complex Examples ==

=== Multi-row headers ===

{| {{STDT|sortable item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

Not sortable:

{| {{STDT|item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

=== Table with caption ===

{| {{STDT|buff}}
|+ Caption something
|-
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Table with no heading ===

{| {{STDT|buff}}
| 1.1 || | 1.2
|-
| 2.1 || | 2.2
|}

=== Triple-row headers ===

because @[[User:Erin Umbreon|Erin Umbreon]] is insane

Sortable:

{| {{STDT|sortable item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

Not sortable:

{| {{STDT|item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

=== Line classes ===

Line bottom on row:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|- class="line-bottom"
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Line top on row:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|- class="line-top"
! Subheading 2
| 2.1 || | 2.2
|}

Line left on cells:

{| {{STDT|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

Line right on cells:

{| {{STDT|dps-role}}
! Heading 0 !! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-right"| 1.2 || 1.3
|-
! Subheading 2
| 2.1 ||class="line-right"| 2.2 || 2.3
|}

=== Testing all border colors ===

{| {{STDT|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{STDT|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

User:Tempest Dawn/common.css

2026-06-08T20:17:37Z

Tempest Dawn: Remove view-light from selectors

/*****************************************
* For table testing: here to end of file *
*****************************************/
/* 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 padding */
table.stdt__table_v2 td,
table.stdt__table_v2 th {
padding: 0.25em 0.5em;
}

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

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

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

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

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

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

/* 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;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort::after {
content: ' ';
display: block;
position: absolute;
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 > tbody:first-child tr:not(:first-child):has(td):nth-child(odd) {
background-color: var(--stdt__table-odd-row-background);
}

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

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

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

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

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

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

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

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

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

/* gold light theme */
table.stdt__table_v2.pve,
table.stdt__table_v2.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.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.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.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;
}

User:Tempest Dawn/common.css

2026-06-08T20:09:19Z

Tempest Dawn: Adjust dark borders

/*****************************************
* For table testing: here to end of file *
*****************************************/
/* 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 padding */
table.stdt__table_v2 td,
table.stdt__table_v2 th {
padding: 0.25em 0.5em;
}

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

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

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

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

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

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

/* 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;
}
table.stdt__table_v2.sortable.jquery-tablesorter th.headerSort::after {
content: ' ';
display: block;
position: absolute;
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 > tbody:first-child tr:not(:first-child):has(td):nth-child(odd) {
background-color: var(--stdt__table-odd-row-background);
}

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

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

/* maroon light theme */
html.view-light table.stdt__table_v2.dps-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.healer-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.tanker-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.crafting-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.gathering-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.pet-role,
html.view-light 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 */
html.view-light table.stdt__table_v2.npc,
html.view-light 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 */
html.view-light table.stdt__table_v2.pve,
html.view-light 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 */
html.view-light table.stdt__table_v2.equip,
html.view-light table.stdt__table_v2.item,
html.view-light 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 */
html.view-light table.stdt__table_v2.skin,
html.view-light 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 */
html.view-light table.stdt__table_v2.mech1,
html.view-light 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 */
html.view-light table.stdt__table_v2.mech2,
html.view-light 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 */
html.view-light table.stdt__table_v2.lore,
html.view-light 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 */
html.view-light table.stdt__table_v2.location,
html.view-light 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 */
html.view-light table.stdt__table_v2.promo,
html.view-light 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 */
html.view-light table.stdt__table_v2.buff,
html.view-light 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 */
html.view-light table.stdt__table_v2.debuff,
html.view-light 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 */
html.view-light table.stdt__table_v2.crafting,
html.view-light 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.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.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;
}

User:Tempest Dawn/Table Examples

2026-06-08T20:01:29Z

Tempest Dawn:

This page is for testing updates to the [[Template:STDT|STDT Template]] table styles. As these CSS rules are going to end up in the global themes once finished, currently you need to apply userstyles in order to see the new styles (things will look broken if not). See [[User:Tempest Dawn/vector.css]]

== Basic Tables ==

=== Generic (no class) ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== DPS role (Maroon) ===

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Healer role (Dark-green) ===

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Tank role (Steel-blue) ===

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting role (Gray) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Gathering role (Olive) ===

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Pet role (Teal) ===

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== NPC (Lime) ===

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== PVE (Gold) ===

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Equip (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Item (Orange) ===

{| {{User:Tempest Dawn/Temp STDT/|item}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Note that the new version of this is the same colors as the new version of the "Equip" style above, these seem similar enough that I think they should be combined

=== Skin (Pink) ===

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 1 (Blue) ===

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Mech 2 (Turquoise) ===

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Lore (Violet) ===

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Location (Purple) ===

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Promo (Yellow-Green) ===

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Buff (Aquamarine) ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Debuff (Green) ===

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Crafting (Brown) ===

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

== Complex Examples ==

=== Multi-row headers ===

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=2 | Column 1
! rowspan=2 | Column 2
! rowspan=2 | Column 3
! colspan=3 | Wiiiiiide column 4
! rowspan=2 | Column 5
! rowspan=2 | Column 6
! rowspan=2 | Column 7
|-
! 4.1
! 4.2
! 4.3
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1
| bleh 4.2
| bleh 4.3
| bleh 5
| bleh 6
| bleh 7
|}

=== Table with caption ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
|+ Caption something
|-
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

=== Table with no heading ===

{| {{User:Tempest Dawn/Temp STDT/|buff}}
| 1.1 || | 1.2
|-
| 2.1 || | 2.2
|}

=== Triple-row headers ===

because @[[User:Erin Umbreon|Erin Umbreon]] is insane

Sortable:

{| {{User:Tempest Dawn/Temp STDT/|sortable item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

Not sortable:

{| {{User:Tempest Dawn/Temp STDT/|item align-left}}
! rowspan=3 | Column 1
! rowspan=3 | Column 2
! rowspan=3 | Column 3
! colspan=4 | Wiiiiiide column 4
! rowspan=3 | Column 5
|-
! colspan=2 | 4.1
! rowspan=2 | 4.2
! rowspan=2 | 4.3
|-
! 4.1.1
! 4.2.2
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|-
| bleh 1
| bleh 2
| bleh 3
| bleh 4.1.1
| bleh 4.1.2
| bleh 4.2
| bleh 4.3
| bleh 5
|}

=== Line classes ===

Line bottom on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|- class="line-bottom"
! Subheading 1
| 1.1 || | 1.2
|-
! Subheading 2
| 2.1 || | 2.2
|}

Line top on row:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 || | 1.2
|- class="line-top"
! Subheading 2
| 2.1 || | 2.2
|}

Line left on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

Line right on cells:

{| {{User:Tempest Dawn/Temp STDT/|dps-role}}
! Heading 0 !! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-right"| 1.2 || 1.3
|-
! Subheading 2
| 2.1 ||class="line-right"| 2.2 || 2.3
|}

=== Testing all border colors ===

{| {{User:Tempest Dawn/Temp STDT/|sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|dps-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|healer-role sortable}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|tanker-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|gathering-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pet-role}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|npc}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|pve}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|equip}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|skin}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech1}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|mech2}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|lore}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|location}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|promo}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|buff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|debuff}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}

{| {{User:Tempest Dawn/Temp STDT/|crafting}}
! Heading 1 !! Heading 2 !! Heading 3
|-
! Subheading 1
| 1.1 ||class="line-left"| 1.2
|-
! Subheading 2
| 2.1 ||class="line-left"| 2.2
|}