Final Fantasy XIV Online Wiki - User contributions [en]

The Man in Black

2026-09-27T02:00:52Z

Tempest Dawn: Fix gender-conditional dialog for "Master" vs "Mistress"

{{Quest infobox
| title = The Man in Black
| description = [[Kipih Jakkya]] has caught the scent of a story and needs help chasing it down. ※This quest is available for a limited time only.
| image = The Man in Black.png
| quest-giver = Kipih Jakkya
| related-npcs = Cid; Ironworks Hand; Noctis
| location = Ul'dah - Steps of Nald
| location-x = 8.5
| location-y = 9.7
| type = side
| journal-section = Other Quests
| journal-category = Special Quests
| journal-genre = Collaboration Quests
| event = A Nocturne for Heroes
| sortkey = 130
| organization =
| class =
| job =
| level = 50
| req-quest = The Ultimate Weapon
| req-items =
| requirements =
| exp = 11700
| gil = 1080
| reward1 = 1 Lucian Prince's Fingerless Glove
| unlocks =
| prev-quest =
| next-quest = In the Dark of Night
| release = stormblood
| patch = 4.56
| id-gt = 68694
| id-edb = 5b27936eff0
}}
==Walkthrough==
The [[FATE]] {{i|Like Clockwork}} is located at {{coords|20.1, 22.0, 0.2}}. Speak to Noctis to initiate it.

==Steps==
*Investigate the designated area in [[central Thanalan]].
*Participate in [[Like Clockwork|the FATE]] at [[the Unholy Heir]].
*Wait at the designated location.
*Speak with [[Cid]].
*Speak with [[Kipih Jakkya]] in [[Ul'dah]].

==Journal==
*Kipih Jakkya has caught the scent of a story and needs help chasing it down.
**※This quest is available for a limited time only.

*Kipih Jakkya, reporter for The Raven, tells you about a rumor that has been making its rounds of late. Apparently, an unusual black vehicle has been sighted in Thanalan along with peculiar mechanical soldiers, and there is growing concern that they may be some unknown type of Garlean weaponry. Kipih petitions your assistance to pen her story, and in case you should be amenable, she directs you to the vicinity of Black Brush, where the black vehicle was most recently sighted.
**※Please note that you will be unable to complete this quest after the seasonal event has ended. For details, please check the Lodestone.

*At Black Brush, you come upon the black vehicle and its owner, a young man by the name of Noctis, who appears to be very far from home. His vehicle, the Regalia, has broken down, and he is relieved to learn that you know people who might be able to repair it. Soon after, you are joined by a crew from Garlond Ironworks and Cid himself, who promises to do his best with the Regalia. It then transpires that not only is Noctis acquainted with the mechanical soldiers, which he calls magitek troopers, but that both he and his automated adversaries hail from a world entirely different from your own. At Cid's suggestion, Noctis goes off to search for the magitek troopers in hopes of finding a way to return home. Follow Noctis and help him to defeat the magitek troopers by participating in the FATE “Like Clockwork” at the Clutch in central Thanalan.

*You and Noctis encounter a squad of magitek troopers and promptly vanquish them, along with a towering warmachina that had somehow managed to escape notice till now. The task thus concluded, Noctis turns his steps towards Black Brush, and you follow on his heels.

*On the road, Noctis laments that while the enemies indeed came from his world, they offered no clues as to how he might make his way back. For now, the two of you decide to return to the Regalia before seeking further help.

*After hearing about your battle with the magitek troopers, Cid expresses his interest in examining their technology, and bids you salvage their parts from future encounters. These parts may be delivered to one of the Ironworks hands posted at Black Brush and in each of the three city-states. Just as Cid is explaining that he had moved the Regalia to keep it away from prying eyes, Kipih Jakkya arrives on the scene and begins bombarding Noctis with questions. In exchange for receiving help to find his way home, Noctis agrees to an exclusive interview, and he sets out for Ul'dah with Kipih.

*Arriving in Ul'dah at the interview's conclusion, you learn that Noctis had been traveling with his comrades on his way to meet his beloved fiancée. Satisfied with her harvest, Kipih reiterates her promise to help Noctis find the answers he seeks. At that moment, she receives a call from one of her colleagues, and turning back to you excitedly, she bids you and Noctis make ready for a journey on the trail of a hopeful lead.

==Related NPCs==
{{Related NPCs}}

==Dialogue==
===Accepting the quest===
{{Dialogue|<nowiki>

>If the player has encountered Kipih Jakkya before
Kipih Jakkya: Greetings, adventurer! It's been a while.
Kipih Jakkya: ...Hm? Do not tell me you've forgotten about Kipih Jakkya, reporter for ''The Raven''?

>If the player has not encountered Kipih Jakkya before
Kipih Jakkya: Greetings, adventurer. I'm Kipih Jakkya, reporter for ''The Raven'', Gridania's leading tabloid. I'm hoping that I can rely on your kind assistance.
---

Kipih Jakkya: You see, a certain rumor has been making its rounds of late.
Kipih Jakkya: No few travelers passing through Thanalan report seeing an unusual black vehicle along with peculiar mechanical soldiers. Do you happen to know anything about them?
Kipih Jakkya: No? Let me tell you, then, that there is growing concern that they might be some unknown type of Garlean weaponry. Why, even the good people of Garlond Ironworks have been called upon to investigate.
Kipih Jakkya: This promises to be a most compelling story, and I intend to be the first reporter to tell it. But in order to do that, I require the contribution of good folk such as yourself.
Kipih Jakkya: Lest you wonder, the black vehicle was most recently sighted near Black Brush, in central Thanalan. Should you come into any information, I ask that you bring me word without delay!

-quest accepted

-optional start
Kipih Jakkya: The most recent sightings of the black vehicle took place near Black Brush, in central Thanalan. Should you come into any information, I ask that you bring me word without delay!
-optional end

===Investigate the designated area in central Thanalan===
-cutscene start
Noctis@Young Man's Voice: Gah! Why won't you move, damn it?
Noctis@Man in Black: Hey, do you know if there's a garage nearby?
Noctis@Man in Black: <sigh> Just my luck to have a breakdown in the middle of nowhere... What is this place, anyway?
Noctis@Man in Black: Thanalan? Eorzea? That's on no map I've ever seen.
Noctis@Man in Black: I'm not sure how I got here, and I've got no idea where I need to go...but I'm going nowhere at this rate. Isn't there anyone around here who can fix cars?

Question: What will you say?
> Garlond Ironworks might be able to handle it.
Noctis@Man in Black: Seriously!? Man, what a relief...

> If anyone can get you moving, it'll be Cid.
Noctis@Man in Black: Wait, what? Cid is here too!? What in the world's going on...?
---

Noctis@Man in Black: Anyway, might as well keep pushing her along.
Noctis@Man in Black: Hey, mind giving me a hand? She's heavier than she looks.
Noctis@Man in Black: What's your name, by the way?

Noctis: Appreciate the help, [Forename]. My name's Noctis, but you can call me Noct.
Noctis: And now that we're introduced, let's put our backs into it. <sigh> Talk about deja vu... Un. Believable.

-cutscene end
-cutscene start
Ironworks Hand: Oho, if it isn't {{alt|m=Master|f=Mistress}} [Forename]!
Ironworks Hand: B-By the gods, she's magnificent! Such elegance, such refinement!
Ironworks Hand: Ah, as you may have heard, we were tasked by the Alliance with investigating the mystery vehicle.
Ironworks Hand: Master Cid himself should be close. If you'll excuse me a moment, I will direct him hither.

Cid: [Forename]! Why am I not surprised that you're here already?
Cid: So this is the machine... At a glance, it doesn't appear to be of Garlean make.
Cid: The young fellow there─I take it he's the owner?
Cid: And Noctis doesn't seem to know anything about Eorzea, you say? Peculiar...
Cid: Might he have lost his memories like I did?

Noctis: Hey, I'm right here, you know? Now, if you're done talking about me─you're Cid, right?
Noctis: Not quite the Cid I was expecting, but if you can fix the Regalia, then it's all good.

Cid: I will be honest with you: this is technology I am unfamiliar with. I can't make any promises, but I will try my best.

Noctis: Appreciate it. There's...er, just one little problem. I don't have any money.

Cid: Never you mind that. To be able to work on a unique machine such as this is its own reward.

Noctis: Seriously? You're a lifesaver!

Cid: Oh, and [Forename]. I trust you also heard about the mechanical soldiers.
Cid: We're tasked with investigating them as well. By all accounts, they appear to be simply men, albeit armored head to toe and bearing advanced firearms. What betrays them is the unnatural efficiency with which they move.

Noctis: Sounds like MTs to me.

Cid: Em-tees?

Noctis: Magitek troopers. Robotic soldiers created by the Niflheim Empire.
Noctis: Come to think of it, the last thing I remember is being at a Niff base. It's kinda hazy...but there was a strange machine. And before I knew it, I was here, in this place you call Eorzea.

Cid: That's quite an unusual tale, but then again I'm in the presence of unusual technology. I have no reason to doubt your words. You may have inadvertently activated a teleportation device and been sent to our world.

Cid: At any rate, you seem to be acquainted with these mechanical soldiers. Perhaps you could investigate in our stead? They were most recently sighted near the Unholy Heir, not far to the east of here.

Noctis: Hmmm... If they really are MTs, they might hold some clue on how to return home...
Noctis: Alright, leave them to me.

Cid: W-Wait!
Cid: It wouldn't do to leave our visitor to wander a strange land alone. Could you accompany him, [Forename]? Rest assured I'll tend to the Regalia in the meantime.
-cutscene end

===Participate in the FATE at the Unholy Heir===
Noctis: This oughta be the right place.
Noctis: Where are those scrapheaps?

====Talking to Noctis====
Noctis: Oh, hey. Curious about the MTs too, are you?

Question: Lie in wait with Noctis? (yes/no)

Noctis: C'mon, then.
Noctis: Let's find us some MT's
Noctis: There they are!

====FATE dialogue====

''Various combat quotes''
Noctis: Come get me!
Noctis: Yah!
Noctis: You're going down!

When the MA-X boss spawns
Noctis: They brought the big guns too!? Gimme a break...

When Noctis inflicts Down for the Count onto the MA-X
Noctis: Try this!

====Post-FATE dialogue====
Noctis: That's all she wrote.
Noctis: Hmmm, no clues here... Guess I'll keep looking.

===Wait at the designated location===
-cutscene start
Noctis: MTs, just as I thought. And a magitek armor to boot. They must have crossed over when I did.
Noctis: But I couldn't find any clues on how I might cross back. Gah, what am I supposed to do now?

Question: What will you say?
>Let's consult Cid.
Noctis: That old geezer? Well, he did seem to know his stuff.

>Let's consult Kipih.
Noctis: A reporter? That's...actually not a bad idea. She's bound to have loads of connections.
---

Noctis: You're coming along, right? Let's go check in on the Regalia.
-cutscene end

===Speak with Cid===
-cutscene start
Cid: So, how fared you? Were you able to find the mechanical soldiers?
Cid: You ''fought'' them!? So the rumors were true...
Cid: That being the case, I would very much like to examine the technology with my own eyes.
Cid: I have a favor to ask, [Forename]. The next time you encounter these soldiers, could you salvage their parts?

Ironworks Hand: Ahem! {{alt|m=Master|f=Mistress}} [Forename], may I ask that you bring said parts to either myself or my colleagues in the three city-states?
Ironworks Hand: We will pass them along to the chief─''after'' he has completed his long list of outstanding tasks!

Cid: Don't worry, she's in a safe place. A reporter came sniffing about while you were away, so I decided to move her to the Dispatch Yard that we might carry out the repairs undisturbed.
Cid: I'm pleased to say I was able to identify the problem, and I believe it can be fixed. However, it may take some time to fashion the replacement part.

Noctis: I see. That's good to know.

Kipih Jakkya@Woman's Voice: <gasp> You must be the mystery man!
Kipih Jakkya: Ooh, I'm no fashion correspondent, but I like your look! A simple silhouette with an emphasis on the details!

Noctis: What's the deal with you?

Kipih Jakkya: Ah, where are my manners? Kipih Jakkya, reporter for ''The Raven'', at your service!
Kipih Jakkya: You ''are'' the owner of the mysterious black vehicle, yes?

Noctis: What, you mean the Regalia?

Kipih Jakkya: The Rega... I beg your pardon?

Noctis: Re-ga-lia.

Kipih Jakkya: Ah, so that's what she's called! A stately name!
Kipih Jakkya: She's like nothing anyone has ever seen in Eorzea. May I ask where you hail from and how you came to be here?

Noctis: I'm from...far away. I was on a journey. We were fighting. Then suddenly I was here.
Noctis: I really need to find my way back. There's so much I have to do...

Kipih Jakkya: A mysterious young man, come from another world, desperately seeking a way home... A promising premise! Now then, may I ask what manner of journey you were on?

Noctis: Well, I was traveling with my friends. We were on our way to meet...someone important to me.

Kipih Jakkya: Someone ''important'' to you? Could you please elaborate on the nature of your relationship with this individual?

Noctis: H-Hold on just a second. You're not the only one with questions, you know. I've got loads of my own.

Kipih Jakkya: Well, sir, ''The Raven'' has many eyes and ears, and I would be happy to call upon them all for the answers you seek─if you'll agree to grant me an exclusive interview!

Noctis: Yeah, sure, whatever.

Kipih Jakkya: Then it's settled! If you would accompany me to Ul'dah, we may continue our conversation while I put my connections to work.

-cutscene end

-optional start

Cid: I'll begin working on the replacement part for the Regalia, but it will take a while. Feel free to go about your own business in the meantime.

Noctis: Whew... That wasn't an interview─it was an ''interrogation''.

-optional end

===Speak with Kipih Jakkya in Ul'dah===
Kipih Jakkya: Noctis was very cooperative, and I have lots of juicy morsels for my feature article. Lest you wonder, he was on his way to meet his beloved fiancée.
Kipih Jakkya: Will the two sweethearts be reunited? With such a timeless tale of romance, the next edition of The Raven is certain to fly off the stands!
Kipih Jakkya: C-Come now, don't look at me so. It's been so long since I last graced the front page. And as promised, I will help Noctis find the answers he seeks.
Kipih Jakkya: I've already put the word out to my colleagues, and I expect to hear back from them any moment now.

''Kipih Jakkya receives a call on her linkpearl.''

Kipih Jakkya: Ah, speak of the devil! ...Yes, Kipih here. What do you have for me?
Kipih Jakkya: ...Truly!? Thank you so much!
Kipih Jakkya: See, what did I tell you? We have a hopeful lead!
Kipih Jakkya: We'll need to take a little trip together, the three of us. See to your preparations and let me know when you're ready to depart!
-quest complete

System: The FATE “Like Clockwork” will appear at the Clutch in central Thanalan over the course of the seasonal event.
System: Completing this FATE will reward players with pieces of unidentified magitek.
System: These items may be exchanged for various goods by speaking with an Ironworks hand.
System: Ironworks hands are posted at Black Brush and in each of the three city-states.

</nowiki>}}

==Video Archive==
{{quest video archive|id=CPWvmjsBX6c}}

User:Tempest Dawn

2026-09-21T18:48:40Z

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]]
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]

== To-do certainly ==
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])
* {{todo}} Fix link colors in dark-mode STDT table headers
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels
* {{todo}} Mockup of scrollable beastmaster board move table with “shortcut” icons (see [https://discord.com/channels/312060255469305856/1417939835922153533/1551664849199833170 discord])
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])

== 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

=== Temp note: For heading link colors ===
<pre>
.mw-parser-output table.stdt__table_v2 th a {
text-decoration: underline;
color: var(--stdt__table-heading-link-color);
}

.mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #224e59;
}

html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #084f60;
}
</pre>

User:Tempest Dawn

2026-09-21T18:48:22Z

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]]
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]

== To-do certainly ==
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])
* {{todo}} Fix link colors in dark-mode STDT table headers
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels
* {{todo}} Mockup of scrollable beastmaster board move table with “shortcut” icons
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])

== 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

=== Temp note: For heading link colors ===
<pre>
.mw-parser-output table.stdt__table_v2 th a {
text-decoration: underline;
color: var(--stdt__table-heading-link-color);
}

.mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #224e59;
}

html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #084f60;
}
</pre>

User:Tempest Dawn

2026-09-21T18:30:15Z

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]]
* Working on removing the image requirement for yes/no icons at [[User:Tempest_Dawn/YesNoIcons]]

== To-do certainly ==
* {{todo}} Fix use of min-width on airship submersible list (see [https://discord.com/channels/312060255469305856/1508444844085870712/1521877080583962674 discord])
* {{todo}} Look into different colors for sub-tab sections (see conversation [https://discord.com/channels/312060255469305856/1417939835922153533/1521602814877372446 in discord])
* {{todo}} Fix link colors in dark-mode STDT table headers
* {{todo}} Make sure all alias templates in [[Category:Special_Chat_Character_templates]] add screenreader accessible labels
* {{todo}} Side-by-side container for responsive table groups (see [[First Master's Board]])

== 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

=== Temp note: For heading link colors ===
<pre>
.mw-parser-output table.stdt__table_v2 th a {
text-decoration: underline;
color: var(--stdt__table-heading-link-color);
}

.mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #224e59;
}

html.view-dark .mw-parser-output table.stdt__table_v2.mech2 {
--stdt__table-heading-link-color: #084f60;
}
</pre>

File:Outlandish Man.jpg

2026-09-11T23:40:47Z

Tempest Dawn: Portrait gpose of the Outlandish Man

== Summary ==
Portrait gpose of the Outlandish Man
== Licensing ==
{{Square Enix image|screenshot}}

Template:CSS Icon/style.css

2026-08-18T05:22:00Z

Tempest Dawn: Set inset 0 for consistent positioning in tables

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#0baf3a;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#4B84F6;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#999e00;
}
html.view-dark .template-css-icon.yellow {
color:#ffe141;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#8378F6;
}
.template-css-icon.orange {
color:#C98400;
}
html.view-dark .template-css-icon.orange {
color:#FF8F2C;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
inset: 0;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
inset: 0;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg);
}

.template-css-icon.css-icon__circle::before {
position:absolute;
inset: 0;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
inset: 0;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:No

2026-08-18T05:17:39Z

Tempest Dawn:

<onlyinclude><includeonly>{{{sortkey|0}}}{{#vardefine:internal_content|
{{#switch: {{{1|}}}
| #default = {{CSS Icon|no|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| tick = {{CSS Icon|yes|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| red = {{CSS Icon|no|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| circle = {{CSS Icon|circle|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
}}}}{{#if:{{{link|}}}
| [[{{{link|}}}|{{#var:internal_content}}]]
| {{#var:internal_content}}
}}</includeonly></onlyinclude><noinclude>
{{Documentation}}
</noinclude>

Template:No/doc

2026-08-18T05:17:15Z

Tempest Dawn:

{{documentation subpage}}
<templatedata>
{
"params": {
"1": {
"label": "Type",
"description": "Used to change the icon variant. Default is a grey 'x'.",
"type": "string",
"suggestedvalues": [
"red",
"tick",
"circle"
],
"example": "red"
},
"tooltip": {
"label": "Alt text",
"description": "Text to show on hover. Defaults to \"No\".",
"example": "Not Available",
"type": "string"
},
"link": {
"label": "Link",
"description": "Define a link for the image if desired.",
"type": "wiki-page-name"
},
"sortkey": {
"description": "Hidden text that allows sorting. Defaults to '0'."
}
},
"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.",
"paramOrder": [
"1",
"tooltip",
"link",
"sortkey"
],
"format": "inline"
}
</templatedata>
==Types==
:* {{no}} <code><nowiki>{{no}}</nowiki></code> (default)
:* {{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 not recommended 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)
:* {{no|red}} <code><nowiki>{{no|red}}</nowiki></code>
:* {{no|circle}} <code><nowiki>{{no|circle}}</nowiki></code>

==See also==
* {{tl|yes}}
<includeonly>

[[Category:Icon templates|No]]
</includeonly>

Template:No

2026-08-18T05:15:36Z

Tempest Dawn: Change to CSS based icon rather than loading an image

<onlyinclude><includeonly>{{{sortkey|0}}}{{#vardefine:internal_content|
{{#switch: {{{1|}}}
| #default = {{CSS Icon|no|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| tick = {{CSS Icon|yes|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| red = {{CSS Icon|no|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
| circle = {{CSS Icon|circle|color=red|title={{{tooltip|No}}}|alt={{{tooltip|No}}}}}
}}}}{{#if:{{{link|}}}
| [[{{{link|}}}|{{#var:internal_content}}]]
| {{#var:internal_content}}
}}</includeonly></onlyinclude><noinclude>
{{Documentation}}
</noinclude>

Template:Yes/doc

2026-08-18T05:08:29Z

Tempest Dawn:

{{documentation subpage}}
<templatedata>
{
"params": {
"1": {
"label": "Type",
"description": "Used to change the icon variant. Default is a blue 'checkmark'. NOTE: Avoid yellow as it has less contrast on light backgrounds.",
"example": "green",
"type": "string",
"suggestedvalues": [
"purple",
"orange",
"yellow",
"green"
]
},
"sortkey": {
"description": "Hidden text that allows sorting. Defaults to '0'."
},
"tooltip": {
"label": "Alt text",
"description": "Text to show on hover. Defaults to \"Yes\".",
"example": "Available",
"type": "string"
},
"link": {
"label": "Link",
"description": "Define a link for the image if desired.",
"type": "wiki-page-name"
}
},
"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.",
"paramOrder": [
"1",
"tooltip",
"link",
"sortkey"
],
"format": "inline"
}
</templatedata>
==Types==
* {{yes}} <code><nowiki>{{yes}}</nowiki></code>
* {{yes|green}} <code><nowiki>{{yes|green}}</nowiki></code>
* {{yes|purple}} <code><nowiki>{{yes|purple}}</nowiki></code>
* {{yes|orange}} <code><nowiki>{{yes|orange}}</nowiki></code>
* {{yes|yellow}} <code><nowiki>{{yes|yellow}}</nowiki></code>
** Note: Yellow has worse contrast than all the other colors on light backgrounds, and should be avoided

Important: 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 solely conveyed by color

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

<includeonly>

[[Category:Icon templates|Yes]]
</includeonly>

Template:Yes/doc

2026-08-18T05:05:35Z

Tempest Dawn:

{{documentation subpage}}
<templatedata>
{
"params": {
"1": {
"label": "Type",
"description": "Used to change the icon variant. Default is a blue 'checkmark'. NOTE: Avoid yellow as it has less contrast on light backgrounds.",
"example": "green",
"type": "string",
"suggestedvalues": [
"purple",
"orange",
"yellow",
"green"
]
},
"sortkey": {
"description": "Hidden text that allows sorting. Defaults to '0'."
},
"tooltip": {
"label": "Alt text",
"description": "Text to show on hover. Defaults to \"Yes\".",
"example": "Available",
"type": "string"
},
"link": {
"label": "Link",
"description": "Define a link for the image if desired.",
"type": "wiki-page-name"
}
},
"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.",
"paramOrder": [
"1",
"tooltip",
"link",
"sortkey"
],
"format": "inline"
}
</templatedata>
==Types==
* {{yes}} <code><nowiki>{{yes}}</nowiki></code>
* {{yes|green}} <code><nowiki>{{yes|green}}</nowiki></code>
* {{yes|purple}} <code><nowiki>{{yes|purple}}</nowiki></code>
* {{yes|orange}} <code><nowiki>{{yes|orange}}</nowiki></code>
* {{yes|yellow}} <code><nowiki>{{yes|yellow}}</nowiki></code>
** Note: Yellow has worse contrast than all the other colors on light backgrounds, and should be avoided

Important: 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

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

<includeonly>

[[Category:Icon templates|Yes]]
</includeonly>

Template:Yes

2026-08-18T05:00:29Z

Tempest Dawn: Change to CSS based icon rather than loading an image

<onlyinclude><includeonly>{{{sortkey|1}}}{{#if: {{{link|}}}
| [[{{{link|}}}|{{CSS Icon|yes|color={{{1|blue}}}|title={{{tooltip|Yes}}}|alt={{{tooltip|Yes}}}}}]]
| {{CSS Icon|yes|color={{{1|blue}}}|title={{{tooltip|Yes}}}|alt={{{tooltip|Yes}}}}}
}}</includeonly></onlyinclude><noinclude>
{{Documentation}}</noinclude>

Template:CSS Icon/style.css

2026-08-18T04:46:20Z

Tempest Dawn:

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#0baf3a;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#4B84F6;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#999e00;
}
html.view-dark .template-css-icon.yellow {
color:#ffe141;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#8378F6;
}
.template-css-icon.orange {
color:#C98400;
}
html.view-dark .template-css-icon.orange {
color:#FF8F2C;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:CSS Icon

2026-08-18T04:45:21Z

Tempest Dawn:

<includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default=css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
|circle= css-icon__circle
}}
}}{{#vardefine:color_class|
{{#switch:{{{color|}}}
|#default=
|green=green
|blue=blue
|yellow=yellow
|red=red
|purple=purple
|orange=orange
}}
}}{{#vardefine:alt_text|{{{alt|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#vardefine:title_text|{{{title|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#if: {{#var:alt_text}} | {{#var:alt_text}} |}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them

Sample:

{| {{STDT|gold}}
! Yes
! No
! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

There are also several color classes available, for getting theme-appropriate colors in both light and dark themes:

* red: {{CSS Icon|yes|color=red}}
* green: {{CSS Icon|yes|color=green}}
* blue: {{CSS Icon|yes|color=blue}}
* purple: {{CSS Icon|yes|color=purple}}
* orange: {{CSS Icon|yes|color=orange}}
* 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)
</noinclude>

Template:CSS Icon/style.css

2026-08-18T04:44:22Z

Tempest Dawn:

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#0baf3a;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#4B84F6;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#b0b600;
}
html.view-dark .template-css-icon.yellow {
color:#ffe141;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#8378F6;
}
.template-css-icon.orange {
color:#C98400;
}
html.view-dark .template-css-icon.orange {
color:#FF8F2C;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:CSS Icon/style.css

2026-08-18T04:43:04Z

Tempest Dawn:

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#0baf3a;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#4B84F6;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#b0b600;
}
html.view-dark .template-css-icon.yellow {
color:#d2b30e;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#756AE5;
}
.template-css-icon.orange {
color:#C98400;
}
html.view-dark .template-css-icon.orange {
color:#EC950E;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:CSS Icon

2026-08-18T04:41:17Z

Tempest Dawn:

<includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default=css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
|circle= css-icon__circle
}}
}}{{#vardefine:color_class|
{{#switch:{{{color|}}}
|#default=
|green=green
|blue=blue
|yellow=yellow
|red=red
|purple=purple
|orange=orange
}}
}}{{#vardefine:alt_text|{{{alt|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#vardefine:title_text|{{{title|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#if: {{#var:alt_text}} | {{#var:alt_text}} |}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them

Sample:

{| {{STDT|gold}}
! Yes
! No
! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:

* red: {{CSS Icon|yes|color=red}}
* green: {{CSS Icon|yes|color=green}}
* blue: {{CSS Icon|yes|color=blue}}
* purple: {{CSS Icon|yes|color=purple}}
* yellow: {{CSS Icon|yes|color=yellow}}
* orange: {{CSS Icon|yes|color=orange}}
</noinclude>

Template:CSS Icon/style.css

2026-08-18T04:40:46Z

Tempest Dawn:

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#0baf3a;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#4B84F6;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#b0b600;
}
html.view-dark .template-css-icon.yellow {
color:#DECD46;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#756AE5;
}
.template-css-icon.orange {
color:#8C6300;
}
html.view-dark .template-css-icon.orange {
color:#EC950E;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:CSS Icon

2026-08-18T04:21:21Z

Tempest Dawn:

<includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default=css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
|circle= css-icon__circle
}}
}}{{#vardefine:color_class|
{{#switch:{{{color|}}}
|#default=
|green=green
|blue=blue
|yellow=yellow
|red=red
|purple=purple
|orange=orange
}}
}}{{#vardefine:alt_text|{{{alt|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#vardefine:title_text|{{{title|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#if: {{#var:alt_text}} | {{#var:alt_text}} |}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them

Sample:

{| {{STDT|gold}}
! Yes
! No
! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:

* red: {{CSS Icon|yes|color=red}}
* green: {{CSS Icon|yes|color=green}}
* blue: {{CSS Icon|yes|color=blue}}
* purple: {{CSS Icon|yes|color=purple}}

Note: 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
</noinclude>

Template:CSS Icon

2026-08-18T04:19:32Z

Tempest Dawn: Add color class

<includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default=css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
|circle= css-icon__circle
}}
}}{{#vardefine:color_class|
{{#switch:{{{color|}}}
|#default=
|green=green
|blue=blue
|yellow=yellow
|red=red
|purple=purple
|orange=orange
}}
}}{{#vardefine:alt_text|{{{alt|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#vardefine:title_text|{{{title|
{{#switch:{{{1}}}
|#default=
|yes = Yes
|no = No
|circle= No
}}
}}}}}{{#if: {{#var:alt_text}} | {{#var:alt_text}} |}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them

Sample:

{| {{STDT|gold}}
! Yes
! No
! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

There are also several color classes available, for getting contrast-appropriate colors in both light and dark themes:

* red: {{CSS Icon|yes|color=red}}
* green: {{CSS Icon|yes|color=green}}
* blue: {{CSS Icon|yes|color=blue}}
* orange: {{CSS Icon|yes|color=orange}}
* yellow: {{CSS Icon|yes|color=yellow}}
* purple: {{CSS Icon|yes|color=purple}}
</noinclude>

Template:CSS Icon/style.css

2026-08-18T04:16:07Z

Tempest Dawn: Add theme-aware colors that can be contrast checked

/* all icons should take up the same base amount of space */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

/* color values for theme-aware color classes */
.template-css-icon.green {
color:#072;
}
html.view-dark .template-css-icon.green {
color:#0DCF45;
}
.template-css-icon.blue {
color:#2B61CD;
}
html.view-dark .template-css-icon.blue {
color:#74A1FF;
}
.template-css-icon.yellow {
color:#b0b600;
}
html.view-dark .template-css-icon.yellow {
color:#DECD46;
}
.template-css-icon.red {
color:#CF0000;
}
html.view-dark .template-css-icon.red {
color:#FB7575;
}
.template-css-icon.purple {
color:#4F45B4;
}
html.view-dark .template-css-icon.purple {
color:#968BFF;
}
.template-css-icon.orange {
color:#8C6300;
}
html.view-dark .template-css-icon.orange {
color:#EC950E;
}

/* hide the "alt text" span generated by the template (will be used as fallback if icon is used in heading) */
.template-css-icon .css-icon__alt {
display:none;
}

/* shapes! */
.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

User:Tempest Dawn/YesNoIcons

2026-08-13T21:40:45Z

Tempest Dawn: /* In text body */

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{yes|blue}} || {{no|red}} || {{no|circle}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

=== In text body ===

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.

=== In lists ===
* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Not allowed {{CSS Icon|circle}}

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Banned {{CSS Icon|circle}}

=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===

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)

User:Tempest Dawn/YesNoIcons

2026-08-13T21:39:57Z

Tempest Dawn: /* In text body */

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{yes|blue}} || {{no|red}} || {{no|circle}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

=== In text body ===

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.

=== In lists ===
* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Not allowed {{CSS Icon|circle}}

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Banned {{CSS Icon|circle}}

=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===

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)

Template:CSS Icon

2026-08-13T05:12:12Z

Tempest Dawn:

Template:CSS Icon/style.css

2026-08-13T05:10:14Z

Tempest Dawn:

Template:CSS Icon/style.css

2026-08-13T05:08:52Z

Tempest Dawn:

.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

User:Tempest Dawn/common.css

2026-08-13T05:08:46Z

Tempest Dawn: Blanked the page

User:Tempest Dawn/YesNoIcons

2026-08-13T05:01:04Z

Tempest Dawn: /* In lists */

Template:CSS Icon/style.css

2026-08-13T05:00:14Z

Tempest Dawn:

/* For testing image-less yes/no icons */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .25em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

User:Tempest Dawn/YesNoIcons

2026-08-13T04:59:20Z

Tempest Dawn: /* Originals for comparison */

Template:CSS Icon/style.css

2026-08-13T04:57:23Z

Tempest Dawn:

/* For testing image-less yes/no icons */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .2em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

User:Tempest Dawn/YesNoIcons

2026-08-13T04:57:05Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
| {{CSS Icon|circle}}
|}

=== In text body ===

Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.

=== In lists ===
* Yes {{CSS Icon|yes}}
* No {{CSS Icon|yes}}
* Not allowed {{CSS Icon|circle}}

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Banned {{CSS Icon|circle}}

=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===

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)

User:Tempest Dawn/YesNoIcons

2026-08-13T04:56:44Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}
| {{CSS Icon|circle}}
|}

=== In text body ===

Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.

=== In lists ===
* Yes {{CSS Icon|yes}}
* No {{CSS Icon|yes}}
* Not allowed {{CSS Icon|circle}}

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Banned {{CSS Icon|circle}}

=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===

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)

User:Tempest Dawn/YesNoIcons

2026-08-13T04:56:03Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No !! Circle
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}
| {{CSS Icon|circle}}
|}

=== In text body ===

Something something, {{CSS Icon|yes}}, something else, {{CSS Icon|no}}, blah blah {{CSS Icon|circle}}.

=== In lists ===
* Yes {{CSS Icon|yes}}
* No {{CSS Icon|yes}}
* Not allowed {{CSS Icon|circle}}

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes {{CSS Icon|yes}}
* No {{CSS Icon|no}}
* Banned {{CSS Icon|circle}}

=== It also works in a heading {{CSS Icon|yes}} / {{CSS Icon|no}} ===

Which is a nice side effect — though do note that it won't 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

Template:CSS Icon/style.css

2026-08-13T04:53:48Z

Tempest Dawn:

/* For testing image-less yes/no icons */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.65em
}

Template:CSS Icon/style.css

2026-08-13T04:52:02Z

Tempest Dawn:

/* For testing image-less yes/no icons */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.66em
}

Template:CSS Icon/style.css

2026-08-13T04:51:12Z

Tempest Dawn:

/* For testing image-less yes/no icons */
.template-css-icon {
width: 1.6em;
height: 1.6em;
display: inline-block;
position: relative;
vertical-align: center;
/* for seeing how much space the container itself takes up, will not be in final version */
/*! background: color-mix(currentColor 10%, transparent 100%); */
}

.template-css-icon .css-icon__alt {
position:absolute;
left: -1000vw;
clip-path: inset(50%);
}

.template-css-icon.css-icon__yes::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
width:.46em;
height:.93em;
border-bottom:solid .3em currentColor;
border-right:solid .3em currentColor;
transform:rotate(45deg);
margin-left:.43em;
margin-top:.05em;
}

.template-css-icon.css-icon__no::before,
.template-css-icon.css-icon__no::after {
position:absolute;
display:inline-block;
content:' ';
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.4em;
height:0em;
transform:rotate(45deg);
margin-left:0.074em;
margin-top:.66em;
}

.template-css-icon.css-icon__no::after {
transform:rotate(-45deg)
}

.mw-parser-output .template-css-icon.css-icon__circle::before {
position:absolute;
display:inline-block;
content:" ";
border:solid .25em currentColor;
border-radius: 1em;
width:.9em;
aspect-ratio: 1;
margin: .1em;
}
.mw-parser-output .template-css-icon.css-icon__circle::after {
position:absolute;
display:inline-block;
content:" ";
border:solid 0px currentColor;
border-bottom:solid .3em currentColor;
width:1.1em;
height:0em;
transform:rotate(-45deg);
margin-left:.25em;
margin-top:.66em
}

Template:CSS Icon

2026-08-13T04:44:22Z

Tempest Dawn:

Template:CSS Icon

2026-08-13T04:44:04Z

Tempest Dawn:

Template:CSS Icon

2026-08-13T04:43:44Z

Tempest Dawn:

Template:CSS Icon/style.css

2026-08-13T04:43:38Z

Tempest Dawn: Hide alt span

Template:CSS Icon

2026-08-13T02:04:30Z

Tempest Dawn:

<includeonly><templatestyles src="CSS Icon/style.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default = css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
}}
}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them

Sample:

{| {{STDT|gold}}
! Yes
! No
|-
| {{CSS Icon|yes}}
| {{CSS Icon|no}}
|}
</noinclude>

Template:CSS Icon

2026-08-13T02:02:47Z

Tempest Dawn: Create CSS Icon template

<includeonly><templatestyles src="CSS Icon/styles.css" />{{#vardefine:icon_class|
{{#switch:{{{1}}}
|#default = css-icon__unknown
|yes = css-icon__yes
|no = css-icon__no
}}
}}</includeonly><noinclude>
Template for rendering various imageless CSS icons, that follow the text color around them
</noinclude>

Template:CSS Icon/style.css

2026-08-13T02:02:16Z

Tempest Dawn: Create template styles

User:Tempest Dawn/YesNoIcons

2026-08-12T19:31:50Z

Tempest Dawn: /* With color */

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

These CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes 
* No 

=== It also works in a heading / ===

Which is a nice side effect — though do note that it won't 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

User:Tempest Dawn/YesNoIcons

2026-08-12T19:31:17Z

Tempest Dawn: /* With color */

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

CSS icons inherit <code>currentColor</code> so any way of changing text color works for these as well.

* Yes 
* No 

=== It also works in a heading / ===

Which is a nice side effect — though do note that it won't 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

User:Tempest Dawn/YesNoIcons

2026-08-12T19:18:46Z

Tempest Dawn: /* It also works in a heading / */

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

* Yes 
* No 

=== It also works in a heading / ===

Which is a nice side effect — though do note that it won't 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

User:Tempest Dawn/YesNoIcons

2026-08-12T19:17:02Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

* Yes 
* No 

=== It also works in a heading / ===

Which is a nice side effect — though do note that it won't display correctly in the table of contents

User:Tempest Dawn/YesNoIcons

2026-08-12T19:14:13Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

* Yes 
* No 

=== It also works in a heading yes / no ===

Which is a nice side effect — though do note that it won't display correctly in the table of contents

User:Tempest Dawn/YesNoIcons

2026-08-12T19:13:46Z

Tempest Dawn:

== Originals for comparison ==

{| {{STDT|mech1}}
! Yes !! No
|-
| {{yes|blue}} || {{no|red}}
|}

== New ==

=== In a table ===

{| {{STDT|mech1}}
! Yes !! No
|-
| 
| 
|}

=== In text body ===

Something something, , something else, , blah blah.

=== In lists ===
* Yes 
* No 

=== With color ===

* Yes 
* No 

=== It also works in a heading / ===

Which is a nice side effect — though do note that it won't display correctly in the table of contents