https://ffxiv.consolegameswiki.com/mediawiki/api.php?action=feedcontributions&feedformat=atom&user=Tempest+Dawn
Final Fantasy XIV Online Wiki - User contributions [en]
2026-09-21T21:28:35Z
User contributions
MediaWiki 1.44.2
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn&diff=1550494
User:Tempest Dawn
2026-09-21T18:48:40Z
<p>Tempest Dawn: </p>
<hr />
<div>== Projects ==<br />
<br />
* Previously did some CSS rule updates for [[Template:Special_chat_character]]<br />
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]<br />
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]<br />
<br />
== To-do certainly ==<br />
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])<br />
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])<br />
* {{todo}} Fix link colors in dark-mode STDT table headers<br />
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels<br />
* {{todo}} Mockup of scrollable beastmaster board move table with “shortcut” icons (see [https://discord.com/channels/312060255469305856/1417939835922153533/1551664849199833170 discord])<br />
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])<br />
<br />
== To-do probably ==<br />
* {{todo}} Fix the weapon infobox table, see [[Deepgold Claymore]]<br />
* {{todo}} Fix the crafting recipe table, see [[Deepgold Claymore]]<br />
<br />
== To-do maybe ==<br />
<br />
* {{todo}} Get screenshot for [[Tamachag]]<br />
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways<br />
<br />
<br />
<br />
=== Temp note: For heading link colors ===<br />
<pre><br />
.mw-parser-output table.stdt__table_v2 th a {<br />
text-decoration: underline;<br />
color: var(--stdt__table-heading-link-color);<br />
}<br />
<br />
.mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #224e59;<br />
}<br />
<br />
html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #084f60;<br />
}<br />
</pre></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn&diff=1550493
User:Tempest Dawn
2026-09-21T18:48:22Z
<p>Tempest Dawn: </p>
<hr />
<div>== Projects ==<br />
<br />
* Previously did some CSS rule updates for [[Template:Special_chat_character]]<br />
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]<br />
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]<br />
<br />
== To-do certainly ==<br />
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])<br />
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])<br />
* {{todo}} Fix link colors in dark-mode STDT table headers<br />
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels<br />
* {{todo}} Mockup of scrollable beastmaster board move table with “shortcut” icons<br />
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])<br />
<br />
== To-do probably ==<br />
* {{todo}} Fix the weapon infobox table, see [[Deepgold Claymore]]<br />
* {{todo}} Fix the crafting recipe table, see [[Deepgold Claymore]]<br />
<br />
== To-do maybe ==<br />
<br />
* {{todo}} Get screenshot for [[Tamachag]]<br />
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways<br />
<br />
<br />
<br />
=== Temp note: For heading link colors ===<br />
<pre><br />
.mw-parser-output table.stdt__table_v2 th a {<br />
text-decoration: underline;<br />
color: var(--stdt__table-heading-link-color);<br />
}<br />
<br />
.mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #224e59;<br />
}<br />
<br />
html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #084f60;<br />
}<br />
</pre></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn&diff=1550488
User:Tempest Dawn
2026-09-21T18:30:15Z
<p>Tempest Dawn: </p>
<hr />
<div>== Projects ==<br />
<br />
* Previously did some CSS rule updates for [[Template:Special_chat_character]]<br />
* Currently working on updating table styles for dark themes at [[User:Tempest_Dawn/Table_Examples]]<br />
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]<br />
<br />
== To-do certainly ==<br />
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])<br />
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])<br />
* {{todo}} Fix link colors in dark-mode STDT table headers<br />
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels<br />
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])<br />
<br />
== To-do probably ==<br />
* {{todo}} Fix the weapon infobox table, see [[Deepgold Claymore]]<br />
* {{todo}} Fix the crafting recipe table, see [[Deepgold Claymore]]<br />
<br />
== To-do maybe ==<br />
<br />
* {{todo}} Get screenshot for [[Tamachag]]<br />
* {{todo}} Add more info to [[Qestir Tribe]] since we've been meaning to do those quests anyways<br />
<br />
<br />
<br />
=== Temp note: For heading link colors ===<br />
<pre><br />
.mw-parser-output table.stdt__table_v2 th a {<br />
text-decoration: underline;<br />
color: var(--stdt__table-heading-link-color);<br />
}<br />
<br />
.mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #224e59;<br />
}<br />
<br />
html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {<br />
--stdt__table-heading-link-color: #084f60;<br />
}<br />
</pre></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=File:Outlandish_Man.jpg&diff=1536268
File:Outlandish Man.jpg
2026-09-11T23:40:47Z
<p>Tempest Dawn: Portrait gpose of the Outlandish Man</p>
<hr />
<div>== Summary ==<br />
Portrait gpose of the Outlandish Man<br />
== Licensing ==<br />
{{Square Enix image|screenshot}}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523094
Template:CSS Icon/style.css
2026-08-18T05:22:00Z
<p>Tempest Dawn: Set inset 0 for consistent positioning in tables</p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#0baf3a;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#4B84F6;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#999e00;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#ffe141;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#8378F6;<br />
}<br />
.template-css-icon.orange {<br />
color:#C98400;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#FF8F2C;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
inset: 0;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
inset: 0;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg);<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
inset: 0;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
inset: 0;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:No&diff=1523093
Template:No
2026-08-18T05:17:39Z
<p>Tempest Dawn: </p>
<hr />
<div><onlyinclude><includeonly><span class="hide">{{{sortkey|0}}}</span>{{#vardefine:internal_content|<br />
{{#switch: {{{1|}}}<br />
| #default = {{CSS Icon|no|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| tick = {{CSS Icon|yes|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| red = {{CSS Icon|no|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| circle = {{CSS Icon|circle|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
}}}}{{#if:{{{link|}}}<br />
| [[{{{link|}}}|{{#var:internal_content}}]]<br />
| {{#var:internal_content}}<br />
}}</includeonly></onlyinclude><noinclude><br />
{{Documentation}}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:No/doc&diff=1523092
Template:No/doc
2026-08-18T05:17:15Z
<p>Tempest Dawn: </p>
<hr />
<div>{{documentation subpage}}<br />
<templatedata><br />
{<br />
"params": {<br />
"1": {<br />
"label": "Type",<br />
"description": "Used to change the icon variant. Default is a grey 'x'.",<br />
"type": "string",<br />
"suggestedvalues": [<br />
"red",<br />
"tick",<br />
"circle"<br />
],<br />
"example": "red"<br />
},<br />
"tooltip": {<br />
"label": "Alt text",<br />
"description": "Text to show on hover. Defaults to \"No\".",<br />
"example": "Not Available",<br />
"type": "string"<br />
},<br />
"link": {<br />
"label": "Link",<br />
"description": "Define a link for the image if desired.",<br />
"type": "wiki-page-name"<br />
},<br />
"sortkey": {<br />
"description": "Hidden text that allows sorting. Defaults to '0'."<br />
}<br />
},<br />
"description": "This template generates an image to represent \"no\" in tables or checklists and also gives the option to choose which icon you wish to use to signify this information.",<br />
"paramOrder": [<br />
"1",<br />
"tooltip",<br />
"link",<br />
"sortkey"<br />
],<br />
"format": "inline"<br />
}<br />
</templatedata><br />
==Types==<br />
:* {{no}} <code><nowiki>{{no}}</nowiki></code> (default)<br />
:* {{no|tick}} <code><nowiki>{{no|tick}}</nowiki></code> (Note: This variant has been kept for backwards compatibility with previous versios of this template, but it <strong>not recommended</strong> to use this variant, as it is visually identical to {{tl|Yes}} and symbols of the same shape can be confusing if only distinguished by color)<br />
:* {{no|red}} <code><nowiki>{{no|red}}</nowiki></code><br />
:* {{no|circle}} <code><nowiki>{{no|circle}}</nowiki></code><br />
<br />
==See also==<br />
* {{tl|yes}}<br />
<includeonly><br />
<!-- Template categories go here --><br />
[[Category:Icon templates|No]]<br />
</includeonly></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:No&diff=1523091
Template:No
2026-08-18T05:15:36Z
<p>Tempest Dawn: Change to CSS based icon rather than loading an image</p>
<hr />
<div><onlyinclude><includeonly><span class="hide">{{{sortkey|0}}}</span>{{#vardefine:internal_content|<br />
{{#switch: {{{1|}}}<br />
| #default = {{CSS Icon|no|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| tick = {{CSS Icon|yes|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| red = {{CSS Icon|no|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
| circle = {{CSS Icon|circle|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}<br />
}}}}{{#if:{{{link|}}}<br />
| [[{{{link|}}}|{{#var:internal_content}}]]<br />
| {{#var:internal_content}}<br />
}}</includeonly></onlyinclude><noinclude><br />
{{Documentation}}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:Yes/doc&diff=1523085
Template:Yes/doc
2026-08-18T05:08:29Z
<p>Tempest Dawn: </p>
<hr />
<div>{{documentation subpage}}<br />
<templatedata><br />
{<br />
"params": {<br />
"1": {<br />
"label": "Type",<br />
"description": "Used to change the icon variant. Default is a blue 'checkmark'. NOTE: Avoid yellow as it has less contrast on light backgrounds.",<br />
"example": "green",<br />
"type": "string",<br />
"suggestedvalues": [<br />
"purple",<br />
"orange",<br />
"yellow",<br />
"green"<br />
]<br />
},<br />
"sortkey": {<br />
"description": "Hidden text that allows sorting. Defaults to '0'."<br />
},<br />
"tooltip": {<br />
"label": "Alt text",<br />
"description": "Text to show on hover. Defaults to \"Yes\".",<br />
"example": "Available",<br />
"type": "string"<br />
},<br />
"link": {<br />
"label": "Link",<br />
"description": "Define a link for the image if desired.",<br />
"type": "wiki-page-name"<br />
}<br />
},<br />
"description": "This template generates an image to represent \"yes\" in tables or checklists and also gives the option to choose which icon you wish to use to signify this information.",<br />
"paramOrder": [<br />
"1",<br />
"tooltip",<br />
"link",<br />
"sortkey"<br />
],<br />
"format": "inline"<br />
}<br />
</templatedata><br />
==Types==<br />
* {{yes}} <code><nowiki>{{yes}}</nowiki></code> <br />
* {{yes|green}} <code><nowiki>{{yes|green}}</nowiki></code><br />
* {{yes|purple}} <code><nowiki>{{yes|purple}}</nowiki></code><br />
* {{yes|orange}} <code><nowiki>{{yes|orange}}</nowiki></code><br />
* {{yes|yellow}} <code><nowiki>{{yes|yellow}}</nowiki></code><br />
** Note: Yellow has worse contrast than all the other colors on light backgrounds, and should be avoided<br />
<br />
<strong>Important:</strong> Do not rely on using different-colored checkmarks on the same page to convey information, as it can be difficult to distinguish between colors for folks with colorblindness or low/impaired vision. If you need different styles of checkmark to convey different meanings: consider including a text label beside each checkmark, so that information is not <em>solely</em> conveyed by color<br />
<br />
==See also==<br />
* {{tl|no}}<br />
<br />
<includeonly><br />
<!-- Template categories go here --><br />
[[Category:Icon templates|Yes]]<br />
</includeonly></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:Yes/doc&diff=1523084
Template:Yes/doc
2026-08-18T05:05:35Z
<p>Tempest Dawn: </p>
<hr />
<div>{{documentation subpage}}<br />
<templatedata><br />
{<br />
"params": {<br />
"1": {<br />
"label": "Type",<br />
"description": "Used to change the icon variant. Default is a blue 'checkmark'. NOTE: Avoid yellow as it has less contrast on light backgrounds.",<br />
"example": "green",<br />
"type": "string",<br />
"suggestedvalues": [<br />
"purple",<br />
"orange",<br />
"yellow",<br />
"green"<br />
]<br />
},<br />
"sortkey": {<br />
"description": "Hidden text that allows sorting. Defaults to '0'."<br />
},<br />
"tooltip": {<br />
"label": "Alt text",<br />
"description": "Text to show on hover. Defaults to \"Yes\".",<br />
"example": "Available",<br />
"type": "string"<br />
},<br />
"link": {<br />
"label": "Link",<br />
"description": "Define a link for the image if desired.",<br />
"type": "wiki-page-name"<br />
}<br />
},<br />
"description": "This template generates an image to represent \"yes\" in tables or checklists and also gives the option to choose which icon you wish to use to signify this information.",<br />
"paramOrder": [<br />
"1",<br />
"tooltip",<br />
"link",<br />
"sortkey"<br />
],<br />
"format": "inline"<br />
}<br />
</templatedata><br />
==Types==<br />
* {{yes}} <code><nowiki>{{yes}}</nowiki></code> <br />
* {{yes|green}} <code><nowiki>{{yes|green}}</nowiki></code><br />
* {{yes|purple}} <code><nowiki>{{yes|purple}}</nowiki></code><br />
* {{yes|orange}} <code><nowiki>{{yes|orange}}</nowiki></code><br />
* {{yes|yellow}} <code><nowiki>{{yes|yellow}}</nowiki></code><br />
** Note: Yellow has worse contrast than all the other colors on light backgrounds, and should be avoided<br />
<br />
<strong>Important:</strong> Do not mix different-colored checkmarks on the same page, as it can be difficult to distinguish between colors for folks with colorblindness, or low/impaired vision. If you need different styles of checkmark to convey different meanings: consider including a text label beside each checkmark, so that information is not solely conveyed by color<br />
<br />
==See also==<br />
* {{tl|no}}<br />
<br />
<includeonly><br />
<!-- Template categories go here --><br />
[[Category:Icon templates|Yes]]<br />
</includeonly></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:Yes&diff=1523083
Template:Yes
2026-08-18T05:00:29Z
<p>Tempest Dawn: Change to CSS based icon rather than loading an image</p>
<hr />
<div><onlyinclude><includeonly><span class="hide">{{{sortkey|1}}}</span>{{#if: {{{link|}}}<br />
| [[{{{link|}}}|{{CSS Icon|yes|color={{{1|blue}}}|title={{{tooltip|Yes}}}|alt={{{tooltip|Yes}}}}}]]<br />
| {{CSS Icon|yes|color={{{1|blue}}}|title={{{tooltip|Yes}}}|alt={{{tooltip|Yes}}}}}<br />
}}</includeonly></onlyinclude><noinclude><br />
{{Documentation}}</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523082
Template:CSS Icon/style.css
2026-08-18T04:46:20Z
<p>Tempest Dawn: </p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#0baf3a;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#4B84F6;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#999e00;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#ffe141;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#8378F6;<br />
}<br />
.template-css-icon.orange {<br />
color:#C98400;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#FF8F2C;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1523081
Template:CSS Icon
2026-08-18T04:45:21Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:color_class|<br />
{{#switch:{{{color|}}}<br />
|#default=<br />
|green=green<br />
|blue=blue<br />
|yellow=yellow<br />
|red=red<br />
|purple=purple<br />
|orange=orange<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}} {{#var:color_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" |}} {{#if: {{#var:alt_text}} | aria-label="{{#var:alt_text}}" |}}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> |}}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
There are also several color classes available, for getting theme-appropriate colors in both light and dark themes:<br />
<br />
* red: {{CSS Icon|yes|color=red}}<br />
* green: {{CSS Icon|yes|color=green}}<br />
* blue: {{CSS Icon|yes|color=blue}}<br />
* purple: {{CSS Icon|yes|color=purple}}<br />
* orange: {{CSS Icon|yes|color=orange}}<br />
* yellow: {{CSS Icon|yes|color=yellow}} (Note: yellow is provided for compatibility with the old icons but is not recommended due to having poor contrast in light themes)<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523080
Template:CSS Icon/style.css
2026-08-18T04:44:22Z
<p>Tempest Dawn: </p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#0baf3a;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#4B84F6;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#b0b600;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#ffe141;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#8378F6;<br />
}<br />
.template-css-icon.orange {<br />
color:#C98400;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#FF8F2C;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523078
Template:CSS Icon/style.css
2026-08-18T04:43:04Z
<p>Tempest Dawn: </p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#0baf3a;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#4B84F6;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#b0b600;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#d2b30e;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#756AE5;<br />
}<br />
.template-css-icon.orange {<br />
color:#C98400;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#EC950E;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1523077
Template:CSS Icon
2026-08-18T04:41:17Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:color_class|<br />
{{#switch:{{{color|}}}<br />
|#default=<br />
|green=green<br />
|blue=blue<br />
|yellow=yellow<br />
|red=red<br />
|purple=purple<br />
|orange=orange<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}} {{#var:color_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" |}} {{#if: {{#var:alt_text}} | aria-label="{{#var:alt_text}}" |}}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> |}}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:<br />
<br />
* red: {{CSS Icon|yes|color=red}}<br />
* green: {{CSS Icon|yes|color=green}}<br />
* blue: {{CSS Icon|yes|color=blue}}<br />
* purple: {{CSS Icon|yes|color=purple}}<br />
* yellow: {{CSS Icon|yes|color=yellow}}<br />
* orange: {{CSS Icon|yes|color=orange}}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523076
Template:CSS Icon/style.css
2026-08-18T04:40:46Z
<p>Tempest Dawn: </p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#0baf3a;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#4B84F6;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#b0b600;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#DECD46;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#756AE5;<br />
}<br />
.template-css-icon.orange {<br />
color:#8C6300;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#EC950E;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1523075
Template:CSS Icon
2026-08-18T04:21:21Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:color_class|<br />
{{#switch:{{{color|}}}<br />
|#default=<br />
|green=green<br />
|blue=blue<br />
|yellow=yellow<br />
|red=red<br />
|purple=purple<br />
|orange=orange<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}} {{#var:color_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" |}} {{#if: {{#var:alt_text}} | aria-label="{{#var:alt_text}}" |}}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> |}}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:<br />
<br />
* red: {{CSS Icon|yes|color=red}}<br />
* green: {{CSS Icon|yes|color=green}}<br />
* blue: {{CSS Icon|yes|color=blue}}<br />
* purple: {{CSS Icon|yes|color=purple}}<br />
<br />
<b>Note:</b> there are also color classes for "yellow" and "orange" but these do not look good on light theme (due to needing to be darkened towards a muddy brown to get sufficient contrast) and are not recommended<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1523074
Template:CSS Icon
2026-08-18T04:19:32Z
<p>Tempest Dawn: Add color class</p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:color_class|<br />
{{#switch:{{{color|}}}<br />
|#default=<br />
|green=green<br />
|blue=blue<br />
|yellow=yellow<br />
|red=red<br />
|purple=purple<br />
|orange=orange<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}} {{#var:color_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" |}} {{#if: {{#var:alt_text}} | aria-label="{{#var:alt_text}}" |}}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> |}}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:<br />
<br />
* red: {{CSS Icon|yes|color=red}}<br />
* green: {{CSS Icon|yes|color=green}}<br />
* blue: {{CSS Icon|yes|color=blue}}<br />
* orange: {{CSS Icon|yes|color=orange}}<br />
* yellow: {{CSS Icon|yes|color=yellow}}<br />
* purple: {{CSS Icon|yes|color=purple}}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1523073
Template:CSS Icon/style.css
2026-08-18T04:16:07Z
<p>Tempest Dawn: Add theme-aware colors that can be contrast checked</p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* color values for theme-aware color classes */<br />
.template-css-icon.green {<br />
color:#072;<br />
}<br />
html.view-dark .template-css-icon.green {<br />
color:#0DCF45;<br />
}<br />
.template-css-icon.blue {<br />
color:#2B61CD;<br />
}<br />
html.view-dark .template-css-icon.blue {<br />
color:#74A1FF;<br />
}<br />
.template-css-icon.yellow {<br />
color:#b0b600;<br />
}<br />
html.view-dark .template-css-icon.yellow {<br />
color:#DECD46;<br />
}<br />
.template-css-icon.red {<br />
color:#CF0000;<br />
}<br />
html.view-dark .template-css-icon.red {<br />
color:#FB7575;<br />
}<br />
.template-css-icon.purple {<br />
color:#4F45B4;<br />
}<br />
html.view-dark .template-css-icon.purple {<br />
color:#968BFF;<br />
}<br />
.template-css-icon.orange {<br />
color:#8C6300;<br />
}<br />
html.view-dark .template-css-icon.orange {<br />
color:#EC950E;<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1522108
User:Tempest Dawn/YesNoIcons
2026-08-13T21:40:45Z
<p>Tempest Dawn: /* In text body */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{yes|blue}} || {{no|red}} || {{no|circle}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}. Now adding enough text that it wraps so I can see how it affects margins: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit sit amet quam vel pharetra. Ut sit amet dapibus neque. Phasellus pharetra quam metus {{CSS Icon|yes}}, quis efficitur erat faucibus in. Cras elementum cursus {{CSS Icon|circle}} nulla blandit accumsan. Fusce dolor ligula, rutrum nec gravida ut, congue ac arcu. Vestibulum ornare {{CSS Icon|no}} neque et vehicula tincidunt. Vivamus vel mi ut mi sollicitudin pulvinar {{CSS Icon|yes}} vehicula venenatis odio. Vivamus a pellentesque enim, at dapibus tortor. Phasellus accumsan tellus ante, porttitor feugiat nisl lobortis in. Nam {{CSS Icon|circle}} viverra lacus a ex molestie, quis pulvinar quam sagittis. Duis lobortis {{CSS Icon|no}} at felis a sagittis. Nam at mollis ex. Integer efficitur facilisis velit. Donec vulputate nisi nulla, sit amet tempor erat tempus et. Quisque consequat lacus vel consequat pellentesque. Nam vulputate at tortor sit amet molestie. Aliquam ultrices euismod ipsum, a pharetra lacus tristique non. Pellentesque vehicula sapien non magna rutrum feugiat. Sed turpis arcu, lacinia facilisis nunc ornare, posuere volutpat mauris. Nulla neque nunc, sagittis a nibh in, laoreet laoreet lorem.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|no}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1522107
User:Tempest Dawn/YesNoIcons
2026-08-13T21:39:57Z
<p>Tempest Dawn: /* In text body */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{yes|blue}} || {{no|red}} || {{no|circle}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}. Now adding enough text that it wraps so I can see how it affects margins: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit sit amet quam vel pharetra. Ut sit amet dapibus neque. Phasellus pharetra quam metus {{CSS Icon|yes}}, quis efficitur erat faucibus in. Cras elementum cursus {{CSS Icon|circle}} nulla blandit accumsan. Fusce dolor ligula, rutrum nec gravida ut, congue ac arcu. Vestibulum ornare {{CSS Icon|no}} neque et vehicula tincidunt. Vivamus vel mi ut mi sollicitudin pulvinar {{CSS Icon|yes}} vehicula venenatis odio. Vivamus a pellentesque enim, at dapibus tortor. Phasellus accumsan tellus ante, porttitor feugiat nisl lobortis in. Nam {{CSS Icon|circle}} viverra lacus a ex molestie, quis pulvinar quam sagittis. Duis lobortis {{CSS Icon|no}} at felis a sagittis. Nam at mollis ex. Integer efficitur facilisis velit. Donec vulputate nisi nulla, sit amet tempor erat tempus et. Quisque consequat lacus vel consequat pellentesque. Nam vulputate at tortor sit amet molestie.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|no}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521779
Template:CSS Icon
2026-08-13T05:12:12Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" |}} {{#if: {{#var:alt_text}} | aria-label="{{#var:alt_text}}" |}}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> |}}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521778
Template:CSS Icon/style.css
2026-08-13T05:10:14Z
<p>Tempest Dawn: </p>
<hr />
<div>/* all icons should take up the same base amount of space */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */<br />
.template-css-icon .css-icon__alt {<br />
display:none;<br />
}<br />
<br />
/* shapes! */<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521777
Template:CSS Icon/style.css
2026-08-13T05:08:52Z
<p>Tempest Dawn: </p>
<hr />
<div>.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/common.css&diff=1521776
User:Tempest Dawn/common.css
2026-08-13T05:08:46Z
<p>Tempest Dawn: Blanked the page</p>
<hr />
<div></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521774
User:Tempest Dawn/YesNoIcons
2026-08-13T05:01:04Z
<p>Tempest Dawn: /* In lists */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{yes|blue}} || {{no|red}} || {{no|circle}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|no}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521773
Template:CSS Icon/style.css
2026-08-13T05:00:14Z
<p>Tempest Dawn: </p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .25em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521772
User:Tempest Dawn/YesNoIcons
2026-08-13T04:59:20Z
<p>Tempest Dawn: /* Originals for comparison */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{yes|blue}} || {{no|red}} || {{no|circle}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|yes}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521771
Template:CSS Icon/style.css
2026-08-13T04:57:23Z
<p>Tempest Dawn: </p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .2em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521770
User:Tempest Dawn/YesNoIcons
2026-08-13T04:57:05Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|yes}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521769
User:Tempest Dawn/YesNoIcons
2026-08-13T04:56:44Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|yes}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that the table of contents will always show the icon's "alt text" value (which can be given by parameter, or defaults based on the icon requested)</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521768
User:Tempest Dawn/YesNoIcons
2026-08-13T04:56:03Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No !! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}<br />
| {{CSS Icon|circle}}<br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.<br />
<br />
=== In lists ===<br />
* Yes {{CSS Icon|yes}}<br />
* No {{CSS Icon|yes}}<br />
* Not allowed {{CSS Icon|circle}}<br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff">{{CSS Icon|yes}}</span><br />
* No <span style="color:#ff3e3e">{{CSS Icon|no}}</span><br />
* Banned <span style="color:#ff3e3e">{{CSS Icon|circle}}</span><br />
<br />
=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents. A properly templated version can work around this by rendering placeholder text that is hidden via CSS but kept for screenreaders / in the heading</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521765
Template:CSS Icon/style.css
2026-08-13T04:53:48Z
<p>Tempest Dawn: </p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.65em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521764
Template:CSS Icon/style.css
2026-08-13T04:52:02Z
<p>Tempest Dawn: </p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.66em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521763
Template:CSS Icon/style.css
2026-08-13T04:51:12Z
<p>Tempest Dawn: </p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}<br />
<br />
.mw-parser-output .template-css-icon.css-icon__circle::before {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid .25em currentColor;<br />
border-radius: 1em;<br />
width:.9em;<br />
aspect-ratio: 1;<br />
margin: .1em;<br />
}<br />
.mw-parser-output .template-css-icon.css-icon__circle::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:" ";<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.1em;<br />
height:0em;<br />
transform:rotate(-45deg);<br />
margin-left:.25em;<br />
margin-top:.66em<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521762
Template:CSS Icon
2026-08-13T04:44:22Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" | }}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> | }}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
! Circle<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
| {{CSS Icon|circle}}<br />
|}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521761
Template:CSS Icon
2026-08-13T04:44:04Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = Yes<br />
|no = No<br />
|circle= No<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" | }}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> | }}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
|}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521760
Template:CSS Icon
2026-08-13T04:43:44Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default=css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
|circle= css-icon__circle<br />
}}<br />
}}{{#vardefine:alt_text|{{{alt|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = yes<br />
|no = no<br />
|circle= no<br />
}}<br />
}}}}}{{#vardefine:title_text|{{{title|<br />
{{#switch:{{{1}}}<br />
|#default=<br />
|yes = yes<br />
|no = no<br />
|circle= no<br />
}}<br />
}}}}}<span class="template-css-icon {{#var:icon_class}}" {{#if: {{#var:title_text}} | title="{{#var:title_text}}" | }}>{{#if: {{#var:alt_text}} | <span class="css-icon__alt">{{#var:alt_text}}</span> | }}</span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
|}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521759
Template:CSS Icon/style.css
2026-08-13T04:43:38Z
<p>Tempest Dawn: Hide alt span</p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon .css-icon__alt {<br />
position:absolute;<br />
left: -1000vw;<br />
clip-path: inset(50%);<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521749
Template:CSS Icon
2026-08-13T02:04:30Z
<p>Tempest Dawn: </p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default = css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
}}<br />
}}<span class="template-css-icon {{#var:icon_class}}"></span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
<br />
Sample:<br />
<br />
{| {{STDT|gold}}<br />
! Yes<br />
! No<br />
|-<br />
| {{CSS Icon|yes}}<br />
| {{CSS Icon|no}}<br />
|}<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon&diff=1521748
Template:CSS Icon
2026-08-13T02:02:47Z
<p>Tempest Dawn: Create CSS Icon template</p>
<hr />
<div><includeonly><templatestyles src="CSS Icon/styles.css" />{{#vardefine:icon_class|<br />
{{#switch:{{{1}}}<br />
|#default = css-icon__unknown<br />
|yes = css-icon__yes<br />
|no = css-icon__no<br />
}}<br />
}}<span class="template-css-icon {{#var:icon_class}}"></span></includeonly><noinclude><br />
Template for rendering various imageless CSS icons, that follow the text color around them<br />
</noinclude></div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=Template:CSS_Icon/style.css&diff=1521747
Template:CSS Icon/style.css
2026-08-13T02:02:16Z
<p>Tempest Dawn: Create template styles</p>
<hr />
<div>/* For testing image-less yes/no icons */<br />
.template-css-icon {<br />
width: 1.6em;<br />
height: 1.6em;<br />
display: inline-block;<br />
position: relative;<br />
vertical-align: center;<br />
/* for seeing how much space the container itself takes up, will not be in final version */<br />
/*! background: color-mix(currentColor 10%, transparent 100%); */<br />
}<br />
<br />
.template-css-icon.css-icon__yes::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
width:.46em;<br />
height:.93em;<br />
border-bottom:solid .3em currentColor;<br />
border-right:solid .3em currentColor;<br />
transform:rotate(45deg);<br />
margin-left:.43em;<br />
margin-top:.05em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::before,<br />
.template-css-icon.css-icon__no::after {<br />
position:absolute;<br />
display:inline-block;<br />
content:' ';<br />
border:solid 0px currentColor;<br />
border-bottom:solid .3em currentColor;<br />
width:1.4em;<br />
height:0em;<br />
transform:rotate(45deg);<br />
margin-left:0.074em;<br />
margin-top:.66em;<br />
}<br />
<br />
.template-css-icon.css-icon__no::after {<br />
transform:rotate(-45deg)<br />
}</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521735
User:Tempest Dawn/YesNoIcons
2026-08-12T19:31:50Z
<p>Tempest Dawn: /* With color */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents. A properly templated version can work around this by rendering placeholder text that is hidden via CSS but kept for screenreaders / in the heading</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521734
User:Tempest Dawn/YesNoIcons
2026-08-12T19:31:17Z
<p>Tempest Dawn: /* With color */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents. A properly templated version can work around this by rendering placeholder text that is hidden via CSS but kept for screenreaders / in the heading</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521733
User:Tempest Dawn/YesNoIcons
2026-08-12T19:18:46Z
<p>Tempest Dawn: /* It also works in a heading / */</p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents. A properly templated version can work around this by rendering placeholder text that is hidden via CSS but kept for screenreaders / in the heading</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521732
User:Tempest Dawn/YesNoIcons
2026-08-12T19:17:02Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521731
User:Tempest Dawn/YesNoIcons
2026-08-12T19:14:13Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes">yes</span> / <span class="tempest-no">no</span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521730
User:Tempest Dawn/YesNoIcons
2026-08-12T19:13:46Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect — though do note that it <em>won't</em> display correctly in the table of contents</div>
Tempest Dawn
https://ffxiv.consolegameswiki.com/mediawiki/index.php?title=User:Tempest_Dawn/YesNoIcons&diff=1521729
User:Tempest Dawn/YesNoIcons
2026-08-12T19:13:12Z
<p>Tempest Dawn: </p>
<hr />
<div>== Originals for comparison ==<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| {{yes|blue}} || {{no|red}}<br />
|}<br />
<br />
== New ==<br />
<br />
=== In a table ===<br />
<br />
{| {{STDT|mech1}}<br />
! Yes !! No<br />
|-<br />
| <span class="tempest-yes"></span><br />
| <span class="tempest-no"></span><br />
|}<br />
<br />
=== In text body ===<br />
<br />
Something something, <span class="tempest-yes"></span>, something else, <span class="tempest-no"></span>, blah blah.<br />
<br />
=== In lists ===<br />
* Yes <span class="tempest-yes"></span><br />
* No <span class="tempest-no"></span><br />
<br />
=== With color ===<br />
<br />
* Yes <span style="color:#3bacff" class="tempest-yes"></span><br />
* No <span style="color:#ff3e3e" class="tempest-no"></span><br />
<br />
=== It also works in a heading <span class="tempest-yes"></span> / <span class="tempest-no"></span> ===<br />
<br />
Which is a nice side effect</div>
Tempest Dawn