https://hna.wiki/api.php?action=feedcontributions&feedformat=atom&user=Kuhlau 2026-08-28T22:55:46Z User contributions MediaWiki 1.46.0 https://hna.wiki/User:Kuhlau?diff=10456 2026-07-26T12:37:09Z

<p>Kuhlau: </p> <hr /> <div>* [[w:c:lovenikki:User:Kuhlau|Love Nikki]] &amp; [https://balatrowiki.org/ Balatro] wiki admin (and some others)<br /> * #1 Chilli Crab fan (fight me)<br /> * I love technical stuff and cleanup, if I'm editing I'm probably having a mental break tho<br /> * My bot: [[User:KuhlauBot|KuhlauBot]]<br /> * Copytitle: [[User:Kuhlau/CopyTitle.js]]<br /> <br /> todo<br /> * css<br /> ** borders? tabs?<br /> ** fix infobox in tablet view</div>

Kuhlau https://hna.wiki/Disposition?diff=10455 2026-07-26T12:35:17Z

<p>Kuhlau: </p> <hr /> <div>{{Terminology Infobox<br /> |image = <br /> |type = Game Systems<br /> }}<br /> '''Disposition''' are the third characteristic of every [[Anima]], after [[Trait]]s. There are currently 27 playable Dispositions.<br /> <br /> Dispositions add advantages and buffs for use in battles. Some Dispositions have three levels, with higher levels granting larger bonuses, while some have only one.<br /> <br /> ==Playable Disposition==<br /> * [[Cautious]]<br /> * [[Voracious]]<br /> * [[Reckless]]<br /> * [[Steady]]<br /> * [[Frisky]]<br /> * [[Impulsive]]<br /> * [[Enthusiastic]]<br /> * [[Meticulous]]<br /> * [[Gentle]]<br /> * [[Fiery]]<br /> * [[Confident]]<br /> * [[Greedy]]<br /> * [[Reserved]]<br /> * [[Conservative]]<br /> * [[Wary]]<br /> * [[Restless]]<br /> * [[Warm-Hearted]]<br /> * [[&quot;Self-sacrificing/Sacrifice&quot;]]<br /> * [[Timid]]<br /> * [[Stubborn]]<br /> * [[Slow-witted]]<br /> * [[Moody]]<br /> * [[Just]]<br /> * [[Resilient]]<br /> * [[Focused]]<br /> * [[Proud]]<br /> * [[Rash]]<br /> <br /> ==Other Languages==<br /> {{Other Languages<br /> |en = Disposition<br /> |zhs = <br /> |zht = <br /> |ja = <br /> |ko = <br /> }}<br /> <br /> ==Change History==<br /> {{Change History|introduced=0.60.0}}</div>

Kuhlau https://hna.wiki/Template:Attribute/doc?diff=10454 2026-07-26T12:32:54Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> {{CSS|Attributes}}<br /> This template is used to display [[Aspect]]s, [[Trait]]s, and [[Disposition]]s in their formal style.<br /> <br /> ==Syntax==<br /> {{T|Attribute|v1=Attribute|v2=Aspect/Trait/Disposition}}<br /> <br /> ==Examples==<br /> * {{T|Attribute|p1=Beauty|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Chaos|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Change|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Competition|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Cooperation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Dark|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Death|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Finity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Hate|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Illusion|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Infinity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Insatiability|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Life|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Light|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Love|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Memory|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Order|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Peace|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Pride|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Reality|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Regret|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Satiation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=War|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Weakness|p2=Aspect|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Blaster|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Cherubim|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Explorer|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Gladiator|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Hothead|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mascot|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mastermind|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Protector|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Striker|p2=Trait|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Cautious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Voracious|p2=Disposition|lv=1|_Y_=1}}<br /> *{{T|Attribute|p1=Reckless|p2=Disposition|lv=2|_Y_=1}}<br /> *{{T|Attribute|p1=Steady|p2=Disposition|lv=3|_Y_=1}}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;1&quot;: {<br /> &quot;description&quot;: &quot;Name of Attribute&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;required&quot;: true<br /> },<br /> &quot;2&quot;: {<br /> &quot;description&quot;: &quot;What kind of Attribute&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggestedvalues&quot;: [<br /> &quot;Aspect&quot;,<br /> &quot;Trait&quot;,<br /> &quot;Disposition&quot;<br /> ],<br /> &quot;required&quot;: true<br /> },<br /> &quot;lv&quot;: {<br /> &quot;description&quot;: &quot;(Only for Disposition) Disposition level, optional&quot;,<br /> &quot;example&quot;: &quot;3&quot;,<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggestedvalues&quot;: [<br /> &quot;1&quot;,<br /> &quot;2&quot;,<br /> &quot;3&quot;<br /> ],<br /> &quot;default&quot;: &quot;Default will use the styling for level 1 but include no level&quot;<br /> }<br /> },<br /> &quot;description&quot;: &quot;Template to insert information about Attribute, Trait, or Disposition in pill format&quot;,<br /> &quot;paramOrder&quot;: [<br /> &quot;1&quot;,<br /> &quot;2&quot;,<br /> &quot;lv&quot;<br /> ],<br /> &quot;format&quot;: &quot;inline&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Attribute?diff=10453 2026-07-26T12:31:05Z

<p>Kuhlau: </p> <hr /> <div>&lt;includeonly&gt;{{#ifeq:{{lc:{{{2}}}}}|disposition&lt;!--<br /> <br /> --&gt;|&lt;span class=&quot;attribute-pill attribute-pill-disposition-{{{lv|1}}}&quot;&gt;[[{{{1}}}|{{{1}}}{{#switch:{{{lv|}}}|1=&amp;nbsp;I|2=&amp;nbsp;II|3=&amp;nbsp;III|#default=}}]]&lt;/span&gt;&lt;!--<br /> <br /> --&gt;|&lt;span class=&quot;attribute-pill attribute-pill-{{{1|}}}&quot;&gt;{{Exists|File:{{{1|}}} {{{2|}}} Icon.png|[[File:{{{1|}}} {{{2|}}} Icon.png|24px|link={{{1|}}}]]|[[File:Unknown.png|24px|link={{{1|}}}]]}} [[{{{1|}}}]]&lt;/span&gt;&lt;!--<br /> <br /> --&gt;}}&lt;/includeonly&gt;&lt;!--<br /> --&gt;&lt;noinclude&gt;{{Documentation}}</div>

Kuhlau https://hna.wiki/Template:Attribute/doc?diff=10452 2026-07-26T12:27:45Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> {{CSS|Attributes}}<br /> This template is used to display [[Aspect]]s, [[Trait]]s, and [[Disposition]]s in their formal style.<br /> <br /> ==Syntax==<br /> {{T|Attribute|v1=Attribute|v2=Aspect/Trait/Disposition}}<br /> <br /> ==Examples==<br /> * {{T|Attribute|p1=Beauty|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Chaos|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Change|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Competition|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Cooperation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Dark|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Death|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Finity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Hate|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Illusion|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Infinity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Insatiability|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Life|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Light|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Love|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Memory|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Order|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Peace|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Pride|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Reality|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Regret|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Satiation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=War|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Weakness|p2=Aspect|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Blaster|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Cherubim|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Explorer|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Gladiator|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Hothead|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mascot|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mastermind|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Protector|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Striker|p2=Trait|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Cautious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Voracious|p2=Disposition|lv=1|_Y_=1}}<br /> *{{T|Attribute|p1=Reckless|p2=Disposition|lv=2|_Y_=1}}<br /> *{{T|Attribute|p1=Steady|p2=Disposition|lv=3|_Y_=1}}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {},<br /> &quot;description&quot;: &quot;&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Attribute/doc?diff=10451 2026-07-26T12:26:43Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> {{CSS|Attributes}}<br /> This template is used to display [[Aspect]]s, [[Trait]]s, and [[Disposition]]s in their formal style.<br /> <br /> ==Syntax==<br /> {{T|Attribute|v1=Attribute|v2=Aspect/Trait/Disposition}}<br /> <br /> ==Examples==<br /> * {{T|Attribute|p1=Beauty|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Chaos|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Change|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Competition|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Cooperation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Dark|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Death|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Finity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Hate|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Illusion|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Infinity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Insatiability|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Life|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Light|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Love|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Memory|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Order|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Peace|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Pride|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Reality|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Regret|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Satiation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=War|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Weakness|p2=Aspect|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Blaster|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Cherubim|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Explorer|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Gladiator|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Hothead|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mascot|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mastermind|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Protector|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Striker|p2=Trait|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Cautious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Voracious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reckless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Steady|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Frisky|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Impulsive|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Enthusiastic|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Meticulous|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Gentle|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Fiery|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Confident|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Greedy|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reserved|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Conservative|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Wary|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Restless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Warm-Hearted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Sacrifice|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Timid|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Stubborn|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Slow-witted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Moody|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Just|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Resilient|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Focused|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Proud|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Rash|p2=Disposition|_Y_=1}}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {},<br /> &quot;description&quot;: &quot;&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Attribute?diff=10450 2026-07-26T12:26:21Z

<p>Kuhlau: </p> <hr /> <div>&lt;includeonly&gt;&lt;span class=&quot;attribute-pill attribute-pill-{{{1|}}} {{#ifeq:{{lc:{{{2}}}}}|disposition|attribute-pill-disposition-{{{lv|1}}}}}&quot;&gt;{{#ifeq:{{lc:{{{2}}}}}|disposition||{{Exists|File:{{{1|}}} {{{2|}}} Icon.png|[[File:{{{1|}}} {{{2|}}} Icon.png|24px|link={{{1|}}}]]|[[File:Unknown.png|24px|link={{{1|}}}]]}}&amp;#32;}}[[{{{1|}}}]]&lt;/span&gt;&lt;/includeonly&gt;&lt;!--<br /> --&gt;&lt;noinclude&gt;{{Documentation}}</div>

Kuhlau https://hna.wiki/Template:Attribute?diff=10449 2026-07-26T12:25:33Z

<p>Kuhlau: </p> <hr /> <div>&lt;includeonly&gt;&lt;span class=&quot;attribute-pill attribute-pill-{{{1|}}} {{#ifeq:{{lc:{{{2}}}}}|disposition|attribute-pill-disposition-{{{lv|1}}}}}&quot;&gt;{{Exists|File:{{{1|}}} {{{2|}}} Icon.png|[[File:{{{1|}}} {{{2|}}} Icon.png|24px|link={{{1|}}}]]|[[File:Unknown.png|24px|link={{{1|}}}]]}} [[{{{1|}}}]]&lt;/span&gt;&lt;/includeonly&gt;&lt;!--<br /> --&gt;&lt;noinclude&gt;{{Documentation}}</div>

Kuhlau https://hna.wiki/MediaWiki:Attributes.css?diff=10448 2026-07-26T12:23:42Z

<p>Kuhlau: add disposition, bit of wip</p> <hr /> <div>.attribute-pill {<br /> --attribute-Beauty: #88cec6;<br /> --attribute-Change: #a0a9f4;<br /> --attribute-Competition: linear-gradient(90deg, rgba(213, 67, 68, 1) 0%, rgba(86, 112, 176, 1) 100%);<br /> --attribute-Dark: #734e9d;<br /> --attribute-Hate: #a893dd;<br /> --attribute-Insatiability: #c5db7d;<br /> --attribute-Joy: #f68481;<br /> --attribute-Light: #f8b430;<br /> --attribute-Love: #eda1b6;<br /> --attribute-Memory: #8ec0e8;<br /> --attribute-Oblivion: #aab4da;<br /> --attribute-Peace: #deceb0;<br /> --attribute-Pride: #b27ad3;<br /> --attribute-Prosperity: #fa8d43;<br /> --attribute-Reality: #959595;<br /> --attribute-Regret: #775378;<br /> --attribute-Right: #5bb8e7;<br /> --attribute-Satiation: #f5a77d;<br /> --attribute-Strength: #87b5f3;<br /> --attribute-Ugliness: #7c93aa;<br /> --attribute-War: #964545;<br /> --attribute-Weakness: #b6d0e7;<br /> <br /> --attribute-Blaster: #9c749d;<br /> --attribute-Cherubim: #fff;<br /> --attribute-Cherubim--text: #bba479;<br /> --attribute-Explorer: #9fc47b;<br /> --attribute-Gladiator: #bba479;<br /> --attribute-Hothead: #e36566;<br /> --attribute-Mascot: #f6b560;<br /> --attribute-Mastermind: #71b7af;<br /> --attribute-Protector: #d2a3ba;<br /> --attribute-Striker: #fa9269;<br /> <br /> --attribute-disposition-1: #798fe1;<br /> --attribute-disposition-2: #bd93e1;<br /> --attribute-disposition-3: #798fe1;/* replace with lvl3 color when known */<br /> <br /> display: inline-flex;<br /> align-items: center;<br /> border-radius: 16px;<br /> padding: 0 8px;<br /> height: 25px;<br /> margin: 2px;<br /> background-color: var(--theme-color-5);<br /> line-height: 1;<br /> position: relative;<br /> }<br /> <br /> .attribute-pill a,<br /> .attribute-pill .mw-selflink {<br /> color: white;<br /> font-weight: 600;<br /> }<br /> <br /> .theme-fandomdesktop-light .attribute-pill-Cherubim,<br /> .theme-fandommobile-light .attribute-pill-Cherubim {<br /> box-shadow: 0px 0px 3px var(--attribute-Cherubim--text);<br /> }<br /> <br /> /* Aspect Colors */<br /> .attribute-pill-Beauty { background-color: var(--attribute-Beauty); }<br /> .attribute-pill-Change { background-color: var(--attribute-Change); }<br /> .attribute-pill-Competition { background: var(--attribute-Competition); }<br /> .attribute-pill-Dark { background-color: var(--attribute-Dark); }<br /> .attribute-pill-Hate { background-color: var(--attribute-Hate); }<br /> .attribute-pill-Insatiability { background-color: var(--attribute-Insatiability); }<br /> .attribute-pill-Insatiability a { color: black; }<br /> .attribute-pill-Joy { background-color: var(--attribute-Joy); }<br /> .attribute-pill-Light { background-color: var(--attribute-Light); }<br /> .attribute-pill-Love { background-color: var(--attribute-Love); }<br /> .attribute-pill-Memory { background-color: var(--attribute-Memory); }<br /> .attribute-pill-Oblivion { background-color: var(--attribute-Oblivion); }<br /> .attribute-pill-Peace { background-color: var(--attribute-Peace); }<br /> .attribute-pill-Peace a { color: black; }<br /> .attribute-pill-Pride { background-color: var(--attribute-Pride); }<br /> .attribute-pill-Prosperity { background-color: var(--attribute-Prosperity); }<br /> .attribute-pill-Regret { background-color: var(--attribute-Regret); }<br /> .attribute-pill-Reality { background-color: var(--attribute-Reality); }<br /> .attribute-pill-Right { background-color: var(--attribute-Right); }<br /> .attribute-pill-Satiation { background-color: var(--attribute-Satiation); }<br /> .attribute-pill-Strength { background-color: var(--attribute-Strength); }<br /> .attribute-pill-Ugliness { background-color: var(--attribute-Ugliness); }<br /> .attribute-pill-War { background-color: var(--attribute-War); }<br /> .attribute-pill-Weakness { background-color: var(--attribute-Weakness); }<br /> .attribute-pill-Weakness a { color: black; }<br /> <br /> /* Trait Colors */<br /> .attribute-pill-Blaster { background-color: var(--attribute-Blaster); }<br /> .attribute-pill-Cherubim { background-color: var(--attribute-Cherubim); }<br /> .attribute-pill-Cherubim a { color: var(--attribute-Cherubim--text) !important; }<br /> .attribute-pill-Explorer { background-color: var(--attribute-Explorer); }<br /> .attribute-pill-Gladiator { background-color: var(--attribute-Gladiator); }<br /> .attribute-pill-Hothead { background-color: var(--attribute-Hothead); }<br /> .attribute-pill-Mascot { background-color: var(--attribute-Mascot); }<br /> .attribute-pill-Mastermind { background-color: var(--attribute-Mastermind); }<br /> .attribute-pill-Protector { background-color: var(--attribute-Protector); }<br /> .attribute-pill-Striker { background-color: var(--attribute-Striker); }<br /> <br /> /* Disposition Colors */<br /> .attribute-pill-disposition-1 { background-color: var(--attribute-disposition-1); }<br /> .attribute-pill-disposition-2 { background-color: var(--attribute-disposition-2); }<br /> .attribute-pill-disposition-3 { background-color: var(--attribute-disposition-3); }<br /> <br /> /* Invert unreadable icons */<br /> .attribute-pill-Insatiability img,<br /> .attribute-pill-Peace img,<br /> .attribute-pill-Weakness img {<br /> filter: invert();<br /> }<br /> <br /> .theme-fandomdesktop-light .attributeicon img {<br /> filter: invert();<br /> }<br /> <br /> .attribute-area-icon {<br /> width: 32px;<br /> height: 32px;<br /> background-color: white;<br /> border-radius: 50%;<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> margin-right: 5px;<br /> position: relative;<br /> border: 2px solid #989daf;<br /> }</div>

Kuhlau https://hna.wiki/Template:Attribute/doc?diff=10447 2026-07-26T12:16:29Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> {{CSS|Attributes}}<br /> This template is used to display [[Aspect]]s, [[Trait]]s, and [[Disposition]]s in their formal style.<br /> <br /> ==Syntax==<br /> {{T|Attribute|v1=Attribute|v2=Aspect/Trait/Disposition}}<br /> <br /> ==Examples==<br /> * {{T|Attribute|p1=Beauty|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Chaos|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Change|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Competition|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Cooperation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Dark|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Death|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Finity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Hate|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Illusion|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Infinity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Insatiability|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Life|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Light|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Love|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Memory|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Order|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Peace|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Pride|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Reality|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Regret|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Satiation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=War|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Weakness|p2=Aspect|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Blaster|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Cherubim|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Explorer|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Gladiator|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Hothead|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mascot|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mastermind|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Protector|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Striker|p2=Trait|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Cautious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Voracious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reckless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Steady|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Frisky|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Impulsive|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Enthusiastic|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Meticulous|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Gentle|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Fiery|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Confident|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Greedy|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reserved|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Conservative|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Wary|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Restless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Warm-Hearted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=&quot;Self-sacrificing/Sacrifice&quot;|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Timid|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Stubborn|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Slow-witted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Moody|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Just|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Resilient|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Focused|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Proud|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Rash|p2=Disposition|_Y_=1}}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {},<br /> &quot;description&quot;: &quot;&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Attribute/doc?diff=10446 2026-07-26T12:16:05Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> {{CSS|Attributes}}<br /> This template is used to display [[Aspect]]s and [[Trait]]s in their formal style.<br /> <br /> ==Syntax==<br /> {{T|Attribute|v1=Attribute|v2=Aspect/Trait}}<br /> <br /> ==Examples==<br /> * {{T|Attribute|p1=Beauty|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Chaos|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Change|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Competition|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Cooperation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Dark|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Death|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Finity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Hate|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Illusion|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Infinity|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Insatiability|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Life|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Light|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Love|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Memory|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Order|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Peace|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Pride|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Reality|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Regret|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Satiation|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=War|p2=Aspect|_Y_=1}}<br /> * {{T|Attribute|p1=Weakness|p2=Aspect|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Blaster|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Cherubim|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Explorer|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Gladiator|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Hothead|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mascot|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Mastermind|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Protector|p2=Trait|_Y_=1}}<br /> *{{T|Attribute|p1=Striker|p2=Trait|_Y_=1}}<br /> ----<br /> *{{T|Attribute|p1=Cautious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Voracious|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reckless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Steady|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Frisky|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Impulsive|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Enthusiastic|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Meticulous|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Gentle|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Fiery|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Confident|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Greedy|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Reserved|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Conservative|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Wary|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Restless|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Warm-Hearted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=&quot;Self-sacrificing/Sacrifice&quot;|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Timid|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Stubborn|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Slow-witted|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Moody|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Just|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Resilient|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Focused|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Proud|p2=Disposition|_Y_=1}}<br /> *{{T|Attribute|p1=Rash|p2=Disposition|_Y_=1}}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {},<br /> &quot;description&quot;: &quot;&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Anima_Infobox/doc?diff=10444 2026-07-26T12:05:46Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> Infobox for Anima.<br /> <br /> ==Syntax==<br /> {{T|Anima Infobox<br /> |v1=name=<br /> |v2=id=<br /> |v3=image=<br /> |v4=rarity=<br /> |v5=aspect=<br /> |v6=trait=<br /> |v7=role=<br /> |v8=damage=<br /> |v9=disposition=<br /> |v10=height=<br /> |v11=energy=<br /> |v12=description=<br /> |block=1<br /> }}<br /> <br /> ==Examples==<br /> {{T|Anima Infobox<br /> |p1=id = 014<br /> |p2=name = Vulberry<br /> |p3=type = Upcoming<br /> |p4=image = Vulberry Anima Portrait.png<br /> |p5=rarity = 4<br /> |p6=aspect = Satiation<br /> |p7=trait = Mastermind<br /> |p8=role = Backline Carry<br /> |p9=damage = Magic<br /> |p10=disposition = Steady; Stubborn<br /> |p11=height = 95<br /> |p12=energy = 58 <br /> |p13=description = Gentle and endearing, this Anima has fur as smooth as cream, touched with a vivid strawberry-jam red. It's more than happy to share that sweetness... by throwing cakes.<br /> |_Yn_=1<br /> |block=1<br /> }}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;name&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;id&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;rarity&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;aspect&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;trait&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;role&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;damage&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;disposition&quot;: {<br /> &quot;description&quot;: &quot;Disposition type names, separate by semicolon if multiple&quot;,<br /> &quot;example&quot;: &quot;Steady; Stubborn&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;height&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;energy&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;description&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;type&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> }<br /> },<br /> &quot;format&quot;: &quot;{{_\n|_ = _\n}}&quot;,<br /> &quot;paramOrder&quot;: [<br /> &quot;name&quot;,<br /> &quot;id&quot;,<br /> &quot;rarity&quot;,<br /> &quot;type&quot;,<br /> &quot;aspect&quot;,<br /> &quot;trait&quot;,<br /> &quot;role&quot;,<br /> &quot;damage&quot;,<br /> &quot;disposition&quot;,<br /> &quot;height&quot;,<br /> &quot;energy&quot;,<br /> &quot;description&quot;<br /> ]<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Anima_Infobox/doc?diff=10443 2026-07-26T12:05:18Z

<p>Kuhlau: </p> <hr /> <div>{{Documentation/Header}}<br /> Infobox for Anima.<br /> <br /> ==Syntax==<br /> {{T|Anima Infobox<br /> |v1=name=<br /> |v2=id=<br /> |v3=image=<br /> |v4=rarity=<br /> |v5=aspect=<br /> |v6=trait=<br /> |v7=role=<br /> |v8=damage=<br /> |v9=disposition=<br /> |v10=height=<br /> |v11=energy=<br /> |v12=description=<br /> }}<br /> <br /> ==Examples==<br /> {{T|Anima Infobox<br /> |p1=id = 014<br /> |p2=name = Vulberry<br /> |p3=type = Upcoming<br /> |p4=image = Vulberry Anima Portrait.png<br /> |p5=rarity = 4<br /> |p6=aspect = Satiation<br /> |p7=trait = Mastermind<br /> |p8=role = Backline Carry<br /> |p9=damage = Magic<br /> |p10=disposition = Steady; Stubborn<br /> |p11=height = 95<br /> |p12=energy = 58 <br /> |p13=description = Gentle and endearing, this Anima has fur as smooth as cream, touched with a vivid strawberry-jam red. It's more than happy to share that sweetness... by throwing cakes.<br /> |_Yn_=1<br /> |block=1<br /> }}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;name&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;id&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;rarity&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;aspect&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;trait&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;role&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;damage&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;disposition&quot;: {<br /> &quot;description&quot;: &quot;Disposition type names, separate by semicolon if multiple&quot;,<br /> &quot;example&quot;: &quot;Steady; Stubborn&quot;,<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;height&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;energy&quot;: {<br /> &quot;type&quot;: &quot;number&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;description&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> },<br /> &quot;type&quot;: {<br /> &quot;type&quot;: &quot;string&quot;,<br /> &quot;suggested&quot;: true<br /> }<br /> },<br /> &quot;format&quot;: &quot;{{_\n|_ = _\n}}&quot;,<br /> &quot;paramOrder&quot;: [<br /> &quot;name&quot;,<br /> &quot;id&quot;,<br /> &quot;rarity&quot;,<br /> &quot;type&quot;,<br /> &quot;aspect&quot;,<br /> &quot;trait&quot;,<br /> &quot;role&quot;,<br /> &quot;damage&quot;,<br /> &quot;disposition&quot;,<br /> &quot;height&quot;,<br /> &quot;energy&quot;,<br /> &quot;description&quot;<br /> ]<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Template:Anima_Infobox/doc?diff=10442 2026-07-26T12:03:24Z

<p>Kuhlau: Created page with &quot;{{Documentation/Header}} Infobox for Anima. ==Syntax== {{T|Anima Infobox |v1=name= |v2=id= |v3=image= |v4=rarity= |v5=aspect= |v6=trait= |v7=role= |v8=damage= |v9=disposition= |v10=height= |v11=energy= |v12=description= }} ==Examples== {{T|Anima Infobox |p1=id = 014 |p2=name = Vulberry |p3=type = Upcoming |p4=image = Vulberry Anima Portrait.png |p5=rarity = 4 |p6=aspect = Satiation |p7=trait = Mastermind |p8=role...&quot;</p> <hr /> <div>{{Documentation/Header}}<br /> Infobox for Anima.<br /> <br /> ==Syntax==<br /> {{T|Anima Infobox<br /> |v1=name=<br /> |v2=id=<br /> |v3=image=<br /> |v4=rarity=<br /> |v5=aspect=<br /> |v6=trait=<br /> |v7=role=<br /> |v8=damage=<br /> |v9=disposition=<br /> |v10=height=<br /> |v11=energy=<br /> |v12=description=<br /> }}<br /> <br /> ==Examples==<br /> {{T|Anima Infobox<br /> |p1=id = 014<br /> |p2=name = Vulberry<br /> |p3=type = Upcoming<br /> |p4=image = Vulberry Anima Portrait.png<br /> |p5=rarity = 4<br /> |p6=aspect = Satiation<br /> |p7=trait = Mastermind<br /> |p8=role = Backline Carry<br /> |p9=damage = Magic<br /> |p10=disposition = Steady; Stubborn<br /> |p11=height = 95<br /> |p12=energy = 58 <br /> |p13=description = Gentle and endearing, this Anima has fur as smooth as cream, touched with a vivid strawberry-jam red. It's more than happy to share that sweetness... by throwing cakes.<br /> |_Yn_=1<br /> |block=1<br /> }}<br /> <br /> ==Template Data==<br /> &lt;templatedata&gt;<br /> {<br /> &quot;params&quot;: {<br /> &quot;name&quot;: {},<br /> &quot;id&quot;: {},<br /> &quot;rarity&quot;: {},<br /> &quot;aspect&quot;: {},<br /> &quot;trait&quot;: {},<br /> &quot;role&quot;: {},<br /> &quot;damage&quot;: {},<br /> &quot;disposition&quot;: {},<br /> &quot;height&quot;: {},<br /> &quot;energy&quot;: {},<br /> &quot;description&quot;: {},<br /> &quot;type&quot;: {}<br /> },<br /> &quot;format&quot;: &quot;{{_\n|_ = _\n}}&quot;<br /> }<br /> &lt;/templatedata&gt;</div>

Kuhlau https://hna.wiki/Pupanoo?diff=10441 2026-07-26T11:57:32Z

<p>Kuhlau: </p> <hr /> <div>{{Anima Infobox<br /> |id = 026<br /> |name = Pupanoo<br /> |type = Upcoming<br /> |image = Pupanoo Anima Portrait.png<br /> |rarity = 3<br /> |aspect = Satiation<br /> |trait = Blaster<br /> |role = Backline<br /> |damage = Magic<br /> |disposition = Steady II; Enthusiastic I<br /> |height = 73<br /> |energy = 53<br /> |description = A Nexus Anima of Satiation, it is often found in front of ramen shops, promoting them to passersby. Yet when given the cold shoulder, it will often engage in &quot;sealf&quot;-sabotage.<br /> }}<br /> {{Lead/Anima}}<br /> <br /> ==Abilities==<br /> {{Abilities Table}}<br /> <br /> ==Story==<br /> {{Description|Pupanoo is an unrepentant pessimist, its ramen bowl filled with melancholy and depression. It gets so absorbed in these gloomy thoughts that the noodles almost spill out... were it not for the kind-hearted humans who help steady the bowl each time. Alas... it withdraws back into its bowl, leaving naught but a perfectly round poached egg and a smattering of scallions on top for humans... And thus it becomes trapped once more in an endless spiral of sadness: &quot;Noo, why won't they pet me?&quot; It laments, convinced humans must prefer their eggs sunny-side-up rather than poached.}}<br /> <br /> ==Skins==<br /> {{Skins by Category Table|Pupanoo Skins|noanima=1}}<br /> <br /> ==Gallery==<br /> ===Videos===<br /> {{Videos by Character Gallery|Official Videos}}<br /> <br /> ==Other Languages==<br /> {{Other Languages<br /> |en = Pupanoo<br /> |zhs = 球豹豹<br /> |zht = 球豹豹<br /> |ja = チュルルン<br /> |ko = 탱탱부<br /> |fr = Photarie<br /> |ru = Лапшень<br /> |th = อุ๋งบะหมี่<br /> |vi = Pupanoo<br /> |de = Nudelpudel<br /> }}<br /> <br /> ==Change History==<br /> {{Change History|introduced=Pre-Release}}<br /> <br /> ==Navigation==<br /> {{Anima Navbox}}<br /> <br /> [[pl:Pupanoo]]<br /> [[ru:Лапшень]]<br /> [[vi:Pupanoo]]</div>

Kuhlau https://hna.wiki/Template:Anima_Infobox?diff=10440 2026-07-26T11:57:16Z

<p>Kuhlau: </p> <hr /> <div>&lt;includeonly&gt;&lt;infobox type=&quot;anima&quot;&gt;<br /> &lt;title source=&quot;name&quot;&gt;<br /> &lt;format&gt;&lt;span class=&quot;pi-title-text&quot;&gt;{{{name|{{PAGENAME}}}}}&lt;/span&gt;{{#if:{{{id|}}}|&lt;span class=&quot;pi-anima-id&quot;&gt;&amp;nbsp;No. {{{id}}}&lt;/span&gt;}}&lt;/format&gt;<br /> &lt;/title&gt;<br /> &lt;group&gt;<br /> &lt;image source=&quot;image&quot;&gt;&lt;caption source=&quot;caption&quot;/&gt;&lt;/image&gt;<br /> &lt;/group&gt;&lt;!--<br /> Anima Data<br /> --&gt;<br /> &lt;group&gt;<br /> &lt;data source=&quot;rarity&quot;&gt;<br /> &lt;label&gt;Rarity&lt;/label&gt;<br /> &lt;format&gt;{{Icon/Stars|{{{rarity|}}}}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;aspect&quot;&gt;<br /> &lt;label&gt;Aspect&lt;/label&gt;<br /> &lt;format&gt;{{Exists|{{{aspect}}}|{{{{{aspect}}}}}|{{{aspect}}}}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;trait&quot;&gt;<br /> &lt;label&gt;Trait&lt;/label&gt;<br /> &lt;format&gt;[[{{{trait}}}]]&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;role&quot;&gt;<br /> &lt;label&gt;Role&lt;/label&gt;<br /> &lt;format&gt;{{{role}}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;damage&quot;&gt;<br /> &lt;label&gt;Damage Type&lt;/label&gt;<br /> &lt;format&gt;{{{damage}}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;disposition&quot;&gt;<br /> &lt;label&gt;[[Disposition]]&lt;/label&gt;<br /> &lt;format&gt;{{Array|{{{disposition}}}|;|[[{item}]]|&lt;br /&gt;}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;/group&gt;<br /> &lt;group&gt;<br /> &lt;header&gt;Bio&lt;/header&gt;<br /> &lt;data source=&quot;height&quot;&gt;<br /> &lt;label&gt;Height&lt;/label&gt;<br /> &lt;format&gt;{{{height}}} Units&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;energy&quot;&gt;<br /> &lt;label&gt;Energy&lt;/label&gt;<br /> &lt;format&gt;{{{energy}}} Joules&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;data source=&quot;description&quot;&gt;<br /> &lt;format&gt;'''Description'''&lt;br/&gt;{{{description}}}&lt;/format&gt;<br /> &lt;/data&gt;<br /> &lt;/group&gt;<br /> &lt;/infobox&gt;&lt;!--<br /> Auto-Categorize Only in Main Namespace<br /> --&gt;{{Namespace|main=[[Category:Animas]]&lt;!--<br /> Sort<br /> --&gt;{{#if:{{{id|}}}|[[Category:Anima|{{{id}}}]]|[[Category:Anima]][[Category:Anima Missing ID]]}}&lt;!--<br /> Rarity<br /> --&gt;{{#switch:{{{rarity}}}|3|4|5=[[Category:{{{rarity}}}-Star Anima]]}}<br /> {{#if:{{{rarity|}}}|[[Category:Anima by Rarity|{{#switch:{{{rarity|}}}<br /> |3 = 0<br /> |4 = 1<br /> |5 = 2<br /> |#default = 3<br /> }}]]}}&lt;!--<br /> Type<br /> --&gt;{{#ifeq:{{{type}}}|Special Anima|[[Category:Special Anima]]|}}&lt;!--<br /> Aspect<br /> --&gt;{{#if:{{{aspect|}}}|[[Category:{{{aspect}}} Anima]][[Category:Anima by Aspect|{{{aspect}}}]]}}&lt;!--<br /> Trait<br /> --&gt;{{#if:{{{trait|}}}|[[Category:{{{trait}}} Anima]][[Category:Anima by Trait|{{{trait}}}]]}}&lt;!--<br /> Role<br /> --&gt;{{#if:{{{role|}}}|[[Category:{{{role}}} Anima]][[Category:Anima by Combat Role|{{{role}}}]]}}&lt;!--<br /> Damage Type<br /> --&gt;{{#if:{{{damage|}}}|[[Category:{{{damage}}} Anima]][[Category:Anima by Damage Type|{{{damage}}}]]}}&lt;!--<br /> --&gt;}}&lt;/includeonly&gt;&lt;noinclude&gt;{{Documentation|type=Infobox}}&lt;/noinclude&gt;</div>

Kuhlau https://hna.wiki/Module:Extra_Effect/data/doc?diff=10437 2026-07-26T11:46:18Z

<p>Kuhlau: Created page with &quot;Data module for Module:Extra Effect &amp; {{T|Extra Effect}}. Enter any shared effects into the module so that you can access the description using the key. An empty one is at the bottom for copy-paste convenience.&quot;</p> <hr /> <div>Data module for [[Module:Extra Effect]] &amp; {{T|Extra Effect}}.<br /> <br /> Enter any shared effects into the module so that you can access the description using the key. An empty one is at the bottom for copy-paste convenience.</div>

Kuhlau https://hna.wiki/Module:Extra_Effect/doc?diff=10436 2026-07-26T11:45:24Z

<p>Kuhlau: Created page with &quot;Module for {{T|Extra Effect}}.&quot;</p> <hr /> <div>Module for {{T|Extra Effect}}.</div>

Kuhlau https://hna.wiki/Module:Color/doc?diff=10158 2026-07-21T23:39:31Z

<p>Kuhlau: </p> <hr /> <div>This module implements {{T|Color}}.<br /> <br /> ==How to Update==<br /> # Visit [[MediaWiki:Gadget-Colors.css]]. Here are the instructions on how to add colors:<br /> #* If you have multiple (or you have one and you're not sure of the format), you can use [https://regex101.com/r/ggG9d6/2/list-substitution this link] to generate the code (type your color names in the big thing at the top, where it says &quot;test string&quot;, each on a new line. Then, copy the result from the bottom.)<br /> #* Replace &lt;code&gt;#hexcode&lt;/code&gt; with your hex code(s).<br /> #* Check whether the colors will look good on light or dark mode using [https://webaim.org/resources/contrastchecker/ WebAIM's Contrast Checker]. Currently, our light mode background color is &lt;code&gt;#fff&lt;/code&gt; and our dark mode background color is &lt;code&gt;#111a20&lt;/code&gt;. If the colors fail multiple checks on one mode, try tweaking it.<br /> #* You have to add the light mode colors to the light mode block (starts at the top) and the dark mode colors to the dark mode block (starts around line 100).<br /> #* Now add the rules to implement the colors to the block starting around line 260 titled &lt;code&gt;&lt;nowiki&gt;/* [[Template:Color]] */&lt;/nowiki&gt;&lt;/code&gt;. Use [https://regex101.com/r/ggG9d6/1/substitution this] to generate the code (or hit Substitution on the left sidebar of the previous link you used).<br /> # In this module, update &lt;code&gt;local colors&lt;/code&gt; table starting at line 7 with your new color(s). ([https://regex101.com/r/T2PPB2/1/list-substitution here you go])</div>

Kuhlau https://hna.wiki/Module:Color/doc?diff=10157 2026-07-21T23:37:09Z

<p>Kuhlau: </p> <hr /> <div>This module implements {{T|Color}}.<br /> <br /> ==How to Update==<br /> # Visit [[MediaWiki:Gadget-Colors.css]]. Here are the instructions on how to add colors:<br /> #* If you have multiple (or you have one and you're not sure of the format), you can use [https://regex101.com/r/ggG9d6/2/list-substitution this link] to generate the code (type your color names in the big thing at the top, where it says &quot;test string&quot;, each on a new line. Then, copy the result from the bottom.)<br /> #* Replace &lt;code&gt;#hexcode&lt;/code&gt; with your hex code(s).<br /> #* Check whether the colors will look good on light or dark mode using [https://webaim.org/resources/contrastchecker/ WebAIM's Contrast Checker]. Currently, our light mode background color is &lt;code&gt;#fff&lt;/code&gt; and our dark mode background color is &lt;code&gt;#111a20&lt;/code&gt;. If the colors fail multiple checks on one mode, try tweaking it.<br /> #* You have to add the light mode colors to the light mode block (starts at the top) and the dark mode colors to the dark mode block (starts around line 100).<br /> #* Now add your colors to the block starting around line 260 titled &lt;code&gt;&lt;nowiki&gt;/* [[Template:Color]] */&lt;/nowiki&gt;&lt;/code&gt;. Use [https://regex101.com/r/ggG9d6/1/substitution this] to generate the code (or hit Substitution on the left sidebar of the previous link you used).<br /> # In this module, update &lt;code&gt;local colors&lt;/code&gt; table starting at line 7 with your new color(s). ([https://regex101.com/r/T2PPB2/1/list-substitution here you go])</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Colors.css?diff=10156 2026-07-21T23:22:37Z

<p>Kuhlau: </p> <hr /> <div>/** Root **/<br /> :root, .wgl-lightmode, .wgl-theme-light {<br /> --theme-accent-color: #47cab2;<br /> --theme-accent-color--rgba: 71, 202, 178;<br /> --theme-page-text-color: #43403D;<br /> --theme-page-text-color-inverse: #FFFFFF;<br /> --theme-link-color: #a65000;<br /> --theme-border-color: #CECECE !important;<br /> --theme-page-background-color: #fff;<br /> --theme-page-background-color--secondary: #f2f2f2;<br /> --background-color-neutral-subtle: #f8f9fa;<br /> <br /> --group-color: var(--theme-color-5);<br /> --border-color:var(--theme-color-1);<br /> --title-color: var(--theme-color-6);<br /> --subtitle-color:var(--theme-color-4);<br /> <br /> --pi-border: #CECECE !important;<br /> --pi-tabber-bg-color: #F1F1F1;<br /> --pi-tabber-color: #969696;<br /> --pi-title-bg-color: var(--theme-accent-color);<br /> --pi-title-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: #E6E6E6;<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-rows-color: #f7f7f7;<br /> <br /> --header-link-border-color-1: #f3eeeb;<br /> --header-link-border-color-2: #edd8ce;<br /> --mobile-lightbox-border-color: #a2a9b1;<br /> <br /> --theme-color-1 : #A5998D;<br /> --theme-color-2 : #B1A69B;<br /> --theme-color-3 : #BCB2A9;<br /> --theme-color-4 : #C7BFB7;<br /> --theme-color-5 : #D2CCC6;<br /> --theme-color-6 : #DFDAD5;<br /> --theme-color-7 : #E7E3DE;<br /> --theme-color-8 : #EFEBE7;<br /> --theme-color-9 : #F7F4EF;<br /> --theme-color-10: #FFFFFF;<br /> <br /> --table-ascension-bg-color: #F7F7F7;<br /> <br /> --custom-tabs-active-color: var(--theme-page-text-color);<br /> <br /> /* [[Template:Color]] */<br /> --color-beauty: #88CEC6;<br /> --color-change: #979EE2;<br /> --color-competition: #955A7B;<br /> --color-dark: #734E9D;<br /> --color-hate: #9B8EC1;<br /> --color-insatiability: #5BB8E7;<br /> --color-light: #EFBF3C;<br /> --color-love: #EDA1B6;<br /> --color-memory: #95C2E7;<br /> --color-peace: #DECEB0;<br /> --color-pride: #8879BC;<br /> --color-regret: #775378;<br /> --color-right: #5BB8E7;<br /> --color-satiation: #F5A77D;<br /> --color-war: #964545;<br /> --color-weakness: #B6D0E7;<br /> --color-physical: #be473f;<br /> --color-healing: #168343;<br /> <br /> --color-buzz: #0075EB;<br /> --color-menu: #937C6E;<br /> --color-new: #317e2a;<br /> --color-old: #932015;<br /> --color-help: #BB8010;<br /> --color-numbers: #d1943b;<br /> --color-magic: #236a8c;<br /> <br /> --color-R4S: #9563C8;<br /> --color-R5S: #E7B442;<br /> <br /> /* background */<br /> --background-color-active: #C6F4DE80;<br /> --background-color-inactive: #F4CCCC80;<br /> <br /> /** Portable Infobox Colors **/<br /> --pi-dark-bg: var(--theme-color-3);<br /> --pi-border: var(--theme-color-4);<br /> --pi-background-color: var(--theme-color-5);<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: var(--theme-color-6);<br /> --pi-wds-tabs-bg-color: var(--theme-color-7);<br /> /** Navbox Colors **/<br /> --nav-group-bg-color: var(--theme-color-8);<br /> /** Change History and Description Colors **/<br /> --desc-border: var(--theme-color-1); <br /> --desc-content: #bf8c4015; <br /> }<br /> <br /> :root .wgl-darkmode , :root .wgl-theme-dark {<br /> --theme-accent-color: #47cab2;<br /> --theme-accent-color--rgba: 71, 202, 178;<br /> --theme-page-text-color: #FFFFFF;<br /> --theme-page-text-color-inverse: #3d4342;<br /> --theme-link-color: #4cc2ad;<br /> --theme-border-color: var(--theme-color-7) !important;<br /> --theme-page-background-color: #111a20;<br /> --theme-page-background-color--secondary: var(--theme-color-6);<br /> --background-color-neutral-subtle: #1b1c1c;<br /> <br /> --group-color: var(--theme-accent-color);<br /> --border-color:var(--theme-border-color);<br /> --title-color: var(--theme-accent-color);<br /> --subtitle-color:var(--theme-accent-color);<br /> <br /> --pi-border: var(--theme-border-color) !important;<br /> --pi-tabber-bg-color: var(--theme-color-6);<br /> --pi-tabber-color: var(--theme-page-text-color);<br /> --pi-title-bg-color: var(--theme-accent-color);<br /> --pi-title-color: var(--theme-page-background-color);<br /> --pi-header-bg-color: var(--theme-color-4);<br /> --pi-header-color: var(--theme-accent-color);<br /> --pi-rows-color: var(--theme-color-4);<br /> <br /> --header-link-border-color-1: #3d285a;<br /> --header-link-border-color-2: #2f295c;<br /> --mobile-lightbox-border-color: var(--theme-border-color);<br /> <br /> <br /> --theme-color-1 : hsl(205, 28%, 5%);<br /> --theme-color-2 : hsl(205, 28%, 8%);<br /> --theme-color-3 : hsl(204, 28%, 10%);<br /> --theme-color-4 : hsl(205, 28%, 13%);<br /> --theme-color-5 : hsl(205, 28%, 16%);<br /> --theme-color-6 : hsl(205, 20%, 20%);<br /> --theme-color-7 : hsl(205, 15%, 23%);<br /> --theme-color-8 : hsl(205, 15%, 27%);<br /> --theme-color-9 : hsl(205, 15%, 32%);<br /> --theme-color-10: hsl(205, 15%, 37%);<br /> <br /> --custom-tabs-active-color: var(--theme-page-background-color);<br /> <br /> /* [[Template:Color]] */<br /> --color-beauty: #88CEC6;<br /> --color-change: #979EE2;<br /> --color-competition: #955A7B;<br /> --color-dark: #734E9D;<br /> --color-hate: #9B8EC1;<br /> --color-insatiability: #5BB8E7;<br /> --color-light: #EFBF3C;<br /> --color-love: #EDA1B6;<br /> --color-memory: #95C2E7;<br /> --color-peace: #DECEB0;<br /> --color-pride: #8879BC;<br /> --color-regret: #775378;<br /> --color-right: #5BB8E7;<br /> --color-satiation: #F5A77D;<br /> --color-war: #964545;<br /> --color-weakness: #B6D0E7;<br /> <br /> --color-buzz: #2095EF;<br /> --color-menu: #D3BC8E;<br /> --color-new: #41be3a;<br /> --color-old: #e35045;<br /> --color-help: #e0bb00;<br /> --color-numbers: #fec26b;<br /> --color-magic: #236a8c;<br /> --color-physical: #E67373;<br /> --color-healing: #60e396;<br /> <br /> --color-R4S: #9563C8;<br /> --color-R5S: #E7B442;<br /> <br /> /* background */<br /> --background-color-active: #C6F4DE80;<br /> --background-color-inactive: #F4CCCC80;<br /> <br /> /* Recolor red links */<br /> --theme-alert-color: #FF4B4B;<br /> --theme-alert-color--rgb: rgb(255,75,75);<br /> --theme-alert-color--hover: #ff6868;<br /> /** Portable Infobox Colors **/<br /> --pi-dark-bg: var(--theme-color-3);<br /> --pi-border: var(--theme-color-4);<br /> --pi-background-color: var(--theme-color-5);<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: var(--theme-color-6);<br /> --pi-wds-tabs-bg-color: var(--theme-color-7);<br /> /** Navbox Colors **/<br /> --nav-group-bg-color: var(--theme-color-8);<br /> /** Change History and Description Colors **/<br /> --desc-border: var(--pi-border); <br /> --desc-content: #bf8c4015; <br /> }<br /> <br /> /* Skin-specific */<br /> :root {<br /> --background-color-base: var(--theme-page-background-color);<br /> --color-base: var(--theme-page-text-color);<br /> --border-base: var(--theme-border-color);<br /> }<br /> <br /> <br /> /* Style scrollbars to match wiki theme */<br /> #content {<br /> scrollbar-color: var(--theme-link-color) var(--theme-body-background-color);<br /> }<br /> <br /> /* Darker version of alert */<br /> .wgl-darkmode, .wgl-theme-dark {<br /> --theme-alert-highlight: #a90000;<br /> --theme-alert-highlight--rgb: rgb(169, 0, 0);<br /> --theme-alert-highlight--hover: #c30000;<br /> }<br /> <br /> /** Highlighting **/<br /> .bg-highlight {<br /> background-color: rgb(137, 137, 137);<br /> background-color: rgba(137, 137, 137, 0.4);<br /> }<br /> <br /> /** Invert filter **/<br /> .wgl-darkmode .invert-dark { filter: invert(1); }<br /> .wgl-lightmode .invert-light { filter: invert(1); }<br /> <br /> /** Theme colors **/<br /> .text-primary { color: var(--theme-page-text-color); }<br /> .text-secondary { color: var(--theme-page-text-color--hover); }<br /> .text-background { color: var(--theme-body-background-color); }<br /> .text-sidebar { color: var(--theme-page-background-color--secondary); }<br /> .text-accent { color: var(--theme-accent-label-color); }<br /> <br /> .bg-primary { background-color: var(--theme-page-text-color); }<br /> .bg-secondary { background-color: var(--theme-page-text-color--hover); }<br /> .bg-background { background-color: var(--theme-body-background-color); }<br /> .bg-sidebar { background-color: var(--theme-page-background-color--secondary); }<br /> .bg-accent { background-color: var(--theme-accent-label-color); }<br /> <br /> /* Colors from MediaWiki:Variables.css */<br /> .text-title { color: var(--title-color); }<br /> .text-subtitle { color: var(--subtitle-color); }<br /> .text-group { color: var(--group-color); }<br /> .text-border { color: var(--border-color); }<br /> <br /> .bg-title { background-color: var(--title-color); }<br /> .bg-subtitle { background-color: var(--subtitle-color); }<br /> .bg-group { background-color: var(--group-color); }<br /> .bg-border { background-color: var(--border-color); }<br /> <br /> .border-title { border-color: var(--title-color); }<br /> .border-subtitle { border-color: var(--subtitle-color); }<br /> .border-group { border-color: var(--group-color); }<br /> .border-border { border-color: var(--border-color); }<br /> <br /> /* Change color of classes that used alert-color as bg color */<br /> .wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error,<br /> .wgl-darkmode .postedit.mw-notification.mw-notification-type-error,<br /> .wgl-darkmode .wds-table-td-alert,<br /> .wgl-darkmode .diff td.diff-deletedline .diffchange {<br /> background-color: var(--theme-alert-highlight);<br /> }<br /> <br /> .wgl-darkmode .diff td.diff-deletedline {<br /> border-color: var(--theme-alert-highlight);<br /> }<br /> <br /> /* [[Template:Color]] */<br /> <br /> .text-error, .text-error * { color: var(--theme-alert-color); }<br /> .bg-error { background-color: var(--theme-alert-highlight); }<br /> <br /> .text-buzz, .text-buzz * { color: var(--color-buzz); }<br /> .bg-buzz { background-color: var(--color-buzz); }<br /> <br /> .text-menu, .text-menu * { color: var(--color-menu); }<br /> .bg-menu { background-color: var(--color-menu); }<br /> <br /> .text-new, .text-new * { color: var(--color-new); }<br /> .bg-new { background-color: var(--color-new); }<br /> <br /> .text-old, .text-old * { color: var(--color-old); }<br /> .bg-old { background-color: var(--color-old); }<br /> <br /> .text-help, .text-help * { color: var(--color-help); }<br /> .bg-help { background-color: var(--color-help); }<br /> <br /> .text-numbers, .text-numbers * { color: var(--color-numbers); }<br /> .bg-numbers { background-color: var(--color-numbers); }<br /> <br /> .text-magic, .text-magic * { color: var(--color-magic); }<br /> .bg-magic { background-color: var(--color-magic); }<br /> <br /> .text-physical, .text-physical * { color: var(--color-physical); }<br /> .bg-physical { background-color: var(--color-physical); }<br /> <br /> .text-healing, .text-healing * { color: var(--color-healing); }<br /> .bg-healing { background-color: var(--color-healing); }<br /> <br /> <br /> .text-R4S, .text-R4S * { color: var(--color-R4S); }<br /> .bg-R4S { background-color: var(--color-R4S); }<br /> <br /> .text-R5S, .text-R5S * { color: var(--color-R5S); }<br /> .bg-R5S { background-color: var(--color-R5S); }<br /> <br /> <br /> /* Backgrounds */<br /> .bg-active { background-color: var(--background-color-active); }<br /> .bg-inactive { background-color: var(--background-color-inactive); }<br /> <br /> /* Syntax highlight for source editor */<br /> .wgl-darkmode.skin-fandomdesktop .cm {<br /> --codemirror-purple: #D2A8FF;<br /> }<br /> <br /> /* [[Template:Check]] */<br /> .check-yes { color: #3DC434; font-size: 20px; }<br /> .check-no { color: red; font-size: 20px; }<br /> .check-blank { font-size: 20px; }<br /> .check-unknown { font-size: 20px; }<br /> .check-special { color: #C014E2; font-size: 20px; }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Colors.css?diff=10155 2026-07-21T23:21:04Z

<p>Kuhlau: </p> <hr /> <div>/** Root **/<br /> :root, .wgl-lightmode, .wgl-theme-light {<br /> --theme-accent-color: #47cab2;<br /> --theme-accent-color--rgba: 71, 202, 178;<br /> --theme-page-text-color: #43403D;<br /> --theme-page-text-color-inverse: #FFFFFF;<br /> --theme-link-color: #a65000;<br /> --theme-border-color: #CECECE !important;<br /> --theme-page-background-color: #fff;<br /> --theme-page-background-color--secondary: #f2f2f2;<br /> --background-color-neutral-subtle: #f8f9fa;<br /> <br /> --group-color: var(--theme-color-5);<br /> --border-color:var(--theme-color-1);<br /> --title-color: var(--theme-color-6);<br /> --subtitle-color:var(--theme-color-4);<br /> <br /> --pi-border: #CECECE !important;<br /> --pi-tabber-bg-color: #F1F1F1;<br /> --pi-tabber-color: #969696;<br /> --pi-title-bg-color: var(--theme-accent-color);<br /> --pi-title-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: #E6E6E6;<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-rows-color: #f7f7f7;<br /> <br /> --header-link-border-color-1: #f3eeeb;<br /> --header-link-border-color-2: #edd8ce;<br /> --mobile-lightbox-border-color: #a2a9b1;<br /> <br /> --theme-color-1 : #A5998D;<br /> --theme-color-2 : #B1A69B;<br /> --theme-color-3 : #BCB2A9;<br /> --theme-color-4 : #C7BFB7;<br /> --theme-color-5 : #D2CCC6;<br /> --theme-color-6 : #DFDAD5;<br /> --theme-color-7 : #E7E3DE;<br /> --theme-color-8 : #EFEBE7;<br /> --theme-color-9 : #F7F4EF;<br /> --theme-color-10: #FFFFFF;<br /> <br /> --table-ascension-bg-color: #F7F7F7;<br /> <br /> --custom-tabs-active-color: var(--theme-page-text-color);<br /> <br /> /* [[Template:Color]] */<br /> --color-beauty: #88CEC6;<br /> --color-change: #979EE2;<br /> --color-competition: #955A7B;<br /> --color-dark: #734E9D;<br /> --color-hate: #9B8EC1;<br /> --color-insatiability: #5BB8E7;<br /> --color-light: #EFBF3C;<br /> --color-love: #EDA1B6;<br /> --color-memory: #95C2E7;<br /> --color-peace: #DECEB0;<br /> --color-pride: #8879BC;<br /> --color-regret: #775378;<br /> --color-right: #5BB8E7;<br /> --color-satiation: #F5A77D;<br /> --color-war: #964545;<br /> --color-weakness: #B6D0E7;<br /> --color-physical: #be473f;<br /> --color-healing: #168343;<br /> <br /> --color-buzz: #0075EB;<br /> --color-menu: #937C6E;<br /> --color-new: #317e2a;<br /> --color-old: #932015;<br /> --color-help: #BB8010;<br /> --color-numbers: #d1943b;<br /> --color-magic: #236a8c;<br /> <br /> --color-R4S: #9563C8;<br /> --color-R5S: #E7B442;<br /> <br /> /* background */<br /> --background-color-active: #C6F4DE80;<br /> --background-color-inactive: #F4CCCC80;<br /> <br /> /** Portable Infobox Colors **/<br /> --pi-dark-bg: var(--theme-color-3);<br /> --pi-border: var(--theme-color-4);<br /> --pi-background-color: var(--theme-color-5);<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: var(--theme-color-6);<br /> --pi-wds-tabs-bg-color: var(--theme-color-7);<br /> /** Navbox Colors **/<br /> --nav-group-bg-color: var(--theme-color-8);<br /> /** Change History and Description Colors **/<br /> --desc-border: var(--theme-color-1); <br /> --desc-content: #bf8c4015; <br /> }<br /> <br /> :root .wgl-darkmode , :root .wgl-theme-dark {<br /> --theme-accent-color: #47cab2;<br /> --theme-accent-color--rgba: 71, 202, 178;<br /> --theme-page-text-color: #FFFFFF;<br /> --theme-page-text-color-inverse: #3d4342;<br /> --theme-link-color: #4cc2ad;<br /> --theme-border-color: var(--theme-color-7) !important;<br /> --theme-page-background-color: #111a20;<br /> --theme-page-background-color--secondary: var(--theme-color-6);<br /> --background-color-neutral-subtle: #1b1c1c;<br /> <br /> --group-color: var(--theme-accent-color);<br /> --border-color:var(--theme-border-color);<br /> --title-color: var(--theme-accent-color);<br /> --subtitle-color:var(--theme-accent-color);<br /> <br /> --pi-border: var(--theme-border-color) !important;<br /> --pi-tabber-bg-color: var(--theme-color-6);<br /> --pi-tabber-color: var(--theme-page-text-color);<br /> --pi-title-bg-color: var(--theme-accent-color);<br /> --pi-title-color: var(--theme-page-background-color);<br /> --pi-header-bg-color: var(--theme-color-4);<br /> --pi-header-color: var(--theme-accent-color);<br /> --pi-rows-color: var(--theme-color-4);<br /> <br /> --header-link-border-color-1: #3d285a;<br /> --header-link-border-color-2: #2f295c;<br /> --mobile-lightbox-border-color: var(--theme-border-color);<br /> <br /> <br /> --theme-color-1 : hsl(205, 28%, 5%);<br /> --theme-color-2 : hsl(205, 28%, 8%);<br /> --theme-color-3 : hsl(204, 28%, 10%);<br /> --theme-color-4 : hsl(205, 28%, 13%);<br /> --theme-color-5 : hsl(205, 28%, 16%);<br /> --theme-color-6 : hsl(205, 20%, 20%);<br /> --theme-color-7 : hsl(205, 15%, 23%);<br /> --theme-color-8 : hsl(205, 15%, 27%);<br /> --theme-color-9 : hsl(205, 15%, 32%);<br /> --theme-color-10: hsl(205, 15%, 37%);<br /> <br /> --custom-tabs-active-color: var(--theme-page-background-color);<br /> <br /> /* [[Template:Color]] */<br /> --color-beauty: #88CEC6;<br /> --color-change: #979EE2;<br /> --color-competition: #955A7B;<br /> --color-dark: #734E9D;<br /> --color-hate: #9B8EC1;<br /> --color-insatiability: #5BB8E7;<br /> --color-light: #EFBF3C;<br /> --color-love: #EDA1B6;<br /> --color-memory: #95C2E7;<br /> --color-peace: #DECEB0;<br /> --color-pride: #8879BC;<br /> --color-regret: #775378;<br /> --color-right: #5BB8E7;<br /> --color-satiation: #F5A77D;<br /> --color-war: #964545;<br /> --color-weakness: #B6D0E7;<br /> --color-physical: #E67373;<br /> --color-healing: #60e396;<br /> <br /> --color-buzz: #2095EF;<br /> --color-menu: #D3BC8E;<br /> --color-new: #41be3a;<br /> --color-old: #e35045;<br /> --color-help: #e0bb00;<br /> --color-numbers: #fec26b;<br /> --color-magic: #236a8c;<br /> <br /> --color-R4S: #9563C8;<br /> --color-R5S: #E7B442;<br /> <br /> /* background */<br /> --background-color-active: #C6F4DE80;<br /> --background-color-inactive: #F4CCCC80;<br /> <br /> /* Recolor red links */<br /> --theme-alert-color: #FF4B4B;<br /> --theme-alert-color--rgb: rgb(255,75,75);<br /> --theme-alert-color--hover: #ff6868;<br /> /** Portable Infobox Colors **/<br /> --pi-dark-bg: var(--theme-color-3);<br /> --pi-border: var(--theme-color-4);<br /> --pi-background-color: var(--theme-color-5);<br /> --pi-header-color: var(--theme-page-text-color);<br /> --pi-header-bg-color: var(--theme-color-6);<br /> --pi-wds-tabs-bg-color: var(--theme-color-7);<br /> /** Navbox Colors **/<br /> --nav-group-bg-color: var(--theme-color-8);<br /> /** Change History and Description Colors **/<br /> --desc-border: var(--pi-border); <br /> --desc-content: #bf8c4015; <br /> }<br /> <br /> /* Skin-specific */<br /> :root {<br /> --background-color-base: var(--theme-page-background-color);<br /> --color-base: var(--theme-page-text-color);<br /> --border-base: var(--theme-border-color);<br /> }<br /> <br /> <br /> /* Style scrollbars to match wiki theme */<br /> #content {<br /> scrollbar-color: var(--theme-link-color) var(--theme-body-background-color);<br /> }<br /> <br /> /* Darker version of alert */<br /> .wgl-darkmode, .wgl-theme-dark {<br /> --theme-alert-highlight: #a90000;<br /> --theme-alert-highlight--rgb: rgb(169, 0, 0);<br /> --theme-alert-highlight--hover: #c30000;<br /> }<br /> <br /> /** Highlighting **/<br /> .bg-highlight {<br /> background-color: rgb(137, 137, 137);<br /> background-color: rgba(137, 137, 137, 0.4);<br /> }<br /> <br /> /** Invert filter **/<br /> .wgl-darkmode .invert-dark { filter: invert(1); }<br /> .wgl-lightmode .invert-light { filter: invert(1); }<br /> <br /> /** Theme colors **/<br /> .text-primary { color: var(--theme-page-text-color); }<br /> .text-secondary { color: var(--theme-page-text-color--hover); }<br /> .text-background { color: var(--theme-body-background-color); }<br /> .text-sidebar { color: var(--theme-page-background-color--secondary); }<br /> .text-accent { color: var(--theme-accent-label-color); }<br /> <br /> .bg-primary { background-color: var(--theme-page-text-color); }<br /> .bg-secondary { background-color: var(--theme-page-text-color--hover); }<br /> .bg-background { background-color: var(--theme-body-background-color); }<br /> .bg-sidebar { background-color: var(--theme-page-background-color--secondary); }<br /> .bg-accent { background-color: var(--theme-accent-label-color); }<br /> <br /> /* Colors from MediaWiki:Variables.css */<br /> .text-title { color: var(--title-color); }<br /> .text-subtitle { color: var(--subtitle-color); }<br /> .text-group { color: var(--group-color); }<br /> .text-border { color: var(--border-color); }<br /> <br /> .bg-title { background-color: var(--title-color); }<br /> .bg-subtitle { background-color: var(--subtitle-color); }<br /> .bg-group { background-color: var(--group-color); }<br /> .bg-border { background-color: var(--border-color); }<br /> <br /> .border-title { border-color: var(--title-color); }<br /> .border-subtitle { border-color: var(--subtitle-color); }<br /> .border-group { border-color: var(--group-color); }<br /> .border-border { border-color: var(--border-color); }<br /> <br /> /* Change color of classes that used alert-color as bg color */<br /> .wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error,<br /> .wgl-darkmode .postedit.mw-notification.mw-notification-type-error,<br /> .wgl-darkmode .wds-table-td-alert,<br /> .wgl-darkmode .diff td.diff-deletedline .diffchange {<br /> background-color: var(--theme-alert-highlight);<br /> }<br /> <br /> .wgl-darkmode .diff td.diff-deletedline {<br /> border-color: var(--theme-alert-highlight);<br /> }<br /> <br /> /* [[Template:Color]] */<br /> <br /> .text-error, .text-error * { color: var(--theme-alert-color); }<br /> .bg-error { background-color: var(--theme-alert-highlight); }<br /> <br /> .text-buzz, .text-buzz * { color: var(--color-buzz); }<br /> .bg-buzz { background-color: var(--color-buzz); }<br /> <br /> .text-menu, .text-menu * { color: var(--color-menu); }<br /> .bg-menu { background-color: var(--color-menu); }<br /> <br /> .text-new, .text-new * { color: var(--color-new); }<br /> .bg-new { background-color: var(--color-new); }<br /> <br /> .text-old, .text-old * { color: var(--color-old); }<br /> .bg-old { background-color: var(--color-old); }<br /> <br /> .text-help, .text-help * { color: var(--color-help); }<br /> .bg-help { background-color: var(--color-help); }<br /> <br /> .text-numbers, .text-numbers * { color: var(--color-numbers); }<br /> .bg-numbers { background-color: var(--color-numbers); }<br /> <br /> .text-magic, .text-magic * { color: var(--color-magic); }<br /> .bg-magic { background-color: var(--color-magic); }<br /> <br /> <br /> .text-R4S, .text-R4S * { color: var(--color-R4S); }<br /> .bg-R4S { background-color: var(--color-R4S); }<br /> <br /> .text-R5S, .text-R5S * { color: var(--color-R5S); }<br /> .bg-R5S { background-color: var(--color-R5S); }<br /> <br /> <br /> /* Backgrounds */<br /> .bg-active { background-color: var(--background-color-active); }<br /> .bg-inactive { background-color: var(--background-color-inactive); }<br /> <br /> /* Syntax highlight for source editor */<br /> .wgl-darkmode.skin-fandomdesktop .cm {<br /> --codemirror-purple: #D2A8FF;<br /> }<br /> <br /> /* [[Template:Check]] */<br /> .check-yes { color: #3DC434; font-size: 20px; }<br /> .check-no { color: red; font-size: 20px; }<br /> .check-blank { font-size: 20px; }<br /> .check-unknown { font-size: 20px; }<br /> .check-special { color: #C014E2; font-size: 20px; }</div>

Kuhlau https://hna.wiki/Module:Color?diff=10154 2026-07-21T23:19:01Z

<p>Kuhlau: </p> <hr /> <div>local p = {}<br /> local lib = require('Module:Feature')<br /> <br /> local aliases = {<br /> }<br /> <br /> local colors = {<br /> new = 'text-new',<br /> old = 'text-old',<br /> buzz = 'text-buzz',<br /> menu = 'text-menu',<br /> help = 'text-help',<br /> r4s = 'text-R4S',<br /> r5s = 'text-R5S',<br /> numbers = 'text-numbers',<br /> magic = 'text-magic',<br /> physical = 'text-physical',<br /> healing = 'text-healing',<br /> }<br /> <br /> -- Main function for wiki usage.<br /> -- If 2 arguments are present, treats the first one as a keyword.<br /> -- If only 1 argument is present, searches it for keywords.<br /> -- Returns the color associated with the keyword, or &quot;inherit&quot; if not found.<br /> function p.main(frame)<br /> local args = require('Module:Arguments').getArgs(frame)<br /> local class = ''<br /> local span = ''<br /> local text = ''<br /> local link = args.link<br /> -- choose variant based on number of arguments<br /> if args[2] then<br /> if args[1]:find('#') then<br /> span = args[1]<br /> else<br /> class = p._getKeywordColor(mw.ustring.lower(args[1]))<br /> end<br /> text = args[2]<br /> else<br /> class = p._searchTextForKeyword(mw.ustring.lower(args[1]))<br /> text = args[1]<br /> end<br /> <br /> if link ~= nil then<br /> if link == '1' or link == 1 then<br /> text = '[[' .. text .. ']]'<br /> else<br /> text = '[[' .. link .. '|' .. text .. ']]'<br /> end<br /> else<br /> text = '' .. text .. ''<br /> end<br /> <br /> if (args.nobold and lib.isNotEmpty(class)) then<br /> return '&lt;span class=&quot;' .. class .. '&quot;&gt;' .. text .. '&lt;/span&gt;'<br /> elseif (args.nobold and lib.isNotEmpty(span)) then<br /> return '&lt;span style=&quot;color:' .. span .. '&quot;&gt;' .. text .. '&lt;/span&gt;'<br /> elseif lib.isNotEmpty(span) then<br /> return '&lt;span style=&quot;color:' .. span .. '&quot;&gt;&lt;b&gt;' .. text .. '&lt;/b&gt;&lt;/span&gt;'<br /> else<br /> return '&lt;span class=&quot;' .. class .. '&quot;&gt;&lt;b&gt;' .. text .. '&lt;/b&gt;&lt;/span&gt;'<br /> end<br /> <br /> end<br /> <br /> -- Library functions usable in other modules<br /> <br /> -- Returns the color associated with given keyword,<br /> -- or &quot;inherit&quot; if input is not a keyword.<br /> -- Runs output through nowiki by default,<br /> -- unless noescape is specified to be true.<br /> -- (input must be in lower case.)<br /> function p._getKeywordColor(input, noescape)<br /> local element = aliases[input] or input<br /> local color = colors[element]<br /> if noescape then<br /> return color or 'inherit'<br /> end<br /> return color and mw.text.nowiki(color) or 'inherit'<br /> end<br /> <br /> -- Helper method to search given text for the keys of given table t.<br /> -- If a key is found, returns its value; returns nil otherwise.<br /> local function searchTextForKeys(text, t)<br /> for key, val in pairs(t) do<br /> result = mw.ustring.find(text, key, 1, true)<br /> if result ~= nil then return val end<br /> end<br /> end<br /> <br /> -- Searches given text for keywords and returns the associated color,<br /> -- or &quot;inherit&quot; if no keyword is found.<br /> -- (text must be in lower case.)<br /> function p._searchTextForKeyword(text)<br /> -- try elements first<br /> local color = searchTextForKeys(text, colors)<br /> if color ~= nil then<br /> return mw.text.nowiki(color)<br /> end<br /> -- try aliases afterwards<br /> local keyword = searchTextForKeys(text, aliases)<br /> if keyword ~= nil then<br /> return mw.text.nowiki(colors[keyword])<br /> end<br /> <br /> return 'inherit'<br /> end<br /> <br /> return p</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9786 2026-07-17T04:27:27Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .article-table {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> .article-table tr {<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }<br /> <br /> /* fix border color base overriding border color */<br /> .wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {<br /> border: 1px solid var(--theme-border-color);<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9785 2026-07-17T03:24:37Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .article-table tr {<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }<br /> <br /> /* fix border color base overriding border color */<br /> .wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {<br /> border: 1px solid var(--theme-border-color);<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9784 2026-07-17T03:22:08Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .article-table tr {<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9783 2026-07-17T03:20:24Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .skin-minerva .portable-infobox {<br /> margin-bottom: 1em;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> .skin-minerva .portable-infobox .pi-secondary-background {<br /> text-align: center;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove/replace automatically set margin for li tabs */<br /> .portable-infobox ul.pi-section-navigation li.pi-section-tab, <br /> .portable-infobox ul.pi-media-collection-tabs li.pi-tab-link {<br /> margin: 3px;<br /> border-radius: 15px;<br /> min-width: max(20%, 100px);<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> .skin-minerva .portable-infobox.pi-type-anima .pi-title {<br /> padding-bottom: 9px;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> padding: 2px 0;<br /> background-color: var(--theme-color-7);<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9782 2026-07-17T03:19:24Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .article-table tr {<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> outline: 1px solid var(--theme-border-color);<br /> outline-offset: -1px;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9781 2026-07-17T03:18:24Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .skin-minerva .portable-infobox {<br /> margin-bottom: 1em;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> .skin-minerva .portable-infobox .pi-secondary-background {<br /> text-align: center;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove/replace automatically set margin for li tabs */<br /> .portable-infobox ul.pi-section-navigation li.pi-section-tab, <br /> .portable-infobox ul.pi-media-collection-tabs li.pi-tab-link {<br /> margin: 3px;<br /> border-radius: 15px;<br /> min-width: max(20%, 100px);<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> .skin-minerva .portable-infobox.pi-type-anima .pi-title {<br /> padding-bottom: 9px;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> padding: 2px 0;<br /> background-color: var(--theme-color-7);<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:ChangeHistory.css?diff=9780 2026-07-17T03:13:07Z

<p>Kuhlau: </p> <hr /> <div>/* For {{Change History}} */<br /> .change-history-header {<br /> display: flex;<br /> justify-content: space-between;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> font-size: 92%;<br /> margin: 0.3em 0;<br /> }<br /> <br /> .change-history-content {<br /> overflow: auto;<br /> max-height:350px;<br /> border: 1px solid var(--desc-border); <br /> background: var(--desc-content); <br /> border-radius: 3px 3px 3px 3px;<br /> margin-top: 1px;<br /> margin-bottom: 5px;<br /> padding: 15px;<br /> }<br /> <br /> .change-history-content hr {<br /> margin: 15px 0;<br /> }<br /> <br /> .skin-vector-legacy .change-history-content p {<br /> margin: 0;<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9779 2026-07-17T03:10:40Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .skin-minerva .portable-infobox {<br /> margin-bottom: 1em;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> .portable-infobox .pi-secondary-background {<br /> text-align: center;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove/replace automatically set margin for li tabs */<br /> .portable-infobox ul.pi-section-navigation li.pi-section-tab, <br /> .portable-infobox ul.pi-media-collection-tabs li.pi-tab-link {<br /> margin: 3px;<br /> border-radius: 15px;<br /> min-width: max(20%, 100px);<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox {<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> padding: 2px 0;<br /> background-color: var(--theme-color-7);<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9778 2026-07-17T03:01:43Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .article-table tr {<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> outline: 1px solid var(--theme-border-color);<br /> outline-offset: -1px;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .wikitable td:last-child,<br /> .fandom-table:not(.article-table) td:last-child,<br /> .wikitable.filehistory td:last-child {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9777 2026-07-17T03:00:41Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> outline: 1px solid var(--theme-border-color);<br /> outline-offset: -1px;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .wikitable td:last-child,<br /> .fandom-table:not(.article-table) td:last-child,<br /> .wikitable.filehistory td:last-child {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 20px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Tables.css?diff=9776 2026-07-17T02:58:25Z

<p>Kuhlau: </p> <hr /> <div>:root :is(.wgl-lightmode, .wgl-theme-light) {<br /> --theme-vo-pill-background-color: rgba(0, 0, 0, .1);<br /> }<br /> :root :is(.wgl-darkmode, .wgl-theme-dark) {<br /> --theme-vo-pill-background-color: rgba(255, 255, 255, .1);<br /> }<br /> <br /> /* table header and cell alignment */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {<br /> text-align: inherit;<br /> padding: 0.2em 0.4em;<br /> }<br /> <br /> /* allow cell-specific align override */<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {<br /> text-align: center;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {<br /> text-align: left;<br /> }<br /> :is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {<br /> text-align: right;<br /> }<br /> <br /> .mw-parser-output :is(.article-table, .wikitable, .fandom-table) {<br /> margin: 1em 0;<br /> }<br /> <br /> .mw-parser-output .article-table,<br /> .mw-parser-output .sortable {<br /> border-collapse: collapse;<br /> }<br /> <br /> /* collapsible button in tables */<br /> :is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {<br /> width: 5em;<br /> width: auto;<br /> width: fit-content;<br /> }<br /> <br /> /* collapsible button at caption on top of table */<br /> :is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {<br /> float: left !important;<br /> }<br /> /* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */<br /> .mw-parser-output td &gt; .columntemplate &gt; :is(ul, ol),<br /> .mw-parser-output td &gt; :is(ul, ol) {<br /> margin-left: 1em;<br /> }<br /> <br /> /* Prevent fandom-table header from being covered */<br /> .fandom-table .fixed-header {<br /> z-index: 9;<br /> }<br /> <br /> /* New table styling */<br /> .article-table,<br /> .wikitable,<br /> .fandom-table,<br /> .wikitable.filehistory {<br /> border-radius: 4px;<br /> overflow: hidden;<br /> outline: 1px solid var(--theme-border-color);<br /> outline-offset: -1px;<br /> }<br /> <br /> .wikitable,<br /> .wikitable td,<br /> .wikitable th,<br /> .wikitable tr,<br /> .fandom-table,<br /> .fandom-table td,<br /> .fandom-table th,<br /> .fandom-table tr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* remove left and right td and th border if both article-table and fandom-table used */<br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> .fandom-table.article-table tr td,<br /> .fandom-table.article-table tr th {<br /> border: 1px solid var(--theme-border-color);<br /> border-left: 0;<br /> border-right: 0;<br /> }<br /> <br /> /* tr styling */<br /> .article-table tr:last-child,<br /> .wikitable tr:last-child,<br /> .fandom-table tr:last-child,<br /> .wikitable.filehistory tr:last-child {<br /> border-radius: 0 0 4px 4px;<br /> overflow: hidden;<br /> }<br /> <br /> /* th styling */<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> font-weight: bold;<br /> border: 1px solid var(--theme-border-color);<br /> line-height: 20px;<br /> padding: 10px;<br /> }<br /> <br /> .wikitable th hr,<br /> .fandom-table th hr,<br /> .wikitable.filehistory th hr {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* td styling */<br /> .wikitable td,<br /> .wikitable td,<br /> .wikitable.filehistory td {<br /> padding: 5px 10px;<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .wikitable td:last-child,<br /> .fandom-table:not(.article-table) td:last-child,<br /> .wikitable.filehistory td:last-child {<br /> border: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* light mode colors */<br /> body:is(.wgl-lightmode, .wgl-theme-light) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-9) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-10) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-6);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-9);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-10);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-8);<br /> }<br /> }<br /> <br /> /* dark mode colors */<br /> body:is(.wgl-darkmode, .wgl-theme-dark) {<br /> /* force background color on wikitables */<br /> .mw-datatable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-datatable &gt; tr &gt; th,<br /> .mw-json &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .mw-json &gt; tr &gt; th,<br /> .wikitable &gt; :is(tbody, thead) &gt; tr &gt; th,<br /> .wikitable &gt; tr &gt; th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* th colors */<br /> .article-table th,<br /> .wikitable th,<br /> .fandom-table th,<br /> .wikitable.filehistory th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> /* td colors */<br /> .alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(odd) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-4) !important;<br /> }<br /> <br /> .sortable.alternating-colors-table tr:nth-child(even) {<br /> background-color: var(--theme-color-3) !important;<br /> }<br /> <br /> /* ascension and stats */<br /> .wikitable.ascension-stats th {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating1 {<br /> background-color: var(--theme-color-3);<br /> }<br /> <br /> .wikitable.ascension-stats tr.alternating2 {<br /> background-color: var(--theme-color-4);<br /> }<br /> <br /> .wikitable.ascension-stats tr.ascension {<br /> background-color: var(--theme-color-6);<br /> }<br /> }<br /> <br /> /*======================================================*/<br /> /* Styles that can be added to an entire table itself */<br /> /* to apply to each cell in the respective column. */<br /> /* Removes the need to apply styles to individual cells.*/<br /> /*======================================================*/<br /> #content .mw-parser-output {<br /> .tdl td,<br /> .tdl1 td:nth-child(1),<br /> .tdl2 td:nth-child(2),<br /> .tdl3 td:nth-child(3),<br /> .tdl4 td:nth-child(4),<br /> .tdl5 td:nth-child(5),<br /> .tdl6 td:nth-child(6),<br /> .tdl7 td:nth-child(7),<br /> .tdl8 td:nth-child(8),<br /> .tdl9 td:nth-child(9),<br /> .tdl10 td:nth-child(10),<br /> .tdl11 td:nth-child(11),<br /> .tdl12 td:nth-child(12),<br /> .tdl13 td:nth-child(13),<br /> .tdl14 td:nth-child(14),<br /> .tdl15 td:nth-child(15),<br /> .tdl16 td:nth-child(16),<br /> .tdl17 td:nth-child(17),<br /> .tdl18 td:nth-child(18),<br /> .tdl19 td:nth-child(19),<br /> .tdl20 td:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .thl th,<br /> .thl1 th:nth-child(1),<br /> .thl2 th:nth-child(2),<br /> .thl3 th:nth-child(3),<br /> .thl4 th:nth-child(4),<br /> .thl5 th:nth-child(5),<br /> .thl6 th:nth-child(6),<br /> .thl7 th:nth-child(7),<br /> .thl8 th:nth-child(8),<br /> .thl9 th:nth-child(9),<br /> .thl10 th:nth-child(10),<br /> .thl11 th:nth-child(11),<br /> .thl12 th:nth-child(12),<br /> .thl13 th:nth-child(13),<br /> .thl14 th:nth-child(14),<br /> .thl15 th:nth-child(15),<br /> .thl16 th:nth-child(16),<br /> .thl17 th:nth-child(17),<br /> .thl18 th:nth-child(18),<br /> .thl19 th:nth-child(19),<br /> .thl20 th:nth-child(20) {<br /> text-align: left;<br /> }<br /> <br /> .tdc td,<br /> .tdc1 td:nth-child(1),<br /> .tdc2 td:nth-child(2),<br /> .tdc3 td:nth-child(3),<br /> .tdc4 td:nth-child(4),<br /> .tdc5 td:nth-child(5),<br /> .tdc6 td:nth-child(6),<br /> .tdc7 td:nth-child(7),<br /> .tdc8 td:nth-child(8),<br /> .tdc9 td:nth-child(9),<br /> .tdc10 td:nth-child(10),<br /> .tdc11 td:nth-child(11),<br /> .tdc12 td:nth-child(12),<br /> .tdc13 td:nth-child(13),<br /> .tdc14 td:nth-child(14),<br /> .tdc15 td:nth-child(15),<br /> .tdc16 td:nth-child(16),<br /> .tdc17 td:nth-child(17),<br /> .tdc18 td:nth-child(18),<br /> .tdc19 td:nth-child(19),<br /> .tdc20 td:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .thc th,<br /> .thc1 th:nth-child(1),<br /> .thc2 th:nth-child(2),<br /> .thc3 th:nth-child(3),<br /> .thc4 th:nth-child(4),<br /> .thc5 th:nth-child(5),<br /> .thc6 th:nth-child(6),<br /> .thc7 th:nth-child(7),<br /> .thc8 th:nth-child(8),<br /> .thc9 th:nth-child(9),<br /> .thc10 th:nth-child(10),<br /> .thc11 th:nth-child(11),<br /> .thc12 th:nth-child(12),<br /> .thc13 th:nth-child(13),<br /> .thc14 th:nth-child(14),<br /> .thc15 th:nth-child(15),<br /> .thc16 th:nth-child(16),<br /> .thc17 th:nth-child(17),<br /> .thc18 th:nth-child(18),<br /> .thc19 th:nth-child(19),<br /> .thc20 th:nth-child(20) {<br /> text-align: center;<br /> }<br /> <br /> .tdr td,<br /> .tdr1 td:nth-child(1),<br /> .tdr2 td:nth-child(2),<br /> .tdr3 td:nth-child(3),<br /> .tdr4 td:nth-child(4),<br /> .tdr5 td:nth-child(5),<br /> .tdr6 td:nth-child(6),<br /> .tdr7 td:nth-child(7),<br /> .tdr8 td:nth-child(8),<br /> .tdr9 td:nth-child(9),<br /> .tdr10 td:nth-child(10),<br /> .tdr11 td:nth-child(11),<br /> .tdr12 td:nth-child(12),<br /> .tdr13 td:nth-child(13),<br /> .tdr14 td:nth-child(14),<br /> .tdr15 td:nth-child(15),<br /> .tdr16 td:nth-child(16),<br /> .tdr17 td:nth-child(17),<br /> .tdr18 td:nth-child(18),<br /> .tdr19 td:nth-child(19),<br /> .tdr20 td:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .thr th,<br /> .thr1 th:nth-child(1),<br /> .thr2 th:nth-child(2),<br /> .thr3 th:nth-child(3),<br /> .thr4 th:nth-child(4),<br /> .thr5 th:nth-child(5),<br /> .thr6 th:nth-child(6),<br /> .thr7 th:nth-child(7),<br /> .thr8 th:nth-child(8),<br /> .thr9 th:nth-child(9),<br /> .thr10 th:nth-child(10),<br /> .thr11 th:nth-child(11),<br /> .thr12 th:nth-child(12),<br /> .thr13 th:nth-child(13),<br /> .thr14 th:nth-child(14),<br /> .thr15 th:nth-child(15),<br /> .thr16 th:nth-child(16),<br /> .thr17 th:nth-child(17),<br /> .thr18 th:nth-child(18),<br /> .thr19 th:nth-child(19),<br /> .thr20 th:nth-child(20) {<br /> text-align: right;<br /> }<br /> <br /> .tdt td,<br /> .tdt1 td:nth-child(1),<br /> .tdt2 td:nth-child(2),<br /> .tdt3 td:nth-child(3),<br /> .tdt4 td:nth-child(4),<br /> .tdt5 td:nth-child(5),<br /> .tdt6 td:nth-child(6),<br /> .tdt7 td:nth-child(7),<br /> .tdt8 td:nth-child(8),<br /> .tdt9 td:nth-child(9),<br /> .tdt10 td:nth-child(10),<br /> .tdt11 td:nth-child(11),<br /> .tdt12 td:nth-child(12),<br /> .tdt13 td:nth-child(13),<br /> .tdt14 td:nth-child(14),<br /> .tdt15 td:nth-child(15),<br /> .tdt16 td:nth-child(16),<br /> .tdt17 td:nth-child(17),<br /> .tdt18 td:nth-child(18),<br /> .tdt19 td:nth-child(19),<br /> .tdt20 td:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tht th,<br /> .tht1 th:nth-child(1),<br /> .tht2 th:nth-child(2),<br /> .tht3 th:nth-child(3),<br /> .tht4 th:nth-child(4),<br /> .tht5 th:nth-child(5),<br /> .tht6 th:nth-child(6),<br /> .tht7 th:nth-child(7),<br /> .tht8 th:nth-child(8),<br /> .tht9 th:nth-child(9),<br /> .tht10 th:nth-child(10),<br /> .tht11 th:nth-child(11),<br /> .tht12 th:nth-child(12),<br /> .tht13 th:nth-child(13),<br /> .tht14 th:nth-child(14),<br /> .tht15 th:nth-child(15),<br /> .tht16 th:nth-child(16),<br /> .tht17 th:nth-child(17),<br /> .tht18 th:nth-child(18),<br /> .tht19 th:nth-child(19),<br /> .tht20 th:nth-child(20) {<br /> vertical-align: top;<br /> }<br /> <br /> .tdm td,<br /> .tdm1 td:nth-child(1),<br /> .tdm2 td:nth-child(2),<br /> .tdm3 td:nth-child(3),<br /> .tdm4 td:nth-child(4),<br /> .tdm5 td:nth-child(5),<br /> .tdm6 td:nth-child(6),<br /> .tdm7 td:nth-child(7),<br /> .tdm8 td:nth-child(8),<br /> .tdm9 td:nth-child(9),<br /> .tdm10 td:nth-child(10),<br /> .tdm11 td:nth-child(11),<br /> .tdm12 td:nth-child(12),<br /> .tdm13 td:nth-child(13),<br /> .tdm14 td:nth-child(14),<br /> .tdm15 td:nth-child(15),<br /> .tdm16 td:nth-child(16),<br /> .tdm17 td:nth-child(17),<br /> .tdm18 td:nth-child(18),<br /> .tdm19 td:nth-child(19),<br /> .tdm20 td:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .thm th,<br /> .thm1 th:nth-child(1),<br /> .thm2 th:nth-child(2),<br /> .thm3 th:nth-child(3),<br /> .thm4 th:nth-child(4),<br /> .thm5 th:nth-child(5),<br /> .thm6 th:nth-child(6),<br /> .thm7 th:nth-child(7),<br /> .thm8 th:nth-child(8),<br /> .thm9 th:nth-child(9),<br /> .thm10 th:nth-child(10),<br /> .thm11 th:nth-child(11),<br /> .thm12 th:nth-child(12),<br /> .thm13 th:nth-child(13),<br /> .thm14 th:nth-child(14),<br /> .thm15 th:nth-child(15),<br /> .thm16 th:nth-child(16),<br /> .thm17 th:nth-child(17),<br /> .thm18 th:nth-child(18),<br /> .thm19 th:nth-child(19),<br /> .thm20 th:nth-child(20) {<br /> vertical-align: middle;<br /> }<br /> <br /> .tdb td,<br /> .tdb1 td:nth-child(1),<br /> .tdb2 td:nth-child(2),<br /> .tdb3 td:nth-child(3),<br /> .tdb4 td:nth-child(4),<br /> .tdb5 td:nth-child(5),<br /> .tdb6 td:nth-child(6),<br /> .tdb7 td:nth-child(7),<br /> .tdb8 td:nth-child(8),<br /> .tdb9 td:nth-child(9),<br /> .tdb10 td:nth-child(10),<br /> .tdb11 td:nth-child(11),<br /> .tdb12 td:nth-child(12),<br /> .tdb13 td:nth-child(13),<br /> .tdb14 td:nth-child(14),<br /> .tdb15 td:nth-child(15),<br /> .tdb16 td:nth-child(16),<br /> .tdb17 td:nth-child(17),<br /> .tdb18 td:nth-child(18),<br /> .tdb19 td:nth-child(19),<br /> .tdb20 td:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> <br /> .thb th,<br /> .thb1 th:nth-child(1),<br /> .thb2 th:nth-child(2),<br /> .thb3 th:nth-child(3),<br /> .thb4 th:nth-child(4),<br /> .thb5 th:nth-child(5),<br /> .thb6 th:nth-child(6),<br /> .thb7 th:nth-child(7),<br /> .thb8 th:nth-child(8),<br /> .thb9 th:nth-child(9),<br /> .thb10 th:nth-child(10),<br /> .thb11 th:nth-child(11),<br /> .thb12 th:nth-child(12),<br /> .thb13 th:nth-child(13),<br /> .thb14 th:nth-child(14),<br /> .thb15 th:nth-child(15),<br /> .thb16 th:nth-child(16),<br /> .thb17 th:nth-child(17),<br /> .thb18 th:nth-child(18),<br /> .thb19 th:nth-child(19),<br /> .thb20 th:nth-child(20) {<br /> vertical-align: bottom;<br /> }<br /> }<br /> <br /> /** Classes for table width **/<br /> .w-5 {width: 5%;}<br /> .w-10 {width: 10%;}<br /> .w-20 {width: 20%;}<br /> .w-25 {width: 25%;}<br /> .w-33 {width: 33%;}<br /> .w-40 {width: 40%;}<br /> .w-50 {width: 50%;}<br /> .w-60 {width: 60%;}<br /> .w-66 {width: 66%;}<br /> .w-75 {width: 75%;}<br /> .w-80 {width: 80%;}<br /> .w-90 {width: 90%;}<br /> .w-95 {width: 95%;}<br /> .w-100 {width: 100%;}<br /> <br /> /** For custom Genshin Impact Wiki Collapsible **/<br /> .giw-collapsible.mw-collapsible,<br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible {<br /> padding: 0;<br /> margin: 7px 0;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {<br /> padding: 3px;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> float: none;<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {<br /> color: var(--theme-link-color)<br /> }<br /> <br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,<br /> :is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {<br /> content: &quot;&quot;;<br /> color: var(--theme-link-color)<br /> }<br /> <br /> .giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {<br /> float: unset;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped {<br /> display: -webkit-box;<br /> -webkit-box-orient: vertical;<br /> overflow: hidden;<br /> text-overflow: ellipsis;<br /> padding: 2px 0;<br /> }<br /> <br /> .giw-collapsible.giw-collapsible-clamped.mw-collapsed {<br /> -webkit-line-clamp: 5;<br /> }<br /> <br /> /* Talent Table Infobox Formatting */<br /> .type-talent-details {<br /> margin: 0;<br /> width: 100%;<br /> border-radius: 0;<br /> float: none;<br /> }<br /> <br /> .type-talent-details .pi-data {<br /> text-align: left;<br /> background-color: var(--theme-page-background-color);<br /> }<br /> <br /> .type-talent-details .pi-group {<br /> background-color: var(--theme-color-8);<br /> }<br /> <br /> .type-talent-details .pi-horizontal-group-item {<br /> padding: 8px 0;<br /> }<br /> <br /> .type-talent-details .pi-font {<br /> font-size: 14px;<br /> }<br /> /** For [[Template:Enemy Attacks]] **/<br /> .enemy-attack .enemy-attack-header {<br /> display: block;<br /> border: solid 1px var(--border-color);<br /> border-radius: 5px;<br /> color: var(--border-color);<br /> padding: 0px 5px;<br /> margin-top: 7px;<br /> width: min-content;<br /> }<br /> <br /> /** For [[Archon Quests]] Character Appearances **/<br /> .mw-parser-output .appearances-table &gt; * &gt; tr &gt; :is(th, td) {<br /> padding-top: 0;<br /> padding-bottom: 0;<br /> }<br /> <br /> .mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {<br /> border: solid 1px var(--theme-border-color);<br /> }<br /> <br /> /** zero padding table cell and header **/<br /> .mw-parser-output table.p-0 td,<br /> .mw-parser-output table.p-0 th {<br /> padding: 0;<br /> }<br /> <br /> /** zero margin cell and header **/<br /> .mw-parser-output table.m-0 td,<br /> .mw-parser-output table.m-0 th {<br /> margin: 0;<br /> }<br /> <br /> /** Diagonal middle header line for Template:Diagonal Split Header **/<br /> :is(th, td).split-header {<br /> background: linear-gradient( to top right,<br /> var(--theme-page-background-color--secondary) 49.5%,<br /> var(--theme-border-color) 49.5%,<br /> var(--theme-border-color) 50.5%,<br /> var(--theme-page-background-color--secondary) 50.5%);<br /> line-height: 1;<br /> }<br /> <br /> table.nowrap :is(th, td) {<br /> white-space: nowrap;<br /> }<br /> <br /> /** For [[Template:Wish List]] **/<br /> .wish-banners {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 5px;<br /> }<br /> <br /> .wish-banners &gt; div {<br /> text-align: center;<br /> }<br /> <br /> .wish-banners &gt; div &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 250px;<br /> height: 141px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wishes by Category Table]] **/<br /> .wishes-by-category-table td:first-child &gt; a.new:first-child[href*='Special:Upload'] {<br /> display: inline-block;<br /> width: 200px;<br /> height: 113px;<br /> background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);<br /> background-size: contain;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> font-size: 0;<br /> }<br /> <br /> /** For [[Template:Wish Pool]] **/<br /> .wish-pool-table {<br /> width: 100%;<br /> }<br /> <br /> .wish-pool-table tr:first-child th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> /* Horizontal sticky of first column in table */<br /> .sticky-table tr &gt; th:first-child {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> display: table-cell;<br /> left: 0;<br /> z-index: 9;<br /> }<br /> <br /> /* Fix FandomMobile forcing display:block on tables */<br /> @media (max-width: 639px) { .mw-parser-output table {display:table;} }<br /> <br /> /* Sortable icon fixes (high specifity required to override) */<br /> :root .mediawiki .jquery-tablesorter {<br /> .headerSort {<br /> padding-right: 12px;<br /> &amp;:before, &amp;:after {<br /> margin-right: 2px;<br /> right: 0 !important;<br /> }<br /> &amp;.table-progress-tracking-header {<br /> padding-left: 4px;<br /> .header_icon svg {width: 14px;}<br /> }<br /> }<br /> }<br /> <br /> /* Fix tracking column in mobile */<br /> .skin-minerva .table-progress-tracking-header {<br /> width: 34px;<br /> .header_icon p {width: min-content; justify-content: center;}<br /> }<br /> <br /> /* Pill format for VO requirements */<br /> .voice-over-table tr:not(:first-child) th:first-child {<br /> &gt; span[lang] {<br /> font-size: larger;<br /> display: block;<br /> }<br /> &gt; hr ~ div {<br /> font-weight: normal;<br /> display: flex;<br /> gap: 5px;<br /> flex-wrap: wrap;<br /> &gt; small {<br /> padding: 4px 6px 4px 4px;<br /> background-color: var(--theme-vo-pill-background-color);<br /> border-radius: 3px;<br /> display: inline-flex;<br /> gap: 3px;<br /> align-items: center;<br /> }<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9775 2026-07-17T02:54:32Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> <br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove/replace automatically set margin for li tabs */<br /> .portable-infobox ul.pi-section-navigation li.pi-section-tab, <br /> .portable-infobox ul.pi-media-collection-tabs li.pi-tab-link {<br /> margin: 3px;<br /> border-radius: 15px;<br /> min-width: max(20%, 100px);<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox {<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> padding: 2px 0;<br /> background-color: var(--theme-color-7);<br /> border-bottom: 1px solid var(--theme-border-color);<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9774 2026-07-17T02:49:59Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> <br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove/replace automatically set margin for li tabs */<br /> .portable-infobox ul.pi-section-navigation li.pi-section-tab, <br /> .portable-infobox ul.pi-media-collection-tabs li.pi-tab-link {<br /> margin: 3px;<br /> border-radius: 15px;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox {<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> background-color: var(--theme-color-7);<br /> padding: 2px 0;<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9773 2026-07-17T02:45:47Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> <br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox {<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox ul.pi-section-navigation, <br /> .portable-infobox ul.pi-media-collection-tabs {<br /> padding-left: 0;<br /> padding-inline: 0;<br /> margin: 0;<br /> background-color: var(--theme-color-7);<br /> padding: 2px 0;<br /> }<br /> <br /> .portable-infobox .pi-section-tab:not(.pi-section-active), <br /> .portable-infobox .pi-tab-link:not(.current) {<br /> background-color: color-mix(in srgb, var(--theme-accent-color) 25%);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox (delete) */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> /* end wds tabs */<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> max-width: 100%;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Infobox.css?diff=9772 2026-07-17T02:19:04Z

<p>Kuhlau: </p> <hr /> <div>/* Default stuff */<br /> .pi-title, .pi-secondary-background {<br /> background: var(--pi-secondary-background);<br /> color: var(--pi-secondary-background--label);<br /> }<br /> <br /> /* Custom stuff */<br /> <br /> .portable-infobox {<br /> --pi-background: var(--theme-page-background-color);<br /> --pi-secondary-background: var(--theme-accent-color);<br /> --pi-secondary-background--label: var(--theme-accent-label-color);<br /> <br /> border-radius: 5px;<br /> border-style: unset;<br /> border: 1px solid var(--pi-border);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .skin-vector-legacy .portable-infobox {<br /> width: 270px;<br /> }<br /> <br /> .pi-theme-charnav .pi-navigation {<br /> font-size: 14px;<br /> }<br /> <br /> /* Assume that there is already a title */<br /> .portable-infobox .pi-header[data-item-name=secondary_title] {<br /> padding-top: 0;<br /> }<br /> <br /> /* remove border between label and format */<br /> .pi-horizontal-group .pi-horizontal-group-item,<br /> .pi-smart-group-body {<br /> border-top: none !important;<br /> }<br /> <br /> /* remove extra margin from empty border */<br /> .pi-smart-group .pi-smart-data-label,<br /> .pi-smart-group .pi-smart-data-value {<br /> margin: 0;<br /> }<br /> <br /> /* add border above tabber */<br /> .pi-item.pi-panel.pi-border-color.wds-tabber {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border tabke header */<br /> .pi-item.pi-group.pi-border-color thead tr {<br /> border-top: 1px solid var(--pi-border-color);<br /> }<br /> <br /> /* add border below image */<br /> .pi-image { border-bottom: 1px solid var(--pi-border-color); }<br /> <br /> /* remove border above secondary title */<br /> .pi-header[data-item-name=secondary_title],<br /> .portable-infobox .pi-secondary-font {<br /> border-top: none;<br /> }<br /> <br /> /* center collapsible headers */<br /> .pi-collapse .pi-header:first-child {<br /> padding-left: 40px;<br /> }<br /> <br /> /* remove margin added for normal headers */<br /> .page-content .portable-infobox h1,<br /> .page-content .portable-infobox h2,<br /> .page-content .portable-infobox h3,<br /> .page-content .portable-infobox h4,<br /> .page-content .portable-infobox h5,<br /> .page-content .portable-infobox h6 {<br /> margin: 0;<br /> }<br /> <br /> /* remove padding for group label and value */<br /> h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {<br /> padding-bottom: 0;<br /> }<br /> .pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {<br /> padding-top: 0;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-anima-id {<br /> margin-left: 5px !important;<br /> background-color: #fefaf2 !important;<br /> color: var(--theme-accent-color) !important;<br /> padding: 2px 10px !important;<br /> border-radius: 5px !important;<br /> float: right !important;<br /> }<br /> <br /> .portable-infobox {<br /> border-radius: 10px !important;<br /> overflow: hidden;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title {<br /> text-align: left;<br /> }<br /> <br /> .portable-infobox.pi-type-anima .pi-title-text {<br /> padding: 2px 0 0 5px;<br /> font-size: 20px;<br /> }<br /> <br /> .portable-infobox .pi-header {<br /> background-color: var(--pi-header-bg-color);<br /> color: var(--pi-header-color);<br /> padding-top: 10px !important;<br /> text-transform: none;<br /> }<br /> <br /> .portable-infobox .pi-group {<br /> color: var(--theme-page-text-color);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> .portable-infobox .pi-horizontal-group {<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .pi-image { border-bottom: none; }<br /> <br /> .portable-infobox .pi-item[data-item-name=&quot;center&quot;] {<br /> justify-content: center;<br /> }<br /> <br /> .pi-data {<br /> border-color: var(--pi-border);<br /> background-color: var(--pi-rows-color);<br /> }<br /> <br /> /* Fix tabs in infobox */<br /> .portable-infobox .wds-tabs {<br /> width: 100%;<br /> background-color: var(--pi-tabber-bg-color);<br /> border-top: 1px solid var(--pi-border);<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> color: var(--pi-tabber-color);<br /> &gt; .wds-tabs__tab-label { height: 30px; }<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-is-current {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox .wds-tabs .wds-tabs__tab:hover {<br /> color: var(--theme-link-color);<br /> background-color: var(--theme-page-background-color--secondary) !important;<br /> }<br /> <br /> .portable-infobox section:last-child .wds-tabs .wds-tabs__tab {<br /> text-align: center;<br /> }<br /> <br /> /* Fix infobox tabs to not require horizontal scrolling and make better use of space */<br /> aside.portable-infobox .wds-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> aside.portable-infobox .wds-tabs__tab {<br /> flex-grow: 1;<br /> text-align: center;<br /> }<br /> <br /> .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {<br /> width: 100%;<br /> max-width: 100%;<br /> margin: -2px 0 0 0;<br /> }<br /> <br /> /* HNA Infobox Styling */<br /> .pi-type-item .pi-item.pi-image {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image img {<br /> position: relative;<br /> z-index: 2;<br /> opacity: 100;<br /> }<br /> <br /> .pi-type-item .pi-item.pi-image:before {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 0;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> /*background-size: cover;*/<br /> }<br /> /*<br /> .pi-type-item .pi-item.pi-image:after {<br /> content: ' ';<br /> display: block;<br /> position: absolute;<br /> z-index: 1;<br /> left: 0;<br /> top: 0;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0.1;<br /> background-repeat: no-repeat;<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> */<br /> .pi-theme-1 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_1-Star.png&quot;);<br /> }<br /> .pi-theme-2 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_2-Star.png&quot;);<br /> }<br /> .pi-theme-3 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_3-Star.png&quot;);<br /> }<br /> .pi-theme-4 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_4-Star.png&quot;);<br /> }<br /> .pi-theme-5 .pi-item.pi-image:before {<br /> background-image: url(&quot;filepath://Item_Frame_5-Star.png&quot;);<br /> }<br /> /*<br /> .pi-theme-4 .pi-item.pi-image:after {<br /> background-image: url('SOMETHING-HERE');<br /> }<br /> */</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.css?diff=9733 2026-07-16T18:06:39Z

<p>Kuhlau: </p> <hr /> <div>/*** For [[Template:Tt]] ***/<br /> /* Force disable default hover tooltip on mobile and enable the toggle */<br /> .skin-minerva .hover-tooltip { display: none; }<br /> <br /> /* Colors */<br /> .skin-vector-legacy.wgl-darkmode, .skin-vector-legacy.wgl-theme-dark { --tooltip-bg: #0c0c0cd6; --color-ee: #00a29a; }<br /> .skin-vector-legacy.wgl-lightmode, .skin-vector-legacy.wgl-theme-light { --tooltip-bg: #ecececd6; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #0c0c0c; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #ececec; --color-ee: #00a29a; }<br /> <br /> /** Text styling **/<br /> /* Override collapsible stylings */<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-toggle {<br /> padding: 0;<br /> border: none;<br /> position: relative;<br /> /* Allow text selection */<br /> -moz-user-select: inherit;<br /> -webkit-user-select: inherit;<br /> -ms-user-select: inherit;<br /> user-select: inherit;<br /> font-weight: inherit;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible {<br /> font-weight: normal;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content,<br /> .custom-tt-wrapper.hnaw-collapsible .custom-tt.mw-collapsible-toggle {<br /> float: none !important;<br /> display: inline-block !important;<br /> }<br /> <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::before, <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::after {<br /> content: &quot;&quot;;<br /> }<br /> .custom-tt { cursor: help; }<br /> <br /> /*** The tooltip's toggle version ***/<br /> .toggle-tooltip.hnaw-collapsible, .text-tooltip {<br /> display: inline-block;<br /> position: relative;<br /> text-decoration: underline;<br /> font-weight: bold;<br /> color: var(--color-ee);<br /> }<br /> <br /> /** Desktop: enabled through gadget **/<br /> /* Container */<br /> .skin-vector-legacy .custom-tt-wrapper .oo-ui-popupWidget-popup,<br /> .skin-vector-legacy .oo-ui-popupWidget-popup {<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border: 1px solid var(--theme-accent-color);<br /> border-radius: 5px;<br /> padding: 6px;<br /> min-width: 75px;<br /> text-align: center;<br /> }<br /> <br /> /* Arrow (need to fix) */<br /> .skin-vector-legacy .mw-collapsible-content.custom-tt:before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 100%;<br /> top: -20px;<br /> width: 0;<br /> border-top: 0 solid transparent;<br /> border-bottom: 10px solid var(--theme-accent-color);<br /> border-left: 10px solid transparent;<br /> border-right: 0 solid transparent;<br /> right: -1px;<br /> z-index: 10005;<br /> }<br /> <br /> /* Bottom of Page Container (Mobile) */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content {<br /> position: fixed;<br /> z-index: 10005;<br /> width: calc(100% - 1em + 2px);<br /> height: 125px;<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border-radius: 20px 20px 5px 5px;<br /> border: 1px solid var(--theme-accent-color);<br /> box-shadow: 1px 5px 5px 1px black;<br /> min-width: 150px;<br /> min-height: 25px;<br /> padding: 6px 0 6px 12px;<br /> bottom: 0;<br /> left: 0;<br /> margin: 0;<br /> overflow-y: auto;<br /> }<br /> <br /> /* Container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:before {<br /> content: &quot;ⓘ Tooltip content:&quot;;<br /> display: block;<br /> text-align: left;<br /> margin: 2px 0;<br /> width: 100%;<br /> border-bottom: 1px solid var(--theme-accent-color);<br /> }<br /> <br /> /* Tooltip surrogate toggle on container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:after {<br /> content: &quot;×&quot; !important;<br /> position: fixed;<br /> z-index: 10006;<br /> bottom: 90px;<br /> right: 15px;<br /> font-size: 30px;<br /> }<br /> <br /> .custom-tt-wrapper .tt-header,<br /> .oo-ui-popupWidget-popup .tt-header {<br /> display: block;<br /> font-weight: bold;<br /> font-size: larger;<br /> }<br /> <br /> .hnaw-ee .oo-ui-popupWidget-body div,<br /> .hnaw-ee .mw-collapsible-content.custom-tt {<br /> text-align: left !important;<br /> }<br /> <br /> /* Undo default ooui - bottom is placeholder for lack of better selection class */<br /> .custom-tt-wrapper .oo-ui-popupWidget-popup,<br /> .oo-ui-popupWidget-popup {<br /> border: none;<br /> background-color: transparent;<br /> border-radius: none;<br /> }<br /> <br /> @keyframes extra-effect-appear {<br /> from {<br /> transform: translate(0px, 15px);<br /> opacity: 0;<br /> }<br /> to {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.js?diff=9726 2026-07-16T18:00:21Z

<p>Kuhlau: </p> <hr /> <div>mw.hook('wikipage.content').add(() =&gt; {<br /> // add class to body as hook for any further styling or detection<br /> document.body.classList.add('gadget-toggle-tooltip');<br /> });<br /> <br /> // Auto-positioning of floating tooltips, on desktop only<br /> if (mw.config.get('skin') !== 'minerva') {<br /> mw.loader.using('oojs-ui-widgets').then(() =&gt; { // make sure the PopupWidget library is loaded<br /> <br /> mw.hook('wikipage.content').add((contents)=&gt;{ // hydrate any content inserted<br /> if (contents instanceof Element || contents instanceof NodeList) {contents = $(contents);}<br /> if (!contents || !(contents instanceof jQuery) || contents.length===0) {return;}<br /> contents<br /> .find('.custom-tt-wrapper.mw-collapsible')<br /> .each((_, wrapper) =&gt; {<br /> const<br /> $wrapper = $(wrapper),<br /> // isEE = $wrapper.hasClass('hnaw-extra-effect-wrapper'), // If we ever need something similar to GIW's Extra Effect template<br /> $toggle = $('&lt;span&gt;', {<br /> 'class': 'custom-tt toggle-tooltip',//+(isEE ? ' hnaw-extra-effect' : ''),<br /> html: $wrapper.find('.mw-collapsible-toggle').html()<br /> }),<br /> $content = $wrapper.find('.mw-collapsible-content'),<br /> popup = new OO.ui.PopupWidget({<br /> $content: $('&lt;div&gt;', { html: $content.html() }),<br /> $container: $('body'),<br /> $floatableContainer: $toggle,<br /> anchor: true, // !isEE<br /> });<br /> <br /> // Remove default collapsible<br /> $wrapper.toggleClass(['mw-collapsible', 'mw-made-collapsible', 'mw-collapsed'], false);<br /> $wrapper.find('.mw-collapsible-toggle').replaceWith($toggle);<br /> $content.remove();<br /> <br /> // [[T:Tt]]'s toggle effect<br /> $(document.body).append(popup.$element);<br /> $toggle.on('click', ()=&gt; { popup.toggle() });<br /> <br /> // T:Extra Effect's hover effect<br /> let time;<br /> $wrapper.add(popup.$element).on('mouseover mouseout', (e) =&gt; {<br /> if (time) { clearTimeout(time); }<br /> time = setTimeout(()=&gt;{<br /> popup.toggle(e.type==='mouseout' ? false : true);<br /> }, e.type==='mouseout' ? 250 : 0);<br /> });<br /> });<br /> });<br /> });<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.css?diff=9721 2026-07-16T17:54:21Z

<p>Kuhlau: </p> <hr /> <div>/*** For [[Template:Tt]] ***/<br /> /* Force disable default hover tooltip on mobile and enable the toggle */<br /> .skin-minerva .hover-tooltip { display: none; }<br /> <br /> /* Colors */<br /> .skin-vector-legacy.wgl-darkmode, .skin-vector-legacy.wgl-theme-dark { --tooltip-bg: #0c0c0cd6; --color-ee: #00a29a; }<br /> .skin-vector-legacy.wgl-lightmode, .skin-vector-legacy.wgl-theme-light { --tooltip-bg: #ecececd6; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #0c0c0c; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #ececec; --color-ee: #00a29a; }<br /> <br /> /** Text styling **/<br /> /* Override collapsible stylings */<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-toggle {<br /> padding: 0;<br /> border: none;<br /> position: relative;<br /> /* Allow text selection */<br /> -moz-user-select: inherit;<br /> -webkit-user-select: inherit;<br /> -ms-user-select: inherit;<br /> user-select: inherit;<br /> font-weight: inherit;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible {<br /> font-weight: normal;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content,<br /> .custom-tt-wrapper.hnaw-collapsible .custom-tt.mw-collapsible-toggle {<br /> float: none !important;<br /> display: inline-block !important;<br /> }<br /> <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::before, <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::after {<br /> content: &quot;&quot;;<br /> }<br /> .custom-tt { cursor: help; }<br /> <br /> /*** The tooltip's toggle version ***/<br /> .toggle-tooltip.hnaw-collapsible, .text-tooltip {<br /> display: inline-block;<br /> position: relative;<br /> text-decoration: underline;<br /> font-weight: bold;<br /> color: var(--color-ee);<br /> }<br /> <br /> /** Desktop: enabled through gadget **/<br /> /* Container */<br /> .skin-vector-legacy .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border: 1px solid var(--theme-accent-color);<br /> border-radius: 5px;<br /> padding: 6px;<br /> min-width: 75px;<br /> text-align: center;<br /> }<br /> <br /> /* Arrow */<br /> .skin-vector-legacy .mw-collapsible-content.custom-tt:before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 100%;<br /> top: -20px;<br /> width: 0;<br /> border-top: 0 solid transparent;<br /> border-bottom: 10px solid var(--theme-accent-color);<br /> border-left: 10px solid transparent;<br /> border-right: 0 solid transparent;<br /> right: -1px;<br /> z-index: 10005;<br /> }<br /> <br /> /* Bottom of Page Container (Mobile) */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content {<br /> position: fixed;<br /> z-index: 10005;<br /> width: calc(100% - 1em + 2px);<br /> height: 125px;<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border-radius: 20px 20px 5px 5px;<br /> border: 1px solid var(--theme-accent-color);<br /> box-shadow: 1px 5px 5px 1px black;<br /> min-width: 150px;<br /> min-height: 25px;<br /> padding: 6px 0 6px 12px;<br /> bottom: 0;<br /> left: 0;<br /> margin: 0;<br /> overflow-y: auto;<br /> }<br /> <br /> /* Container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:before {<br /> content: &quot;ⓘ Tooltip content:&quot;;<br /> display: block;<br /> text-align: left;<br /> margin: 2px 0;<br /> width: 100%;<br /> border-bottom: 1px solid var(--theme-accent-color);<br /> }<br /> <br /> /* Tooltip surrogate toggle on container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:after {<br /> content: &quot;×&quot; !important;<br /> position: fixed;<br /> z-index: 10006;<br /> bottom: 90px;<br /> right: 15px;<br /> font-size: 30px;<br /> }<br /> <br /> .custom-tt-wrapper .tt-header {<br /> display: block;<br /> font-weight: bold;<br /> font-size: larger;<br /> }<br /> <br /> .hnaw-ee .oo-ui-popupWidget-body div,<br /> .hnaw-ee .mw-collapsible-content.custom-tt {<br /> text-align: left !important;<br /> }<br /> <br /> /* Undo default ooui */<br /> .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> border: none;<br /> background-color: transparent;<br /> border-radius: none;<br /> }<br /> <br /> @keyframes extra-effect-appear {<br /> from {<br /> transform: translate(0px, 15px);<br /> opacity: 0;<br /> }<br /> to {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.css?diff=9719 2026-07-16T17:53:41Z

<p>Kuhlau: </p> <hr /> <div>/*** For [[Template:Tt]] ***/<br /> /* Force disable default hover tooltip on mobile and enable the toggle */<br /> .skin-minerva .hover-tooltip { display: none; }<br /> <br /> /* Colors */<br /> .skin-vector-legacy.wgl-darkmode, .skin-vector-legacy.wgl-theme-dark { --tooltip-bg: #0c0c0cd6; --color-ee: #00a29a; }<br /> .skin-vector-legacy.wgl-lightmode, .skin-vector-legacy.wgl-theme-light { --tooltip-bg: #ecececd6; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #0c0c0c; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #ececec; --color-ee: #00a29a; }<br /> <br /> /** Text styling **/<br /> /* Override collapsible stylings */<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-toggle {<br /> padding: 0;<br /> border: none;<br /> position: relative;<br /> /* Allow text selection */<br /> -moz-user-select: inherit;<br /> -webkit-user-select: inherit;<br /> -ms-user-select: inherit;<br /> user-select: inherit;<br /> font-weight: inherit;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible {<br /> font-weight: normal;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content,<br /> .custom-tt-wrapper.hnaw-collapsible .custom-tt.mw-collapsible-toggle {<br /> float: none !important;<br /> display: inline-block !important;<br /> }<br /> <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::before, <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::after {<br /> content: &quot;&quot;;<br /> }<br /> .custom-tt { cursor: help; }<br /> <br /> /*** The tooltip's toggle version ***/<br /> .toggle-tooltip.hnaw-collapsible, .text-tooltip {<br /> display: inline-block;<br /> position: relative;<br /> border-bottom: 1px solid var(--color-ee);<br /> font-weight: bold;<br /> color: var(--color-ee);<br /> }<br /> <br /> /** Desktop: enabled through gadget **/<br /> /* Container */<br /> .skin-vector-legacy .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border: 1px solid var(--theme-accent-color);<br /> border-radius: 5px;<br /> padding: 6px;<br /> min-width: 75px;<br /> text-align: center;<br /> }<br /> <br /> /* Arrow */<br /> .skin-vector-legacy .mw-collapsible-content.custom-tt:before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 100%;<br /> top: -20px;<br /> width: 0;<br /> border-top: 0 solid transparent;<br /> border-bottom: 10px solid var(--theme-accent-color);<br /> border-left: 10px solid transparent;<br /> border-right: 0 solid transparent;<br /> right: -1px;<br /> z-index: 10005;<br /> }<br /> <br /> /* Bottom of Page Container (Mobile) */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content {<br /> position: fixed;<br /> z-index: 10005;<br /> width: calc(100% - 1em + 2px);<br /> height: 125px;<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border-radius: 20px 20px 5px 5px;<br /> border: 1px solid var(--theme-accent-color);<br /> box-shadow: 1px 5px 5px 1px black;<br /> min-width: 150px;<br /> min-height: 25px;<br /> padding: 6px 0 6px 12px;<br /> bottom: 0;<br /> left: 0;<br /> margin: 0;<br /> overflow-y: auto;<br /> }<br /> <br /> /* Container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:before {<br /> content: &quot;ⓘ Tooltip content:&quot;;<br /> display: block;<br /> text-align: left;<br /> margin: 2px 0;<br /> width: 100%;<br /> border-bottom: 1px solid var(--theme-accent-color);<br /> }<br /> <br /> /* Tooltip surrogate toggle on container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:after {<br /> content: &quot;×&quot; !important;<br /> position: fixed;<br /> z-index: 10006;<br /> bottom: 90px;<br /> right: 15px;<br /> font-size: 30px;<br /> }<br /> <br /> .custom-tt-wrapper .tt-header {<br /> display: block;<br /> font-weight: bold;<br /> font-size: larger;<br /> }<br /> <br /> .hnaw-ee .oo-ui-popupWidget-body div,<br /> .hnaw-ee .mw-collapsible-content.custom-tt {<br /> text-align: left !important;<br /> }<br /> <br /> /* Undo default ooui */<br /> .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> border: none;<br /> background-color: transparent;<br /> border-radius: none;<br /> }<br /> <br /> @keyframes extra-effect-appear {<br /> from {<br /> transform: translate(0px, 15px);<br /> opacity: 0;<br /> }<br /> to {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.css?diff=9718 2026-07-16T17:53:25Z

<p>Kuhlau: </p> <hr /> <div>/*** For [[Template:Tt]] ***/<br /> /* Force disable default hover tooltip on mobile and enable the toggle */<br /> .skin-minerva .hover-tooltip { display: none; }<br /> <br /> /* Colors */<br /> .skin-vector-legacy.wgl-darkmode, .skin-vector-legacy.wgl-theme-dark { --tooltip-bg: #0c0c0cd6; --color-ee: #00a29a; }<br /> .skin-vector-legacy.wgl-lightmode, .skin-vector-legacy.wgl-theme-light { --tooltip-bg: #ecececd6; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #0c0c0c; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #ececec; --color-ee: #00a29a; }<br /> <br /> /** Text styling **/<br /> /* Override collapsible stylings */<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-toggle {<br /> padding: 0;<br /> border: none;<br /> position: relative;<br /> /* Allow text selection */<br /> -moz-user-select: inherit;<br /> -webkit-user-select: inherit;<br /> -ms-user-select: inherit;<br /> user-select: inherit;<br /> font-weight: inherit;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible {<br /> font-weight: normal;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content,<br /> .custom-tt-wrapper.hnaw-collapsible .custom-tt.mw-collapsible-toggle {<br /> float: none !important;<br /> display: inline-block !important;<br /> }<br /> <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::before, <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::after {<br /> content: &quot;&quot;;<br /> }<br /> .custom-tt { cursor: help; }<br /> <br /> /*** The tooltip's toggle version ***/<br /> .toggle-tooltip.hnaw-collapsible, .text-tooltip {<br /> display: inline-block;<br /> position: relative;<br /> border: 1px solid var(--color-ee);<br /> font-weight: bold;<br /> color: var(--color-ee);<br /> }<br /> <br /> /** Desktop: enabled through gadget **/<br /> /* Container */<br /> .skin-vector-legacy .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border: 1px solid var(--theme-accent-color);<br /> border-radius: 5px;<br /> padding: 6px;<br /> min-width: 75px;<br /> text-align: center;<br /> }<br /> <br /> /* Arrow */<br /> .skin-vector-legacy .mw-collapsible-content.custom-tt:before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 100%;<br /> top: -20px;<br /> width: 0;<br /> border-top: 0 solid transparent;<br /> border-bottom: 10px solid var(--theme-accent-color);<br /> border-left: 10px solid transparent;<br /> border-right: 0 solid transparent;<br /> right: -1px;<br /> z-index: 10005;<br /> }<br /> <br /> /* Bottom of Page Container (Mobile) */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content {<br /> position: fixed;<br /> z-index: 10005;<br /> width: calc(100% - 1em + 2px);<br /> height: 125px;<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border-radius: 20px 20px 5px 5px;<br /> border: 1px solid var(--theme-accent-color);<br /> box-shadow: 1px 5px 5px 1px black;<br /> min-width: 150px;<br /> min-height: 25px;<br /> padding: 6px 0 6px 12px;<br /> bottom: 0;<br /> left: 0;<br /> margin: 0;<br /> overflow-y: auto;<br /> }<br /> <br /> /* Container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:before {<br /> content: &quot;ⓘ Tooltip content:&quot;;<br /> display: block;<br /> text-align: left;<br /> margin: 2px 0;<br /> width: 100%;<br /> border-bottom: 1px solid var(--theme-accent-color);<br /> }<br /> <br /> /* Tooltip surrogate toggle on container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:after {<br /> content: &quot;×&quot; !important;<br /> position: fixed;<br /> z-index: 10006;<br /> bottom: 90px;<br /> right: 15px;<br /> font-size: 30px;<br /> }<br /> <br /> .custom-tt-wrapper .tt-header {<br /> display: block;<br /> font-weight: bold;<br /> font-size: larger;<br /> }<br /> <br /> .hnaw-ee .oo-ui-popupWidget-body div,<br /> .hnaw-ee .mw-collapsible-content.custom-tt {<br /> text-align: left !important;<br /> }<br /> <br /> /* Undo default ooui */<br /> .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> border: none;<br /> background-color: transparent;<br /> border-radius: none;<br /> }<br /> <br /> @keyframes extra-effect-appear {<br /> from {<br /> transform: translate(0px, 15px);<br /> opacity: 0;<br /> }<br /> to {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Gadget-Tooltip.css?diff=9715 2026-07-16T17:52:10Z

<p>Kuhlau: </p> <hr /> <div>/*** For [[Template:Tt]] ***/<br /> /* Force disable default hover tooltip on mobile and enable the toggle */<br /> .skin-minerva .hover-tooltip { display: none; }<br /> <br /> /* Colors */<br /> .skin-vector-legacy.wgl-darkmode, .skin-vector-legacy.wgl-theme-dark { --tooltip-bg: #0c0c0cd6; --color-ee: #00a29a; }<br /> .skin-vector-legacy.wgl-lightmode, .skin-vector-legacy.wgl-theme-light { --tooltip-bg: #ecececd6; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #0c0c0c; --color-ee: #00a29a; }<br /> .skin-minerva.wgl-lightmode, .skin-minerva.wgl-theme-light { --tooltip-bg: #ececec; --color-ee: #00a29a; }<br /> <br /> /** Text styling **/<br /> /* Override collapsible stylings */<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-toggle {<br /> padding: 0;<br /> border: none;<br /> position: relative;<br /> /* Allow text selection */<br /> -moz-user-select: inherit;<br /> -webkit-user-select: inherit;<br /> -ms-user-select: inherit;<br /> user-select: inherit;<br /> font-weight: inherit;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible {<br /> font-weight: normal;<br /> }<br /> .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content,<br /> .custom-tt-wrapper.hnaw-collapsible .custom-tt.mw-collapsible-toggle {<br /> float: none !important;<br /> display: inline-block !important;<br /> }<br /> <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::before, <br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-default::after {<br /> content: &quot;&quot;;<br /> }<br /> .custom-tt { cursor: help; }<br /> <br /> /*** The tooltip's toggle version ***/<br /> .toggle-tooltip.hnaw-collapsible, .text-tooltip {<br /> display: inline-block;<br /> position: relative;<br /> border-bottom-color: rgb(128, 128, 128);<br /> border-bottom-width: 2px;<br /> font-weight: bold;<br /> color: var(--color-ee);<br /> }<br /> <br /> /** Desktop: enabled through gadget **/<br /> /* Container */<br /> .skin-vector-legacy .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border: 1px solid var(--theme-accent-color);<br /> border-radius: 5px;<br /> padding: 6px;<br /> min-width: 75px;<br /> text-align: center;<br /> }<br /> <br /> /* Arrow */<br /> .skin-vector-legacy .mw-collapsible-content.custom-tt:before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> bottom: 100%;<br /> top: -20px;<br /> width: 0;<br /> border-top: 0 solid transparent;<br /> border-bottom: 10px solid var(--theme-accent-color);<br /> border-left: 10px solid transparent;<br /> border-right: 0 solid transparent;<br /> right: -1px;<br /> z-index: 10005;<br /> }<br /> <br /> /* Bottom of Page Container (Mobile) */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content {<br /> position: fixed;<br /> z-index: 10005;<br /> width: calc(100% - 1em + 2px);<br /> height: 125px;<br /> background: var(--tooltip-bg);<br /> color: var(--theme-page-text-color);<br /> border-radius: 20px 20px 5px 5px;<br /> border: 1px solid var(--theme-accent-color);<br /> box-shadow: 1px 5px 5px 1px black;<br /> min-width: 150px;<br /> min-height: 25px;<br /> padding: 6px 0 6px 12px;<br /> bottom: 0;<br /> left: 0;<br /> margin: 0;<br /> overflow-y: auto;<br /> }<br /> <br /> /* Container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:before {<br /> content: &quot;ⓘ Tooltip content:&quot;;<br /> display: block;<br /> text-align: left;<br /> margin: 2px 0;<br /> width: 100%;<br /> border-bottom: 1px solid var(--theme-accent-color);<br /> }<br /> <br /> /* Tooltip surrogate toggle on container header */<br /> .skin-minerva .custom-tt-wrapper.hnaw-collapsible .mw-collapsible-toggle-expanded + .custom-tt.mw-collapsible-content:after {<br /> content: &quot;×&quot; !important;<br /> position: fixed;<br /> z-index: 10006;<br /> bottom: 90px;<br /> right: 15px;<br /> font-size: 30px;<br /> }<br /> <br /> .custom-tt-wrapper .tt-header {<br /> display: block;<br /> font-weight: bold;<br /> font-size: larger;<br /> }<br /> <br /> .hnaw-ee .oo-ui-popupWidget-body div,<br /> .hnaw-ee .mw-collapsible-content.custom-tt {<br /> text-align: left !important;<br /> }<br /> <br /> /* Undo default ooui */<br /> .custom-tt-wrapper .oo-ui-popupWidget-popup {<br /> border: none;<br /> background-color: transparent;<br /> border-radius: none;<br /> }<br /> <br /> @keyframes extra-effect-appear {<br /> from {<br /> transform: translate(0px, 15px);<br /> opacity: 0;<br /> }<br /> to {<br /> transform: translate(0, 0);<br /> opacity: 1;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/MediaWiki:Navbox.css?diff=9708 2026-07-16T17:45:29Z

<p>Kuhlau: </p> <hr /> <div>/*navbox*/<br /> .navbox {<br /> width: 100%;<br /> font-size: 88%;<br /> margin: auto;<br /> clear: both;<br /> text-align: center;<br /> }<br /> <br /> .navbox-inner,.navbox-subgroup {<br /> width: 100%;<br /> }<br /> <br /> .navbox-group,.navbox-title,.navbox-abovebelow {<br /> padding: 0.25em 1em;<br /> line-height: 1.5em;<br /> text-align: center;<br /> }<br /> <br /> th.navbox-group {<br /> white-space: nowrap;<br /> text-align: left; /* Align Left cuz read words LTR, skim left side charaters first */<br /> }<br /> <br /> .skin-fandommobile th.navbox-group {<br /> white-space: normal;<br /> }<br /> <br /> .navbox,.navbox-subgroup {<br /> background: var(--theme-page-background-color);<br /> }<br /> <br /> .navbox-list {<br /> line-height: 1.5em;<br /> border-color: var(--theme-page-background-color);<br /> }<br /> <br /> .navbox .navbox-list ul {<br /> margin-left: 0 !important;<br /> }<br /> <br /> /* Navbox colors */<br /> .navbox-title a, .navbox-group a {<br /> color: var(--theme-link-color);<br /> }<br /> <br /> .navbox-title, .navbox-group, .navbox-title .mw-collapsible-text {<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> .navbox-border {<br /> border-radius: 5px;<br /> border: 2px solid var(--pi-tabber-bg-color);<br /> margin-top: 10px;<br /> margin-bottom: 10px;<br /> }<br /> <br /> .navbox-odd {<br /> background: var(--theme-page-background-color);<br /> }<br /> <br /> /* Dark mode navbox */<br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-subgroup .navbox-title {<br /> background: var(--pi-tabber-bg-color);<br /> }<br /> <br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-subgroup .navbox-subgroup .navbox-title {<br /> background: var(--theme-color-6);<br /> }<br /> <br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-title {<br /> background: var(--pi-border);<br /> }<br /> <br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-abovebelow,<br /> :is(.wgl-darkmode, .wgl-theme-dark) th.navbox-group,<br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-subgroup .navbox-group,<br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-subgroup .navbox-abovebelow {<br /> color: var(--theme-page-text-color);<br /> background: var(--pi-rows-color)!important;<br /> }<br /> <br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-image {<br /> background: var(--pi-rows-color);<br /> }<br /> <br /> :is(.wgl-darkmode, .wgl-theme-dark) .navbox-even {<br /> background: var(--theme-page-background-color--secondary);<br /> }<br /> <br /> /* Light mode navbox */<br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-subgroup .navbox-title {<br /> background: var(--theme-color-6);<br /> }<br /> <br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-subgroup .navbox-subgroup .navbox-title {<br /> background: var(--theme-color-7);<br /> }<br /> <br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-title {<br /> background: var(--theme-color-4);<br /> }<br /> <br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-abovebelow,<br /> :is(.wgl-lightmode, .wgl-theme-light) th.navbox-group,<br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-subgroup .navbox-group,<br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-subgroup .navbox-abovebelow {<br /> color: var(--theme-page-text-color);<br /> background: var(--theme-color-7);<br /> }<br /> <br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-image {<br /> background: var(--theme-color-6);<br /> }<br /> <br /> :is(.wgl-lightmode, .wgl-theme-light) .navbox-even {<br /> background: var(--pi-tabber-bg-color);<br /> }<br /> <br /> table.navbox {<br /> margin-top: 1em;<br /> }<br /> <br /> table.navbox table.navbox {<br /> margin-top: 0;<br /> }<br /> <br /> table.navbox + table.navbox {<br /> margin-top: -1px;<br /> }<br /> <br /> .navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {<br /> padding: 0.125em 0;<br /> }<br /> <br /> .page-content .navbox .hlist dl, .page-content .navbox .hlist ol, .page-content .navbox .hlist ul {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .hlist dd,.hlist dt,.hlist li {<br /> display: inline;<br /> }<br /> <br /> .hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul {<br /> display: inline;<br /> }<br /> <br /> .hlist dt:after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .hlist dd:after,.hlist li:after {<br /> content: &quot; · &quot;;<br /> font-weight: bold;<br /> }<br /> <br /> .hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after {<br /> content: none;<br /> }<br /> <br /> .hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after {<br /> content: none;<br /> }<br /> <br /> .hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before {<br /> content: &quot; (&quot;;<br /> font-weight: normal;<br /> }<br /> <br /> .hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after {<br /> content: &quot;) &quot;;<br /> font-weight: normal;<br /> }<br /> <br /> .hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after {<br /> content: &quot;) &quot;;<br /> font-weight: normal;<br /> }<br /> <br /> .hlist ol {<br /> counter-reset: listitem;<br /> }<br /> <br /> .hlist ol &gt; li {<br /> counter-increment: listitem;<br /> }<br /> <br /> .hlist ol &gt; li:before {<br /> content: &quot; &quot; counter(listitem) &quot; &quot;;<br /> white-space: nowrap<br /> }<br /> <br /> .hlist dd ol &gt; li:first-child:before,.hlist dt ol &gt; li:first-child:before,.hlist li ol &gt; li:first-child:before {<br /> content: &quot; (&quot; counter(listitem) &quot; &quot;;<br /> }<br /> <br /> .navbar {<br /> display: inline;<br /> font-size: 88%;<br /> font-weight: normal;<br /> }<br /> <br /> .navbar ul {<br /> display: inline;<br /> white-space: nowrap;<br /> }<br /> <br /> .mw-body-content .navbar ul {<br /> line-height: inherit;<br /> }<br /> <br /> .navbar li {<br /> word-spacing: -0.125em;<br /> }<br /> <br /> .navbox .navbar {<br /> display: block;<br /> font-size: 100%;<br /> }<br /> <br /> .navbox-title .navbar {<br /> float: left;<br /> text-align: left;<br /> margin-right: 0.5em;<br /> width: 6em;<br /> }<br /> <br /> .collapseButton {<br /> float: right;<br /> font-weight: normal;<br /> margin-left: 0.5em;<br /> text-align: right;<br /> width: auto;<br /> }<br /> <br /> .navbox .collapseButton {<br /> width: 6em;<br /> }<br /> <br /> .mw-collapsible-toggle {<br /> font-weight: normal;<br /> text-align: right;<br /> }<br /> <br /> .navbox .mw-collapsible-toggle {<br /> width: 6em;<br /> }<br /> <br /> /* Portable Navbox */<br /> .pi-theme-navbox {<br /> --pi-secondary-background: var(--theme-link-color);<br /> --pi-secondary-background--label: var(--theme-body-text-color);<br /> --pi-border-color:#0000;<br /> padding: 0 3px;<br /> }<br /> .pi-theme-navbox .pi-data {<br /> padding:0;<br /> }<br /> .portable-infobox.pi-theme-navbox .pi-item {<br /> border:0;<br /> margin: 3px 0;<br /> grid-column-gap: 3px;<br /> }<br /> .portable-infobox.pi-theme-navbox :is(.pi-data-label,.pi-data-value) {<br /> line-height: 1.5em;<br /> font-size: .7em;<br /> padding: 0.25em 1em;<br /> }<br /> .portable-infobox.pi-theme-navbox .pi-data-label {<br /> display: flex;<br /> align-items: center;<br /> justify-content: flex-start; /* Align Left cuz read words LTR, skim left side charaters first */<br /> flex-basis: 200px;<br /> background-color: var(--custom-tertiary-color);<br /> color: var(--custom-tertiary-color-text);<br /> }<br /> .portable-infobox.pi-theme-navbox .pi-data-value {<br /> flex-basis:100%;<br /> }<br /> .portable-infobox.pi-theme-navbox .pi-data:nth-child(odd) .pi-data-value {<br /> background-color: var(--theme-page-background-color--secondary);<br /> }<br /> <br /> /* For [[Template:Character Navbox]] (which doesn't exist btw) */<br /> .navbox-list-top &gt; div &gt; div {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: flex-start;<br /> }<br /> <br /> /* align left when navbox list contains cards */<br /> .navbox-list:has(div &gt; .card-list-container) &gt; div,<br /> .navbox-list:has(div &gt; div &gt; .card-list-container) &gt; div {<br /> text-align: left;<br /> }<br /> <br /> /* Adds Unknown image for not uploaded files and hides redlink */<br /> .navbox-list a.new[href*=&quot;Special:Upload&quot;] {<br /> display: inline-flex;<br /> width: 45px;<br /> height: 45px;<br /> background-image: url(&quot;https://hna.wiki/images/Unknown.png&quot;); <br /> background-size: cover;<br /> vertical-align: middle;<br /> font-size: 0;<br /> }<br /> <br /> /* Hide empty sub-navboxes (second rule is for the spacing row) */<br /> .navbox-inner tr:has(&gt; td.navbox-list:only-child &gt; .navbox-subgroup tr:only-child &gt; th.navbox-title),<br /> .navbox-inner tr:has(+ tr &gt; td.navbox-list:only-child &gt; .navbox-subgroup tr:only-child &gt; th.navbox-title){<br /> display: none !important;<br /> }<br /> <br /> /* Gallery for mobile */<br /> .skin-fandommobile .navbox-gallery {<br /> display: flex;<br /> flex-wrap: wrap;<br /> justify-content: center;<br /> gap: 5px;<br /> <br /> .article-media-thumbnail {<br /> margin-bottom: 0;<br /> }<br /> <br /> .article-media-placeholder {<br /> border: none;<br /> }<br /> <br /> br, figcaption {<br /> display: none;<br /> }<br /> }</div>

Kuhlau https://hna.wiki/Celestial_Ranger?diff=9673 2026-07-16T15:42:52Z

<p>Kuhlau: </p> <hr /> <div>{{Ability Infobox<br /> |title = Celestial Ranger<br /> |image = Ability Celestial Ranger.png<br /> |character = Kiana<br /> |type = Aspect Skill<br /> |desc = '''After activating the Strength Synergy:'''&lt;br/&gt;The Max Health of Strength Anima increases by '''330''', and each {{Extra Effect|Follower}} gains an additional '''270''' Max Health. Whenever a Follower takes DMG equal to at least 10% of their Max Health, the {{Extra Effect|Dominator}} gains 1 stack of {{Extra Effect|Entropy}}, max 10 stacks.<br /> |scale_att = <br /> |utility = Strength<br /> }}<br /> {{Lead/Ability|Celestial Ranger}}<br /> <br /> ==Other Languages==<br /> {{Other Languages<br /> |en = Celestial Ranger<br /> |zhs = <br /> |zht = <br /> |ja = <br /> |ko = <br /> }}<br /> <br /> ==Change History==<br /> {{Change History|introduced=0.60.0}}</div>

Kuhlau https://hna.wiki/Written_in_the_Stars?diff=9672 2026-07-16T15:42:50Z

<p>Kuhlau: </p> <hr /> <div>{{Ability Infobox<br /> |title = Written in the Stars<br /> |image = Ability Written in the Stars.png<br /> |character = Kiana<br /> |type = Eidos Skill<br /> |desc = Select 1 allied Anima and grant it the {{Extra Effect|Destiny}} effect.<br /> |scale_att = <br /> |utility = Single-Target Buff<br /> }}<br /> {{Lead/Ability|Written in the Stars}}<br /> <br /> ==Other Languages==<br /> {{Other Languages<br /> |en = Written in the Stars<br /> |zhs = <br /> |zht = <br /> |ja = <br /> |ko = <br /> }}<br /> <br /> ==Change History==<br /> {{Change History|introduced=0.60.0}}</div>

Kuhlau https://hna.wiki/Module:Extra_Effect/data?diff=9671 2026-07-16T15:42:47Z

<p>Kuhlau: </p> <hr /> <div>return {<br /> [&quot;Aloof&quot;] = {<br /> effect = &quot;A {{Color|numbers|10%}} stacking Attack SPD buff that lasts until the end of battle.&quot;<br /> },<br /> [&quot;Bright Idea&quot;] = {<br /> effect = &quot;MP increases by '''25%''', Attac SPD increases by '''10%'''.&quot;<br /> },<br /> [&quot;Butter Raid&quot;] = {<br /> effect = &quot;Deals {{Color|numbers|300}} Magic DMG to the Daydreamer with the lowest Health.&quot;<br /> },<br /> [&quot;Daydreamer&quot;] = {<br /> effect = &quot;A unit marked by the Reality Synergy, it will take bonus DMG from allied Reality Anima.&quot;<br /> },<br /> [&quot;Destiny&quot;] = {<br /> effect = &quot;Increases Max Health by '''720''' and ATK by '''55''' for '''10'''s.&quot;<br /> },<br /> [&quot;Dominator&quot;] = {<br /> effect = &quot;The strongest Strength Anima. Gains Worship Bonus from Followers.&quot;<br /> },<br /> [&quot;Echo&quot;] = {<br /> effect = &quot;Recast the Active Skill once, with no Energy Cost, with converted stats. Each Active Skill cast can trigger Echo once at most, and Echo itself does not count as an Active Skill.&lt;br /&gt;&lt;br /&gt;Converted Stats include:&lt;br /&gt;{{Icon|ATK}}{{Icon|MP}}{{Icon|Armor}}{{Icon|MR}}{{Icon|Max HP}}{{Icon|HP}}&quot;<br /> },<br /> [&quot;Ecstasy&quot;] = {<br /> effect = &quot;Regenerate 3 Energy/s. Gain an Attack SPD bonus that does not stack beased on the number of Joy Anima deployed during the Preparation Phase.&quot;<br /> },<br /> [&quot;Entropy&quot;] = {<br /> effect = &quot;Increases ATK and Attack SPD by '''3.0%''' each.&quot;<br /> },<br /> [&quot;Follower&quot;] = {<br /> effect = &quot;Strength Anima other than the Dominator.&quot;<br /> },<br /> [&quot;Infatuation&quot;] = {<br /> effect = &quot;Healing and Shield effects applied to the object of Infatuation by the Admirer increase by 15%. This effect can stack.&quot;<br /> },<br /> [&quot;Light of the Strong&quot;] = {<br /> effect = &quot;Blasters, Explorers: {{Color|numbers|12%}}{{Icon|Attack SPD}}&lt;br /&gt;Masterminds: {{Color|numbers|12%}}{{Icon|MP}}&lt;br /&gt;Protectors, Mascots: {{Color|numbers|15%}}{{Icon|Max HP}}&quot;<br /> },<br /> [&quot;Lingering Dread&quot;] = {<br /> effect = &quot;Attack SPD is reduced by '''1%''', max 10 stacks.&quot;<br /> },<br /> [&quot;Lingering Melody&quot;] = {<br /> effect = &quot;Regenerate '''10''' Energy every '''4'''s, lasting until the end of battle. Max 3 stacks.&quot;<br /> },<br /> [&quot;Lingering Shade&quot;] = {<br /> effect = &quot;When the Active Skill hits opponents without Lingering Shade, mark them with Lingering Shade for 6s.&lt;br /&gt;When the Active Skill hits opponents with Lingering Shade, deals '''310%'''{{Icon|ATK}} Physical DMG and removes it.&quot;<br /> },<br /> [&quot;Night Rend&quot;] = {<br /> effect = &quot;Applies '''20%''' Armor Shred, and increases DMG take from Dark Anima by '''25% for '''6'''s. Duration can be refreshed.&quot;<br /> },<br /> [&quot;Rancor&quot;] = {<br /> effect = &quot;Each point of Rancor grants Hate Anima {{Color|numbers|3%}}{{Icon|ATK}}.&quot;<br /> },<br /> [&quot;Shadow Breath&quot;] = {<br /> effect = &quot;Each stack reduces an Anima's max Energy Costs by '''3'''. Max '''4''' stacks.&quot;<br /> },<br /> [&quot;Topping list&quot;] = {<br /> effect = &quot;Tomatoes: Reduce the target's Armor by '''2''' after hitting. This effect stacks and lasts until the end of battle;&lt;br&gt;Patty: DMG increases to '''110%'''{{Icon|ATK}};&quot;<br /> },<br /> [&quot;Umbral Shroud&quot;] = {<br /> effect = &quot;A special hex created by the Dark Aspect Synergy. After the start of battle, the Attack SPD of allied units on this hex increases.&quot;<br /> },<br /> [&quot;&quot;] = {<br /> effect = &quot;&quot;<br /> },<br /> }</div>

Kuhlau https://hna.wiki/Module:Extra_Effect/data?diff=9670 2026-07-16T15:40:46Z

<p>Kuhlau: </p> <hr /> <div>return {<br /> [&quot;Aloof&quot;] = {<br /> effect = &quot;A {{Color|numbers|10%}} stacking Attack SPD buff that lasts until the end of battle.&quot;<br /> },<br /> [&quot;Bright Idea&quot;] = {<br /> effect = &quot;MP increases by '''25%''', Attac SPD increases by '''10%'''.&quot;<br /> },<br /> [&quot;Butter Raid&quot;] = {<br /> effect = &quot;Deals {{Color|numbers|300}} Magic DMG to the Daydreamer with the lowest Health.&quot;<br /> },<br /> [&quot;Daydreamer&quot;] = {<br /> effect = &quot;A unit marked by the Reality Synergy, it will take bonus DMG from allied Reality Anima.&quot;<br /> },<br /> [&quot;Echo&quot;] = {<br /> effect = &quot;Recast the Active Skill once, with no Energy Cost, with converted stats. Each Active Skill cast can trigger Echo once at most, and Echo itself does not count as an Active Skill.&lt;br /&gt;&lt;br /&gt;Converted Stats include:&lt;br /&gt;{{Icon|ATK}}{{Icon|MP}}{{Icon|Armor}}{{Icon|MR}}{{Icon|Max HP}}{{Icon|HP}}&quot;<br /> },<br /> [&quot;Ecstasy&quot;] = {<br /> effect = &quot;Regenerate 3 Energy/s. Gain an Attack SPD bonus that does not stack beased on the number of Joy Anima deployed during the Preparation Phase.&quot;<br /> },<br /> [&quot;Infatuation&quot;] = {<br /> effect = &quot;Healing and Shield effects applied to the object of Infatuation by the Admirer increase by 15%. This effect can stack.&quot;<br /> },<br /> [&quot;Light of the Strong&quot;] = {<br /> effect = &quot;Blasters, Explorers: {{Color|numbers|12%}}{{Icon|Attack SPD}}&lt;br /&gt;Masterminds: {{Color|numbers|12%}}{{Icon|MP}}&lt;br /&gt;Protectors, Mascots: {{Color|numbers|15%}}{{Icon|Max HP}}&quot;<br /> },<br /> [&quot;Lingering Dread&quot;] = {<br /> effect = &quot;Attack SPD is reduced by '''1%''', max 10 stacks.&quot;<br /> },<br /> [&quot;Lingering Melody&quot;] = {<br /> effect = &quot;Regenerate '''10''' Energy every '''4'''s, lasting until the end of battle. Max 3 stacks.&quot;<br /> },<br /> [&quot;Lingering Shade&quot;] = {<br /> effect = &quot;When the Active Skill hits opponents without Lingering Shade, mark them with Lingering Shade for 6s.&lt;br /&gt;When the Active Skill hits opponents with Lingering Shade, deals '''310%'''{{Icon|ATK}} Physical DMG and removes it.&quot;<br /> },<br /> [&quot;Night Rend&quot;] = {<br /> effect = &quot;Applies '''20%''' Armor Shred, and increases DMG take from Dark Anima by '''25% for '''6'''s. Duration can be refreshed.&quot;<br /> },<br /> [&quot;Rancor&quot;] = {<br /> effect = &quot;Each point of Rancor grants Hate Anima {{Color|numbers|3%}}{{Icon|ATK}}.&quot;<br /> },<br /> [&quot;Shadow Breath&quot;] = {<br /> effect = &quot;Each stack reduces an Anima's max Energy Costs by '''3'''. Max '''4''' stacks.&quot;<br /> },<br /> [&quot;Topping list&quot;] = {<br /> effect = &quot;Tomatoes: Reduce the target's Armor by '''2''' after hitting. This effect stacks and lasts until the end of battle;&lt;br&gt;Patty: DMG increases to '''110%'''{{Icon|ATK}};&quot;<br /> },<br /> [&quot;Umbral Shroud&quot;] = {<br /> effect = &quot;A special hex created by the Dark Aspect Synergy. After the start of battle, the Attack SPD of allied units on this hex increases.&quot;<br /> },<br /> [&quot;&quot;] = {<br /> effect = &quot;&quot;<br /> },<br /> }</div>

Kuhlau https://hna.wiki/Spooked?diff=9669 2026-07-16T15:40:42Z

<p>Kuhlau: </p> <hr /> <div>{{Ability Infobox<br /> |title = Spooked<br /> |image = Ability Spooked.png<br /> |character = Maple Manybell<br /> |type = Aspect Skill<br /> |desc = '''After activating the Joy Synergy:'''&lt;br/&gt;When an allied unit in the {{Extra Effect|Ecstasy}} state deals DMG to an opponent, apply 1 stack of {{Extra Effect|Lingering Dread}} to the target. When Lingering Dread reaches '''10''' stacks, consume all stacks and deal '''200''' Magic DMG.<br /> |scale_att = <br /> |utility = Joy<br /> }}<br /> {{Lead/Ability|Spooked}}<br /> <br /> ==Other Languages==<br /> {{Other Languages<br /> |en = Spooked<br /> |zhs = <br /> |zht = <br /> |ja = <br /> |ko = <br /> }}<br /> <br /> ==Change History==<br /> {{Change History|introduced=0.60.0}}</div>

Kuhlau