Honkai: Nexus Anima Wiki - User contributions [en]

Template:Welcome

2026-07-14T16:09:00Z

Kuhlau:

<div class="mainpage-border bgimg" id="welcome">
<div class="mainpage-image">[[File:Honkai Nexus Anima Wiki.png|center|320px]]</div>
<div class="mainpage-header">Welcome to the Honkai: Nexus Anima Wiki</div>
<div class="mainpage-content">This wiki has [[Special:Statistics|'''{{NUMBEROFACTIVEUSERS}} active users''']] maintaining [[Special:AllPages|'''{{NUMBEROFARTICLES}} articles''']] ([[Special:AllPages|'''{{NUMBEROFPAGES}} total pages''']]) and [[Special:ListFiles|'''{{NUMBEROFFILES}} images & videos''']].</div>
----
<div class="mainpage-header">Official Communities and Social Media</div>
<div class="mainpage-content">[https://hna.hoyoverse.com/en-us Official Website] • [https://www.hoyolab.com/home HoYoLAB Forums]<br>[https://www.facebook.com/HonkaiNA/ Facebook] • [https://twitter.com/HonkaiNA Twitter] • [https://www.youtube.com/@HonkaiNA YouTube] • [https://discord.com/invite/honkainexusanima Discord] • [https://www.instagram.com/honkaina Instagram] • [https://www.tiktok.com/@honkaina_en TikTok]
</div>
</div>

<div class="mainpage-border">
<div class="mainpage-header">[[Honkai: Nexus Anima|<span class="mainpage-header-link">About the Game</span>]]</div>
<div class="mainpage-content">'''''[[Honkai: Nexus Anima]]''''' is a creature-collector adventure strategy game and the latest installment in the ''Honkai'' series, developed and published by [[miHoYo|HoYoverse]]. The second closed beta test will run from [https://www.hoyolab.com/article/45752358 July 9th-27th].<br />
This wiki is an English resource for information about the Global version of the game. There are '''unmarked spoilers''' on this wiki.<br /><br />
The wiki is undergoing construction. If you'd like to help edit, please join our {{DiscordInvite|Discord server}}.
</div>
</div>

MediaWiki:Gadget-Mainpage

2026-07-14T16:08:47Z

Kuhlau: Created page with "Styles for the main page of the wiki."

Styles for the main page of the wiki.

MediaWiki:Gadgets-definition

2026-07-14T16:08:32Z

Kuhlau:

MediaWiki:Gadget-Mainpage.css

2026-07-14T16:08:05Z

Kuhlau: Created page with "/* Mainpage Styles */ .mainpage-border { background: var(--theme-color-5); border: 2px solid var(--theme-accent-color); border-radius: 3px; margin-top: 10px; margin-bottom: 10px; text-align: center; } .mainpage-border:has(div.Mainpage-header) { padding: 2px; } .mainpage-header { background: var(--theme-accent-color); border-radius: 2px; color: #000000; font-weight: bold; font-size: 1.4em; padding: 1px; margin-bottom: 10px; } .mainpage-header-link { c..."

/* Mainpage Styles */
.mainpage-border {
background: var(--theme-color-5);
border: 2px solid var(--theme-accent-color);
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.mainpage-border:has(div.Mainpage-header) {
padding: 2px;
}

.mainpage-header {
background: var(--theme-accent-color);
border-radius: 2px;
color: #000000;
font-weight: bold;
font-size: 1.4em;
padding: 1px;
margin-bottom: 10px;
}

.mainpage-header-link {
color: var(--theme-page-text-color);
}
.page__main {
padding: 23px 15px 15px 30px;
}
.mainpage .page__main {
padding-right: 30px;
}
.page {
border-left: 1px solid var(--theme-color-4);
border-right: 1px solid var(--theme-color-4);
border-bottom: 1px solid var(--theme-color-4);
border-radius: 3px;
}
.wgl-lightmode .page {
border-top: 5px solid var(--theme-color-1);
}
.wgl-darkmode .page {
border-top: 5px solid var(--theme-accent-color);
}

/* Background Image for Mainpage */
/** Light Mode **/
.wgl-lightmode .bgimg {
color: var(--theme-page-text-color);
text-shadow: 0px 2px 2px #ffffff80;
background-size: cover;
background-image: linear-gradient(rgba(249, 245, 242, 0.8),
rgba(249, 245, 242, 0.6)), url("filepath://Site-background-light.jpeg");
}
/** Dark Mode **/
.wgl-darkmode .bgimg {
color: var(--theme-page-text-color);
text-shadow: 0px 2px 2px #00000080;
background-size: cover;
background-image: url("filepath://Site-background-dark")
}

Template:Welcome

2026-07-14T16:06:42Z

Kuhlau: we cannot use tables like that im so sorry its not 2005 anymore

<div class="mainpage-border bgimg" id="welcome">
<div class="mainpage-image">[[File:Honkai Nexus Anima Wiki.png|center|320px]]</div>
<div class="mainpage-header">'''Welcome to the Honkai: Nexus Anima Wiki'''</div>
<div class="mainpage-content">This wiki has [[Special:Statistics|'''{{NUMBEROFACTIVEUSERS}} active users''']] maintaining [[Special:AllPages|'''{{NUMBEROFARTICLES}} articles''']] ([[Special:AllPages|'''{{NUMBEROFPAGES}} total pages''']]) and [[Special:ListFiles|'''{{NUMBEROFFILES}} images & videos''']].</div>
----
<div class="mainpage-header">Official Communities and Social Media</div>
<div class="mainpage-content">[https://hna.hoyoverse.com/en-us Official Website] • [https://www.hoyolab.com/home HoYoLAB Forums]<br>[https://www.facebook.com/HonkaiNA/ Facebook] • [https://twitter.com/HonkaiNA Twitter] • [https://www.youtube.com/@HonkaiNA YouTube] • [https://discord.com/invite/honkainexusanima Discord] • [https://www.instagram.com/honkaina Instagram] • [https://www.tiktok.com/@honkaina_en TikTok]
</div>
</div>

<div class="mainpage-border">
<div class="mainpage-header">[[Honkai: Nexus Anima|<span class="mainpage-header-link">About the Game</span>]]</div>
<div class="mainpage-content">'''''[[Honkai: Nexus Anima]]''''' is a creature-collector adventure strategy game and the latest installment in the ''Honkai'' series, developed and published by [[miHoYo|HoYoverse]]. The second closed beta test will run from [https://www.hoyolab.com/article/45752358 July 9th-27th].<br />
This wiki is an English resource for information about the Global version of the game. There are '''unmarked spoilers''' on this wiki.<br /><br />
The wiki is undergoing construction. If you'd like to help edit, please join our {{DiscordInvite|Discord server}}.
</div>
</div>

Honkai: Nexus Anima Wiki

2026-07-14T16:00:26Z

Kuhlau:

<div class="mainpage-container">
<div class="mainpage-column mainpage-left">
{{Welcome}}
{{Notices}}
{{Mainpage Topics}}
<div class="mainpage-border">
<div class="mainpage-header">'''Trailer'''</div>
{{#ev:youtube|V5FV_6jirKU|650|center|Nexus Bond Teaser: Side by Side | Honkai: Nexus Anima}}
</div>

</div>

<div class="mainpage-column mainpage-right">
{{DiscordWidget}}
{{Latest Edits}}
{{Latest Videos}}
</div>
</div>
[[Category:Honkai: Nexus Anima Wiki| ]]


[[pl:]]
[[ru:]]
[[vi:]]
[[zh:]]

MediaWiki:Common.css

2026-07-14T11:22:12Z

Kuhlau: trying out the one I did for nikki1, it might have fixed some stuff

/* CSS placed here will be applied to all skins */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Edios Infobox.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* [[Template:Description]] styles */
div.description-wrapper {
border: 1px solid var(--border-color);
overflow: hidden;
border-radius: 8px;
background: #bf8c4015;
}
div.description-content {
font-size: 15px;
text-align: left;
overflow: auto;
line-height: 1.35em;
padding: 12px 12px 12px 12px;
}
div.description-source {
font-size: 15px;
overflow: auto;
padding: 5px 12px;
}
hr.description-separator {
width: 97.5%;
margin: auto;
}
div.description-title {
font-size: 15px;
text-align: left;
overflow: auto;
padding: 10px 12px 6px;
}

/* For [[Module:Formatting]] */
.custom-formatting-code {
display: inline-block;
line-height: 21px;
}
.custom-formatting-code.code-block-table { display: table; }
span.variable { opacity: 0.65; }
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
.custom-formatting-nested { display: none; }
.custom-formatting-resulting { display: inline; }
.custom-formatting-code .custom-formatting-nested { display: inline-block; }
.custom-formatting-code .custom-formatting-resulting { display: none; }
/* End for [[Module:Formatting]] */

/* [[Template:Latest Edits]] Fix for UCP */
#ActivityFeed .mw-changeslist-line-inner-rollback,
#ActivityFeed .mw-changeslist-line-inner-tags,
#ActivityFeed .mw-changeslist-line-inner-userTalkLink,
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
#ActivityFeed .mw-changeslist-line-inner-userTalkLink,
#ActivityFeed td.mw-enhanced-rc,
#ActivityFeed .mw-changeslist-legend,
#ActivityFeed .mw-changeslist-line-inner-historyLink,
#ActivityFeed .mw-changeslist-line-inner-separatorAfterLinks,
#ActivityFeed .mw-changeslist-line-inner-characterDiff,
#ActivityFeed .mw-changeslist-line-inner-comment,
#ActivityFeed .mw-changeslist-line-inner-watchingUsers,
#ActivityFeed .mw-changeslist-line-inner-watchingUsers,
#ActivityFeed .activity-tabs,
#ActivityFeed .activity-summary,
#ActivityFeed .mw-enhancedchanges-arrow-space,
#ActivityFeed .cdx-message--warning,
#ActivityFeed .mw-changeslist-links,
#ActivityFeed .mw-changeslist-separator,
#ActivityFeed .mw-changeslist-separator--semicolon,
#ActivityFeed .mw-changeslist-date,
#ActivityFeed .mw-tag-markers,
#ActivityFeed ul.special .comment,
#ActivityFeed .mw-diff-bytes {
display: none;
}

#ActivityFeed .mw-changeslist-line-inner {
display: flex;
width: 100%;
}

#ActivityFeed .mw-changeslist-line-inner-userLink:before {
content: "";
white-space: pre-wrap;
}

#ActivityFeed .mw-changeslist-line-inner-articleLink {
flex-grow: 2;
}

#ActivityFeed .mw-changeslist-line-inner {
text-align:left;
width: auto;
}

#ActivityFeed span.mw-changeslist-line-inner-userLink a {
vertical-align: middle;
}

#ActivityFeed span.mw-changeslist-line-inner-userLink {
font-size: 11px;
position: relative;
}

#ActivityFeed .mw-changeslist div table {
border-bottom: none;
padding-top: 3px !important;
padding-bottom: 2px;
width: calc(100% - 10px);
}

#ActivityFeed .mw-changeslist div table:last-child {
border: none;
}

/* End [[Template:Latest Edits]] Fix for UCP */

/* Styling for [[Template:tt]] */
.text-tooltip {
cursor: help;
}

.text-tooltip:not(.no-underline) {
border-bottom-color: rgb(128, 128, 128);
border-bottom-width: 1px;
border-bottom-style: dotted;
}

User:Kuhlau

2026-07-14T11:19:24Z

Kuhlau:

* [[w:c:lovenikki:User:Kuhlau|Love Nikki]] & [https://balatrowiki.org/ Balatro] wiki admin (and some others)
* #1 Chilli Crab fan (fight me)
* I love technical stuff and cleanup, if I'm editing I'm probably having a mental break tho
* My bot: [[User:KuhlauBot|KuhlauBot]]
* Copytitle: [[User:Kuhlau/CopyTitle.js]]

todo
* css
** borders? tabs?

User:Kuhlau/CopyTitle.js

2026-07-14T11:18:05Z

Kuhlau:

/*
Appends two buttons to the edit tools to copy the title with/without namespace
Author: Caburum & Thundercraft5
Based on code by: RheingoldRiver
See also: [[w:c:dev:CopyTitle]] (the original script this was from before being modified)

Modified by: Kuhlau
Kuhlau's notes: This script adds a little button to the side of the page you can use to copy the real title of the current page (not the displayed title).
Modified further by: Mikevoir (to add lightbox usage and other cleanup)
Modified even further by: Kuhlau (to add it to vector list)
*/

$(function() {
if (window.CopyTitleLoaded) {return;}
window.CopyTitleLoaded = true;

mw.util.addCSS(`
#title-copy-content ,
#title-copy-all {
color: var(--alt-link-color);
cursor: pointer;
}
#title-copy-content:hover ,
#title-copy-all:hover {
text-decoration: underline;
}
`);

function init() {

$('<li>', {
id: 'title-copy-content',
class: 'mw-list-item title-copy-button',
text: 'Copy title'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

if (mw.config.get('wgNamespaceNumber') !== 0) {
$('<li>', {
id: 'title-copy-all',
class: 'mw-list-item title-copy-button',
text: 'Copy title (namespace)'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

}
$('#mw-panel .vector-menu-content-list #title-copy-content').click(function() {
copy(mw.config.get('wgTitle'), this);
});

$('#mw-panel .vector-menu-content-list #title-copy-all').click(function() {
copy(mw.config.get('wgPageName').replace(/_/g, ' '), this);
});
}

function copy(text, element) {
var copyEl = document.createElement('textarea');
copyEl.value = text;
document.body.appendChild(copyEl);
copyEl.select();
document.execCommand('copy');
document.body.removeChild(copyEl);
document.execCommand('copy');

var $el = $(element);
var originalText = $el.text();

$el
.addClass('copied')
.text('Copied!');

setTimeout(function () {
$el
.removeClass('copied')
.text(originalText);
}, 1000);
}

init();
});

MediaWiki:Common.css

2026-07-14T11:17:29Z

Kuhlau:

/* CSS placed here will be applied to all skins */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Edios Infobox.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* [[Template:Description]] styles */
div.description-wrapper {
border: 1px solid var(--border-color);
overflow: hidden;
border-radius: 8px;
background: #bf8c4015;
}
div.description-content {
font-size: 15px;
text-align: left;
overflow: auto;
line-height: 1.35em;
padding: 12px 12px 12px 12px;
}
div.description-source {
font-size: 15px;
overflow: auto;
padding: 5px 12px;
}
hr.description-separator {
width: 97.5%;
margin: auto;
}
div.description-title {
font-size: 15px;
text-align: left;
overflow: auto;
padding: 10px 12px 6px;
}

/* For [[Module:Formatting]] */
.custom-formatting-code {
display: inline-block;
line-height: 21px;
}
.custom-formatting-code.code-block-table { display: table; }
span.variable { opacity: 0.65; }
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
.custom-formatting-nested { display: none; }
.custom-formatting-resulting { display: inline; }
.custom-formatting-code .custom-formatting-nested { display: inline-block; }
.custom-formatting-code .custom-formatting-resulting { display: none; }
/* End for [[Module:Formatting]] */

/* [[Template:Latest Edits]] Fix for UCP */
#ActivityFeed .mw-changeslist-line-inner-rollback,
#ActivityFeed .mw-changeslist-line-inner-tags,
#ActivityFeed .mw-changeslist-line-inner-userTalkLink,
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
#ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
#ActivityFeed .mw-changeslist-line-inner-userTalkLink,
#ActivityFeed td.mw-enhanced-rc,
#ActivityFeed .mw-changeslist-legend,
#ActivityFeed .mw-changeslist-line-inner-historyLink,
#ActivityFeed .mw-changeslist-line-inner-separatorAfterLinks,
#ActivityFeed .mw-changeslist-line-inner-characterDiff,
#ActivityFeed .mw-changeslist-line-inner-comment,
#ActivityFeed .activity-tabs,
#ActivityFeed .activity-summary,
#ActivityFeed .mw-enhancedchanges-arrow-space {
display: none;
}
#ActivityFeed .mw-changeslist-line-inner-userLink:before {
content: "\00000A\000009edited\0000A0by ";
white-space: pre-wrap;
}
#ActivityFeed .mw-changeslist-line-inner {
text-align:left;
width: 284px;
}
#ActivityFeed span.mw-changeslist-line-inner-userLink {
font-size: 11px;
position: relative;
top: -5px !important;
left: -15px;
}
#ActivityFeed .mw-changeslist div table {
border-bottom: 1px solid var(--subtitle-color);
margin-left: 10px;
margin-right: 10px;
padding-top: 3px !important;
}
#ActivityFeed .mw-changeslist div table:last-child {
border: none;
}
/* End [[Template:Latest Edits]] Fix for UCP */

/* Styling for [[Template:tt]] */
.text-tooltip {
cursor: help;
}

.text-tooltip:not(.no-underline) {
border-bottom-color: rgb(128, 128, 128);
border-bottom-width: 1px;
border-bottom-style: dotted;
}

User:Kuhlau/CopyTitle.js

2026-07-14T03:30:30Z

Kuhlau:

/*
Appends two buttons to the edit tools to copy the title with/without namespace
Author: Caburum & Thundercraft5
Based on code by: RheingoldRiver
See also: [[w:c:dev:CopyTitle]] (the original script this was from before being modified)

Modified by: Kuhlau
Kuhlau's notes: This script adds a little button to the side of the page you can use to copy the real title of the current page (not the displayed title).
Modified further by: Mikevoir (to add lightbox usage and other cleanup)
Modified even further by: Kuhlau (to add it to vector list)
*/

$(function() {
if (window.CopyTitleLoaded) {return;}
window.CopyTitleLoaded = true;

mw.util.addCSS(`
#title-copy-content ,
#title-copy-all {
color: #0645ad;
cursor: pointer;
}
#title-copy-content:hover ,
#title-copy-all:hover {
text-decoration: underline;
color: #0645ad;
}
`);

function init() {

$('<li>', {
id: 'title-copy-content',
class: 'mw-list-item title-copy-button',
text: 'Copy title'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

if (mw.config.get('wgNamespaceNumber') !== 0) {
$('<li>', {
id: 'title-copy-all',
class: 'mw-list-item title-copy-button',
text: 'Copy title (namespace)'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

}
$('#mw-panel .vector-menu-content-list #title-copy-content').click(function() {
copy(mw.config.get('wgTitle'), this);
});

$('#mw-panel .vector-menu-content-list #title-copy-all').click(function() {
copy(mw.config.get('wgPageName').replace(/_/g, ' '), this);
});
}

function copy(text, element) {
var copyEl = document.createElement('textarea');
copyEl.value = text;
document.body.appendChild(copyEl);
copyEl.select();
document.execCommand('copy');
document.body.removeChild(copyEl);
document.execCommand('copy');

var $el = $(element);
var originalText = $el.text();

$el
.addClass('copied')
.text('Copied!');

setTimeout(function () {
$el
.removeClass('copied')
.text(originalText);
}, 1000);
}

init();
});

User:Kuhlau/CopyTitle.js

2026-07-14T03:29:48Z

Kuhlau:

/*
Appends two buttons to the edit tools to copy the title with/without namespace
Author: Caburum & Thundercraft5
Based on code by: RheingoldRiver
See also: [[w:c:dev:CopyTitle]] (the original script this was from before being modified)

Modified by: Kuhlau
Kuhlau's notes: This script adds a little button to the side of the page you can use to copy the real title of the current page (not the displayed title).
Modified further by: Mikevoir (to add lightbox usage and other cleanup)
Modified even further by: Kuhlau (to add it to vector list)
*/

$(function() {
if (window.CopyTitleLoaded) {return;}
window.CopyTitleLoaded = true;

mw.util.addCSS(`
#title-copy-content ,
#title-copy-all {
color: #0645ad;
cursor: pointer;
}
#title-copy-content:hover ,
#title-copy-all:hover {
text-decoration: underline;
color: #0645ad;
}
`);

function init() {

$('<li>', {
id: 'title-copy-content',
class: 'mw-list-item title-copy-button',
text: 'Copy title'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

if (mw.config.get('wgNamespaceNumber') !== 0) {
$('<li>', {
id: 'title-copy-all',
class: 'mw-list-item title-copy-button',
text: 'Copy title with namespace'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

}
$('#mw-panel .vector-menu-content-list #title-copy-content').click(function() {
copy(mw.config.get('wgTitle'), this);
});

$('#mw-panel .vector-menu-content-list #title-copy-all').click(function() {
copy(mw.config.get('wgPageName').replace(/_/g, ' '), this);
});
}

function copy(text, element) {
var copyEl = document.createElement('textarea');
copyEl.value = text;
document.body.appendChild(copyEl);
copyEl.select();
document.execCommand('copy');
document.body.removeChild(copyEl);
document.execCommand('copy');

var $el = $(element);
var originalText = $el.text();

$el
.addClass('copied')
.text('Copied!');

setTimeout(function () {
$el
.removeClass('copied')
.text(originalText);
}, 1000);
}

init();
});

User:Kuhlau/common.js

2026-07-14T03:29:30Z

Kuhlau:

importScript('User:Kuhlau/CopyTitle.js');

User:Kuhlau/CopyTitle.js

2026-07-14T03:29:03Z

Kuhlau:

/*
Appends two buttons to the edit tools to copy the title with/without namespace
Author: Caburum & Thundercraft5
Based on code by: RheingoldRiver
See also: [[w:c:dev:CopyTitle]] (the original script this was from before being modified)

Modified by: Kuhlau
Kuhlau's notes: This script adds a little button to the side of the page you can use to copy the real title of the current page (not the displayed title).
Modified further by: Mikevoir (to add lightbox usage and other cleanup)
Modified even further by: Kuhlau (to add it to vector list)
*/

$(function() {
if (window.CopyTitleLoaded) {return;}
window.CopyTitleLoaded = true;

mw.util.addCSS(`
#title-copy-content ,
#title-copy-all {
padding: 6px 0;
color: #0645ad;
cursor: pointer;
}
#title-copy-content:hover ,
#title-copy-all:hover {
text-decoration: underline;
color: #0645ad;
}
`);

function init() {

$('<li>', {
id: 'title-copy-content',
class: 'mw-list-item title-copy-button',
text: 'Copy title'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

if (mw.config.get('wgNamespaceNumber') !== 0) {
$('<li>', {
id: 'title-copy-all',
class: 'mw-list-item title-copy-button',
text: 'Copy title with namespace'
}).appendTo($('#mw-panel #p-navigation .vector-menu-content-list'));

}
$('#mw-panel .vector-menu-content-list #title-copy-content').click(function() {
copy(mw.config.get('wgTitle'), this);
});

$('#mw-panel .vector-menu-content-list #title-copy-all').click(function() {
copy(mw.config.get('wgPageName').replace(/_/g, ' '), this);
});
}

function copy(text, element) {
var copyEl = document.createElement('textarea');
copyEl.value = text;
document.body.appendChild(copyEl);
copyEl.select();
document.execCommand('copy');
document.body.removeChild(copyEl);
document.execCommand('copy');

var $el = $(element);
var originalText = $el.text();

$el
.addClass('copied')
.text('Copied!');

setTimeout(function () {
$el
.removeClass('copied')
.text(originalText);
}, 1000);
}

init();
});

User:Kuhlau/CopyTitle.js

2026-07-14T03:26:17Z

Kuhlau: ugh now i gotta adapt this for vector 2010

/*
Appends two buttons to the edit tools to copy the title with/without namespace
Author: Caburum & Thundercraft5
Based on code by: RheingoldRiver
See also: [[w:c:dev:CopyTitle]] (the original script this was from before being modified)

Modified by: Kuhlau
Kuhlau's notes: This script adds a little button to the side of the page you can use to copy the real title of the current page (not the displayed title).
Modified further by: Mikevoir (to add lightbox usage and other cleanup)
Modified even further by: Kuhlau (to add it to vector list)
*/

$(function() {
if (window.CopyTitleLoaded) {return;}
window.CopyTitleLoaded = true;

mw.util.addCSS(`
#title-copy-content ,
#title-copy-all {
padding: 6px 0;
color: var(--color-progressive);
cursor: pointer;
}
#title-copy-content:hover ,
#title-copy-all:hover {
text-decoration: underline;
color: var(--color-progressive--hover);
}
`);

function init() {

$('<li>', {
id: 'title-copy-content',
class: 'mw-list-item title-copy-button',
text: 'Copy title'
}).appendTo($('#vector-main-menu #p-navigation .vector-menu-content-list'));

if (mw.config.get('wgNamespaceNumber') !== 0) {
$('<li>', {
id: 'title-copy-all',
class: 'mw-list-item title-copy-button',
text: 'Copy title with namespace'
}).appendTo($('#vector-main-menu #p-navigation .vector-menu-content-list'));

}
$('#vector-main-menu .vector-menu-content-list #title-copy-content').click(function() {
copy(mw.config.get('wgTitle'), this);
});

$('#vector-main-menu .vector-menu-content-list #title-copy-all').click(function() {
copy(mw.config.get('wgPageName').replace(/_/g, ' '), this);
});
}

function copy(text, element) {
var copyEl = document.createElement('textarea');
copyEl.value = text;
document.body.appendChild(copyEl);
copyEl.select();
document.execCommand('copy');
document.body.removeChild(copyEl);
document.execCommand('copy');

var $el = $(element);
var originalText = $el.text();

$el
.addClass('copied')
.text('Copied!');

setTimeout(function () {
$el
.removeClass('copied')
.text(originalText);
}, 1000);
}

init();
});

MediaWiki:Vector.css

2026-07-14T03:23:23Z

Kuhlau:

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

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#mw-page-base {
background: none;
}

.vector-menu-tabs-legacy li {
background-color: var(--theme-page-background-color--secondary);
}
.vector-menu-tabs-legacy li a {
padding-top: 1em;
}

/* PLACEHOLDER - to be updated later with preferences */
nav.vector-menu-portal {
background-color: rgba(255, 255, 255, .5);
}

#catlinks {
font-size: small;
}

/* Generic rules */

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Sidebar

2026-07-14T03:19:27Z

Kuhlau: 3rd level not supported as of now

MediaWiki:Sidebar

2026-07-14T03:18:42Z

Kuhlau: implement from MediaWiki:Wiki-navigation

MediaWiki:Gadget-Colors.css

2026-07-14T03:13:58Z

Kuhlau:

/** Root **/
:root, .wgl-lightmode, .wgl-theme-light {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #43403D;
--theme-page-text-color-inverse: #FFFFFF;
--theme-link-color: #a65000;
--theme-border-color: #CECECE !important;
--theme-page-background-color: #fff;
--theme-page-background-color--secondary: #f2f2f2;
--background-color-neutral-subtle: #f8f9fa;

--group-color: var(--theme-color-5);
--border-color:var(--theme-color-1);
--title-color: var(--theme-color-6);
--subtitle-color:var(--theme-color-4);

--pi-border: #CECECE !important;
--pi-tabber-bg-color: #F1F1F1;
--pi-tabber-color: #969696;
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-text-color);
--pi-header-bg-color: #E6E6E6;
--pi-header-color: var(--theme-page-text-color);
--pi-rows-color: #f7f7f7;

--header-link-border-color-1: #f3eeeb;
--header-link-border-color-2: #edd8ce;
--mobile-lightbox-border-color: #a2a9b1;

--theme-color-1 : #A5998D;
--theme-color-2 : #B1A69B;
--theme-color-3 : #BCB2A9;
--theme-color-4 : #C7BFB7;
--theme-color-5 : #D2CCC6;
--theme-color-6 : #DFDAD5;
--theme-color-7 : #E7E3DE;
--theme-color-8 : #EFEBE7;
--theme-color-9 : #F7F4EF;
--theme-color-10: #FFFFFF;

--table-ascension-bg-color: #F7F7F7;

--custom-tabs-active-color: var(--theme-page-text-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #0075EB;
--color-menu: #937C6E;
--color-new: #317e2a;
--color-old: #932015;
--color-help: #BB8010;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--theme-color-1);
--desc-content: #bf8c4015;
}

:root .wgl-darkmode , :root .wgl-theme-dark {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #FFFFFF;
--theme-page-text-color-inverse: #3d4342;
--theme-link-color: #4cc2ad;
--theme-border-color: var(--theme-color-7) !important;
--theme-page-background-color: #111a20;
--theme-page-background-color--secondary: var(--theme-color-6);
--background-color-neutral-subtle: #1b1c1c;

--group-color: var(--theme-accent-color);
--border-color:var(--theme-border-color);
--title-color: var(--theme-accent-color);
--subtitle-color:var(--theme-accent-color);

--pi-border: var(--theme-border-color) !important;
--pi-tabber-bg-color: var(--theme-color-6);
--pi-tabber-color: var(--theme-page-text-color);
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-background-color);
--pi-header-bg-color: var(--theme-color-4);
--pi-header-color: var(--theme-accent-color);
--pi-rows-color: var(--theme-color-4);

--header-link-border-color-1: #3d285a;
--header-link-border-color-2: #2f295c;
--mobile-lightbox-border-color: var(--theme-border-color);

--theme-color-1 : hsl(205, 28%, 5%);
--theme-color-2 : hsl(205, 28%, 8%);
--theme-color-3 : hsl(204, 28%, 10%);
--theme-color-4 : hsl(205, 28%, 13%);
--theme-color-5 : hsl(205, 28%, 16%);
--theme-color-6 : hsl(205, 20%, 20%);
--theme-color-7 : hsl(205, 15%, 23%);
--theme-color-8 : hsl(205, 15%, 27%);
--theme-color-9 : hsl(205, 15%, 32%);
--theme-color-10: hsl(205, 15%, 37%);

--custom-tabs-active-color: var(--theme-page-background-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #2095EF;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #e35045;
--color-help: #e0bb00;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/* Recolor red links */
--theme-alert-color: #FF4B4B;
--theme-alert-color--rgb: rgb(255,75,75);
--theme-alert-color--hover: #ff6868;
/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--pi-border);
--desc-content: #bf8c4015;
}

/* Skin-specific */
:root {
--background-color-base: var(--theme-page-background-color);
--color-base: var(--theme-page-text-color);
--border-base: var(--theme-border-color);
}

/* Style scrollbars to match wiki theme */
#content {
scrollbar-color: var(--theme-link-color) var(--theme-body-background-color);
}

/* Darker version of alert */
.wgl-darkmode, .wgl-theme-dark {
--theme-alert-highlight: #a90000;
--theme-alert-highlight--rgb: rgb(169, 0, 0);
--theme-alert-highlight--hover: #c30000;
}

/** Highlighting **/
.bg-highlight {
background-color: rgb(137, 137, 137);
background-color: rgba(137, 137, 137, 0.4);
}

/** Invert filter **/
.wgl-darkmode .invert-dark { filter: invert(1); }
.wgl-lightmode .invert-light { filter: invert(1); }

/** Theme colors **/
.text-primary { color: var(--theme-page-text-color); }
.text-secondary { color: var(--theme-page-text-color--hover); }
.text-background { color: var(--theme-body-background-color); }
.text-sidebar { color: var(--theme-page-background-color--secondary); }
.text-accent { color: var(--theme-accent-label-color); }

.bg-primary { background-color: var(--theme-page-text-color); }
.bg-secondary { background-color: var(--theme-page-text-color--hover); }
.bg-background { background-color: var(--theme-body-background-color); }
.bg-sidebar { background-color: var(--theme-page-background-color--secondary); }
.bg-accent { background-color: var(--theme-accent-label-color); }

/* Colors from MediaWiki:Variables.css */
.text-title { color: var(--title-color); }
.text-subtitle { color: var(--subtitle-color); }
.text-group { color: var(--group-color); }
.text-border { color: var(--border-color); }

.bg-title { background-color: var(--title-color); }
.bg-subtitle { background-color: var(--subtitle-color); }
.bg-group { background-color: var(--group-color); }
.bg-border { background-color: var(--border-color); }

.border-title { border-color: var(--title-color); }
.border-subtitle { border-color: var(--subtitle-color); }
.border-group { border-color: var(--group-color); }
.border-border { border-color: var(--border-color); }

/* Change color of classes that used alert-color as bg color */
.wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error,
.wgl-darkmode .postedit.mw-notification.mw-notification-type-error,
.wgl-darkmode .wds-table-td-alert,
.wgl-darkmode .diff td.diff-deletedline .diffchange {
background-color: var(--theme-alert-highlight);
}

.wgl-darkmode .diff td.diff-deletedline {
border-color: var(--theme-alert-highlight);
}

/* [[Template:Color]] */

.text-error, .text-error * { color: var(--theme-alert-color); }
.bg-error { background-color: var(--theme-alert-highlight); }

.text-buzz, .text-buzz * { color: var(--color-buzz); }
.bg-buzz { background-color: var(--color-buzz); }

.text-menu, .text-menu * { color: var(--color-menu); }
.bg-menu { background-color: var(--color-menu); }

.text-new, .text-new * { color: var(--color-new); }
.bg-new { background-color: var(--color-new); }

.text-old, .text-old * { color: var(--color-old); }
.bg-old { background-color: var(--color-old); }

.text-help, .text-help * { color: var(--color-help); }
.bg-help { background-color: var(--color-help); }

.text-R4S, .text-R4S * { color: var(--color-R4S); }
.bg-R4S { background-color: var(--color-R4S); }

.text-R5S, .text-R5S * { color: var(--color-R5S); }
.bg-R5S { background-color: var(--color-R5S); }

/* Backgrounds */
.bg-active { background-color: var(--background-color-active); }
.bg-inactive { background-color: var(--background-color-inactive); }

/* Syntax highlight for source editor */
.wgl-darkmode.skin-fandomdesktop .cm {
--codemirror-purple: #D2A8FF;
}

/* [[Template:Check]] */
.check-yes { color: #3DC434; font-size: 20px; }
.check-no { color: red; font-size: 20px; }
.check-blank { font-size: 20px; }
.check-unknown { font-size: 20px; }
.check-special { color: #C014E2; font-size: 20px; }

MediaWiki:Vector.css

2026-07-14T03:11:59Z

Kuhlau:

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

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#mw-page-base {
background: none;
}

.vector-menu-tabs-legacy li {
background-color: var(--theme-page-background-color--secondary);
}
.vector-menu-tabs-legacy li a {
padding-top: 1em;
}

#catlinks {
font-size: small;
}

/* Generic rules */

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Common.css

2026-07-14T03:10:05Z

Kuhlau:

MediaWiki:Gadget-Infobox.css

2026-07-14T03:07:54Z

Kuhlau:

/* Default stuff */
.pi-title, .pi-secondary-background {
background: var(--pi-secondary-background);
color: var(--pi-secondary-background--label);
}

/* Custom stuff */

.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);

border-radius: 5px;
border-style: unset;
border: 1px solid var(--pi-border);
color: var(--theme-page-text-color);
width: 270px;
}

.pi-theme-charnav .pi-navigation {
font-size: 14px;
}

/* Assume that there is already a title */
.portable-infobox .pi-header[data-item-name=secondary_title] {
padding-top: 0;
}

/* remove border between label and format */
.pi-horizontal-group .pi-horizontal-group-item,
.pi-smart-group-body {
border-top: none !important;
}

/* remove extra margin from empty border */
.pi-smart-group .pi-smart-data-label,
.pi-smart-group .pi-smart-data-value {
margin: 0;
}

/* add border above tabber */
.pi-item.pi-panel.pi-border-color.wds-tabber {
border-top: 1px solid var(--pi-border-color);
}

/* add border tabke header */
.pi-item.pi-group.pi-border-color thead tr {
border-top: 1px solid var(--pi-border-color);
}

/* add border below image */
.pi-image { border-bottom: 1px solid var(--pi-border-color); }

/* remove border above secondary title */
.pi-header[data-item-name=secondary_title],
.portable-infobox .pi-secondary-font {
border-top: none;
}

/* center collapsible headers */
.pi-collapse .pi-header:first-child {
padding-left: 40px;
}

/* remove margin added for normal headers */
.page-content .portable-infobox h1,
.page-content .portable-infobox h2,
.page-content .portable-infobox h3,
.page-content .portable-infobox h4,
.page-content .portable-infobox h5,
.page-content .portable-infobox h6 {
margin: 0;
}

/* remove padding for group label and value */
h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {
padding-bottom: 0;
}
.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {
padding-top: 0;
}

.portable-infobox.pi-type-anima .pi-anima-id {
margin-left: 5px !important;
background-color: #fefaf2 !important;
color: var(--theme-accent-color) !important;
padding: 2px 10px !important;
border-radius: 5px !important;
float: right !important;
}

.portable-infobox {
border-radius: 10px !important;
overflow: hidden;
}

.portable-infobox.pi-type-anima .pi-title {
text-align: left;
}

.portable-infobox.pi-type-anima .pi-title-text {
padding: 2px 0 0 5px;
font-size: 20px;
}

.portable-infobox .pi-header {
background-color: var(--pi-header-bg-color);
color: var(--pi-header-color);
padding-top: 10px !important;
text-transform: none;
}

.portable-infobox .pi-group {
color: var(--theme-page-text-color);
background-color: var(--pi-rows-color);
}

.portable-infobox .pi-horizontal-group {
border-top: 1px solid var(--pi-border);
}

.portable-infobox .pi-image { border-bottom: none; }

.portable-infobox .pi-item[data-item-name="center"] {
justify-content: center;
}

.pi-data {
border-color: var(--pi-border);
background-color: var(--pi-rows-color);
}

/* Fix tabs in infobox */
.portable-infobox .wds-tabs {
width: 100%;
background-color: var(--pi-tabber-bg-color);
border-top: 1px solid var(--pi-border);
}

.portable-infobox .wds-tabs .wds-tabs__tab {
text-align: center;
color: var(--pi-tabber-color);
> .wds-tabs__tab-label { height: 30px; }
}

.portable-infobox .wds-tabs .wds-is-current {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox .wds-tabs .wds-tabs__tab:hover {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox section:last-child .wds-tabs .wds-tabs__tab {
text-align: center;
}

/* Fix infobox tabs to not require horizontal scrolling and make better use of space */
aside.portable-infobox .wds-tabs {
display: flex;
flex-wrap: wrap;
}
aside.portable-infobox .wds-tabs__tab {
flex-grow: 1;
text-align: center;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
width: 100%;
max-width: 100%;
margin: -2px 0 0 0;
}

/* HNA Infobox Styling */
.pi-type-item .pi-item.pi-image {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image img {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image:before {
content: ' ';
display: block;
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
/*background-size: cover;*/
}
/*
.pi-type-item .pi-item.pi-image:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/
.pi-theme-1 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_1-Star.png");
}
.pi-theme-2 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_2-Star.png");
}
.pi-theme-3 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_3-Star.png");
}
.pi-theme-4 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_4-Star.png");
}
.pi-theme-5 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_5-Star.png");
}
/*
.pi-theme-4 .pi-item.pi-image:after {
background-image: url('SOMETHING-HERE');
}
*/

MediaWiki:Tables.css

2026-07-14T03:05:20Z

Kuhlau:

:root :is(.wgl-lightmode, .wgl-theme-light) {
--theme-vo-pill-background-color: rgba(0, 0, 0, .1);
}
:root :is(.wgl-darkmode, .wgl-theme-dark) {
--theme-vo-pill-background-color: rgba(255, 255, 255, .1);
}

/* table header and cell alignment */
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {
text-align: inherit;
padding: 0.2em 0.4em;
}

/* allow cell-specific align override */
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {
text-align: center;
}
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {
text-align: left;
}
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {
text-align: right;
}

.mw-parser-output :is(.article-table, .wikitable, .fandom-table) {
margin: 1em 0;
}

.mw-parser-output .article-table {
border-collapse: collapse;
}

/* collapsible button in tables */
:is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {
width: 5em;
width: auto;
width: fit-content;
}

/* collapsible button at caption on top of table */
:is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {
float: left !important;
}
/* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */
.mw-parser-output td > .columntemplate > :is(ul, ol),
.mw-parser-output td > :is(ul, ol) {
margin-left: 1em;
}

/* Prevent fandom-table header from being covered */
.fandom-table .fixed-header {
z-index: 9;
}

/* New table styling */
.article-table,
.wikitable,
.fandom-table,
.wikitable.filehistory {
border-radius: 4px;
overflow: hidden;
outline: 1px solid var(--theme-border-color);
outline-offset: -1px;
}

.wikitable,
.wikitable td,
.wikitable th,
.wikitable tr,
.fandom-table,
.fandom-table td,
.fandom-table th,
.fandom-table tr {
border: 1px solid var(--theme-border-color);
}

/* remove left and right td and th border if both article-table and fandom-table used */
.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}

.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}

/* tr styling */
.article-table tr:last-child,
.wikitable tr:last-child,
.fandom-table tr:last-child,
.wikitable.filehistory tr:last-child {
border-radius: 0 0 4px 4px;
overflow: hidden;
}

/* th styling */
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
font-weight: bold;
border: 1px solid var(--theme-border-color);
line-height: 20px;
padding: 10px;
}

.wikitable th hr,
.fandom-table th hr,
.wikitable.filehistory th hr {
border: 1px solid var(--theme-border-color);
}

.wikitable tr th:last-child,
.fandom-table:not(.article-table) tr th:last-child,
.wikitable.filehistory tr th:last-child {
border: 1px solid var(--theme-border-color);
}

/* td styling */
.wikitable td,
.wikitable td,
.wikitable.filehistory td {
padding: 5px 10px;
border: 1px solid var(--theme-border-color);
}

.wikitable td:last-child,
.fandom-table:not(.article-table) td:last-child,
.wikitable.filehistory td:last-child {
border: 1px solid var(--theme-border-color);
}

/* light mode colors */
body:is(.wgl-lightmode, .wgl-theme-light) {
/* force background color on wikitables */
.mw-datatable > :is(tbody, thead) > tr > th,
.mw-datatable > tr > th,
.mw-json > :is(tbody, thead) > tr > th,
.mw-json > tr > th,
.wikitable > :is(tbody, thead) > tr > th,
.wikitable > tr > th {
background-color: var(--theme-color-6);
}

/* th colors */
.article-table th,
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
background-color: var(--theme-color-6);
}

/* td colors */
.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-10) !important;
}

.sortable.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-9) !important;
}

.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-9) !important;
}

.sortable.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-10) !important;
}

/* ascension and stats */
.wikitable.ascension-stats th {
background-color: var(--theme-color-6);
}

.wikitable.ascension-stats tr.alternating1 {
background-color: var(--theme-color-9);
}

.wikitable.ascension-stats tr.alternating2 {
background-color: var(--theme-color-10);
}

.wikitable.ascension-stats tr.ascension {
background-color: var(--theme-color-8);
}
}

/* dark mode colors */
body:is(.wgl-darkmode, .wgl-theme-dark) {
/* force background color on wikitables */
.mw-datatable > :is(tbody, thead) > tr > th,
.mw-datatable > tr > th,
.mw-json > :is(tbody, thead) > tr > th,
.mw-json > tr > th,
.wikitable > :is(tbody, thead) > tr > th,
.wikitable > tr > th {
background-color: var(--theme-color-8);
}

/* th colors */
.article-table th,
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
background-color: var(--theme-color-8);
}

/* td colors */
.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-3) !important;
}

.sortable.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-4) !important;
}

.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-4) !important;
}

.sortable.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-3) !important;
}

/* ascension and stats */
.wikitable.ascension-stats th {
background-color: var(--theme-color-8);
}

.wikitable.ascension-stats tr.alternating1 {
background-color: var(--theme-color-3);
}

.wikitable.ascension-stats tr.alternating2 {
background-color: var(--theme-color-4);
}

.wikitable.ascension-stats tr.ascension {
background-color: var(--theme-color-6);
}
}

/*======================================================*/
/* Styles that can be added to an entire table itself */
/* to apply to each cell in the respective column. */
/* Removes the need to apply styles to individual cells.*/
/*======================================================*/
#content .mw-parser-output {
.tdl td,
.tdl1 td:nth-child(1),
.tdl2 td:nth-child(2),
.tdl3 td:nth-child(3),
.tdl4 td:nth-child(4),
.tdl5 td:nth-child(5),
.tdl6 td:nth-child(6),
.tdl7 td:nth-child(7),
.tdl8 td:nth-child(8),
.tdl9 td:nth-child(9),
.tdl10 td:nth-child(10),
.tdl11 td:nth-child(11),
.tdl12 td:nth-child(12),
.tdl13 td:nth-child(13),
.tdl14 td:nth-child(14),
.tdl15 td:nth-child(15),
.tdl16 td:nth-child(16),
.tdl17 td:nth-child(17),
.tdl18 td:nth-child(18),
.tdl19 td:nth-child(19),
.tdl20 td:nth-child(20) {
text-align: left;
}

.thl th,
.thl1 th:nth-child(1),
.thl2 th:nth-child(2),
.thl3 th:nth-child(3),
.thl4 th:nth-child(4),
.thl5 th:nth-child(5),
.thl6 th:nth-child(6),
.thl7 th:nth-child(7),
.thl8 th:nth-child(8),
.thl9 th:nth-child(9),
.thl10 th:nth-child(10),
.thl11 th:nth-child(11),
.thl12 th:nth-child(12),
.thl13 th:nth-child(13),
.thl14 th:nth-child(14),
.thl15 th:nth-child(15),
.thl16 th:nth-child(16),
.thl17 th:nth-child(17),
.thl18 th:nth-child(18),
.thl19 th:nth-child(19),
.thl20 th:nth-child(20) {
text-align: left;
}

.tdc td,
.tdc1 td:nth-child(1),
.tdc2 td:nth-child(2),
.tdc3 td:nth-child(3),
.tdc4 td:nth-child(4),
.tdc5 td:nth-child(5),
.tdc6 td:nth-child(6),
.tdc7 td:nth-child(7),
.tdc8 td:nth-child(8),
.tdc9 td:nth-child(9),
.tdc10 td:nth-child(10),
.tdc11 td:nth-child(11),
.tdc12 td:nth-child(12),
.tdc13 td:nth-child(13),
.tdc14 td:nth-child(14),
.tdc15 td:nth-child(15),
.tdc16 td:nth-child(16),
.tdc17 td:nth-child(17),
.tdc18 td:nth-child(18),
.tdc19 td:nth-child(19),
.tdc20 td:nth-child(20) {
text-align: center;
}

.thc th,
.thc1 th:nth-child(1),
.thc2 th:nth-child(2),
.thc3 th:nth-child(3),
.thc4 th:nth-child(4),
.thc5 th:nth-child(5),
.thc6 th:nth-child(6),
.thc7 th:nth-child(7),
.thc8 th:nth-child(8),
.thc9 th:nth-child(9),
.thc10 th:nth-child(10),
.thc11 th:nth-child(11),
.thc12 th:nth-child(12),
.thc13 th:nth-child(13),
.thc14 th:nth-child(14),
.thc15 th:nth-child(15),
.thc16 th:nth-child(16),
.thc17 th:nth-child(17),
.thc18 th:nth-child(18),
.thc19 th:nth-child(19),
.thc20 th:nth-child(20) {
text-align: center;
}

.tdr td,
.tdr1 td:nth-child(1),
.tdr2 td:nth-child(2),
.tdr3 td:nth-child(3),
.tdr4 td:nth-child(4),
.tdr5 td:nth-child(5),
.tdr6 td:nth-child(6),
.tdr7 td:nth-child(7),
.tdr8 td:nth-child(8),
.tdr9 td:nth-child(9),
.tdr10 td:nth-child(10),
.tdr11 td:nth-child(11),
.tdr12 td:nth-child(12),
.tdr13 td:nth-child(13),
.tdr14 td:nth-child(14),
.tdr15 td:nth-child(15),
.tdr16 td:nth-child(16),
.tdr17 td:nth-child(17),
.tdr18 td:nth-child(18),
.tdr19 td:nth-child(19),
.tdr20 td:nth-child(20) {
text-align: right;
}

.thr th,
.thr1 th:nth-child(1),
.thr2 th:nth-child(2),
.thr3 th:nth-child(3),
.thr4 th:nth-child(4),
.thr5 th:nth-child(5),
.thr6 th:nth-child(6),
.thr7 th:nth-child(7),
.thr8 th:nth-child(8),
.thr9 th:nth-child(9),
.thr10 th:nth-child(10),
.thr11 th:nth-child(11),
.thr12 th:nth-child(12),
.thr13 th:nth-child(13),
.thr14 th:nth-child(14),
.thr15 th:nth-child(15),
.thr16 th:nth-child(16),
.thr17 th:nth-child(17),
.thr18 th:nth-child(18),
.thr19 th:nth-child(19),
.thr20 th:nth-child(20) {
text-align: right;
}

.tdt td,
.tdt1 td:nth-child(1),
.tdt2 td:nth-child(2),
.tdt3 td:nth-child(3),
.tdt4 td:nth-child(4),
.tdt5 td:nth-child(5),
.tdt6 td:nth-child(6),
.tdt7 td:nth-child(7),
.tdt8 td:nth-child(8),
.tdt9 td:nth-child(9),
.tdt10 td:nth-child(10),
.tdt11 td:nth-child(11),
.tdt12 td:nth-child(12),
.tdt13 td:nth-child(13),
.tdt14 td:nth-child(14),
.tdt15 td:nth-child(15),
.tdt16 td:nth-child(16),
.tdt17 td:nth-child(17),
.tdt18 td:nth-child(18),
.tdt19 td:nth-child(19),
.tdt20 td:nth-child(20) {
vertical-align: top;
}

.tht th,
.tht1 th:nth-child(1),
.tht2 th:nth-child(2),
.tht3 th:nth-child(3),
.tht4 th:nth-child(4),
.tht5 th:nth-child(5),
.tht6 th:nth-child(6),
.tht7 th:nth-child(7),
.tht8 th:nth-child(8),
.tht9 th:nth-child(9),
.tht10 th:nth-child(10),
.tht11 th:nth-child(11),
.tht12 th:nth-child(12),
.tht13 th:nth-child(13),
.tht14 th:nth-child(14),
.tht15 th:nth-child(15),
.tht16 th:nth-child(16),
.tht17 th:nth-child(17),
.tht18 th:nth-child(18),
.tht19 th:nth-child(19),
.tht20 th:nth-child(20) {
vertical-align: top;
}

.tdm td,
.tdm1 td:nth-child(1),
.tdm2 td:nth-child(2),
.tdm3 td:nth-child(3),
.tdm4 td:nth-child(4),
.tdm5 td:nth-child(5),
.tdm6 td:nth-child(6),
.tdm7 td:nth-child(7),
.tdm8 td:nth-child(8),
.tdm9 td:nth-child(9),
.tdm10 td:nth-child(10),
.tdm11 td:nth-child(11),
.tdm12 td:nth-child(12),
.tdm13 td:nth-child(13),
.tdm14 td:nth-child(14),
.tdm15 td:nth-child(15),
.tdm16 td:nth-child(16),
.tdm17 td:nth-child(17),
.tdm18 td:nth-child(18),
.tdm19 td:nth-child(19),
.tdm20 td:nth-child(20) {
vertical-align: middle;
}

.thm th,
.thm1 th:nth-child(1),
.thm2 th:nth-child(2),
.thm3 th:nth-child(3),
.thm4 th:nth-child(4),
.thm5 th:nth-child(5),
.thm6 th:nth-child(6),
.thm7 th:nth-child(7),
.thm8 th:nth-child(8),
.thm9 th:nth-child(9),
.thm10 th:nth-child(10),
.thm11 th:nth-child(11),
.thm12 th:nth-child(12),
.thm13 th:nth-child(13),
.thm14 th:nth-child(14),
.thm15 th:nth-child(15),
.thm16 th:nth-child(16),
.thm17 th:nth-child(17),
.thm18 th:nth-child(18),
.thm19 th:nth-child(19),
.thm20 th:nth-child(20) {
vertical-align: middle;
}

.tdb td,
.tdb1 td:nth-child(1),
.tdb2 td:nth-child(2),
.tdb3 td:nth-child(3),
.tdb4 td:nth-child(4),
.tdb5 td:nth-child(5),
.tdb6 td:nth-child(6),
.tdb7 td:nth-child(7),
.tdb8 td:nth-child(8),
.tdb9 td:nth-child(9),
.tdb10 td:nth-child(10),
.tdb11 td:nth-child(11),
.tdb12 td:nth-child(12),
.tdb13 td:nth-child(13),
.tdb14 td:nth-child(14),
.tdb15 td:nth-child(15),
.tdb16 td:nth-child(16),
.tdb17 td:nth-child(17),
.tdb18 td:nth-child(18),
.tdb19 td:nth-child(19),
.tdb20 td:nth-child(20) {
vertical-align: bottom;
}

.thb th,
.thb1 th:nth-child(1),
.thb2 th:nth-child(2),
.thb3 th:nth-child(3),
.thb4 th:nth-child(4),
.thb5 th:nth-child(5),
.thb6 th:nth-child(6),
.thb7 th:nth-child(7),
.thb8 th:nth-child(8),
.thb9 th:nth-child(9),
.thb10 th:nth-child(10),
.thb11 th:nth-child(11),
.thb12 th:nth-child(12),
.thb13 th:nth-child(13),
.thb14 th:nth-child(14),
.thb15 th:nth-child(15),
.thb16 th:nth-child(16),
.thb17 th:nth-child(17),
.thb18 th:nth-child(18),
.thb19 th:nth-child(19),
.thb20 th:nth-child(20) {
vertical-align: bottom;
}
}

/** Classes for table width **/
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-33 {width: 33%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-66 {width: 66%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

/** For custom Genshin Impact Wiki Collapsible **/
.giw-collapsible.mw-collapsible,
:is(.giw-collapsible, .voice-over-table) .mw-collapsible {
padding: 0;
margin: 7px 0;
}

:is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {
padding: 3px;
border: solid 1px var(--border-color);
border-radius: 5px;
float: none;
}

:is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {
color: var(--theme-link-color)
}

:is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,
:is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {
content: "";
color: var(--theme-link-color)
}

.giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {
float: unset;
}

.giw-collapsible.giw-collapsible-clamped {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 0;
}

.giw-collapsible.giw-collapsible-clamped.mw-collapsed {
-webkit-line-clamp: 5;
}

/* Talent Table Infobox Formatting */
.type-talent-details {
margin: 0;
width: 100%;
border-radius: 0;
float: none;
}

.type-talent-details .pi-data {
text-align: left;
background-color: var(--theme-page-background-color);
}

.type-talent-details .pi-group {
background-color: var(--theme-color-8);
}

.type-talent-details .pi-horizontal-group-item {
padding: 8px 0;
}

.type-talent-details .pi-font {
font-size: 14px;
}
/** For [[Template:Enemy Attacks]] **/
.enemy-attack .enemy-attack-header {
display: block;
border: solid 1px var(--border-color);
border-radius: 5px;
color: var(--border-color);
padding: 0px 5px;
margin-top: 7px;
width: min-content;
}

/** For [[Archon Quests]] Character Appearances **/
.mw-parser-output .appearances-table > * > tr > :is(th, td) {
padding-top: 0;
padding-bottom: 0;
}

.mw-parser-output .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {
border: solid 1px var(--theme-border-color);
}

/** zero padding table cell and header **/
.mw-parser-output table.p-0 td,
.mw-parser-output table.p-0 th {
padding: 0;
}

/** zero margin cell and header **/
.mw-parser-output table.m-0 td,
.mw-parser-output table.m-0 th {
margin: 0;
}

/** Diagonal middle header line for Template:Diagonal Split Header **/
:is(th, td).split-header {
background: linear-gradient( to top right,
var(--theme-page-background-color--secondary) 49.5%,
var(--theme-border-color) 49.5%,
var(--theme-border-color) 50.5%,
var(--theme-page-background-color--secondary) 50.5%);
line-height: 1;
}

table.nowrap :is(th, td) {
white-space: nowrap;
}

/** For [[Template:Wish List]] **/
.wish-banners {
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.wish-banners > div {
text-align: center;
}

.wish-banners > div > a.new:first-child[href*='Special:Upload'] {
display: inline-block;
width: 250px;
height: 141px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

/** For [[Template:Wishes by Category Table]] **/
.wishes-by-category-table td:first-child > a.new:first-child[href*='Special:Upload'] {
display: inline-block;
width: 200px;
height: 113px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

/** For [[Template:Wish Pool]] **/
.wish-pool-table {
width: 100%;
}

.wish-pool-table tr:first-child th:first-child {
width: 7.5rem;
}

/* Horizontal sticky of first column in table */
.sticky-table tr > th:first-child {
position: -webkit-sticky;
position: sticky;
display: table-cell;
left: 0;
z-index: 9;
}

/* Fix FandomMobile forcing display:block on tables */
@media (max-width: 639px) { .mw-parser-output table {display:table;} }

/* Sortable icon fixes (high specifity required to override) */
:root .mediawiki .jquery-tablesorter {
.headerSort {
padding-right: 12px;
&:before, &:after {
margin-right: 2px;
right: 0 !important;
}
&.table-progress-tracking-header {
padding-left: 4px;
.header_icon svg {width: 14px;}
}
}
}

/* Fix tracking column in mobile */
.skin-minerva .table-progress-tracking-header {
width: 34px;
.header_icon p {width: min-content; justify-content: center;}
}

/* Pill format for VO requirements */
.voice-over-table tr:not(:first-child) th:first-child {
> span[lang] {
font-size: larger;
display: block;
}
> hr ~ div {
font-weight: normal;
display: flex;
gap: 5px;
flex-wrap: wrap;
> small {
padding: 4px 6px 4px 4px;
background-color: var(--theme-vo-pill-background-color);
border-radius: 3px;
display: inline-flex;
gap: 3px;
align-items: center;
}
}
}

MediaWiki:Gadget-Infobox.css

2026-07-14T03:04:34Z

Kuhlau:

/* Default stuff */
.pi-title, .pi-secondary-background {
background: var(--pi-secondary-background);
color: var(--pi-secondary-background--label);
}

/* Custom stuff */

.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);

border-radius: 5px;
border-style: unset;
border: 1px solid var(--pi-border);
color: var(--theme-page-text-color);
width: 270px;
}

.pi-theme-charnav .pi-navigation {
font-size: 14px;
}

/* Assume that there is already a title */
.portable-infobox .pi-header[data-item-name=secondary_title] {
padding-top: 0;
}

/* remove border between label and format */
.pi-horizontal-group .pi-horizontal-group-item,
.pi-smart-group-body {
border-top: none !important;
}

/* remove extra margin from empty border */
.pi-smart-group .pi-smart-data-label,
.pi-smart-group .pi-smart-data-value {
margin: 0;
}

/* add border above tabber */
.pi-item.pi-panel.pi-border-color.wds-tabber {
border-top: 1px solid var(--pi-border-color);
}

/* add border tabke header */
.pi-item.pi-group.pi-border-color thead tr {
border-top: 1px solid var(--pi-border-color);
}

/* add border below image */
.pi-image { border-bottom: 1px solid var(--pi-border-color); }

/* remove border above secondary title */
.pi-header[data-item-name=secondary_title],
.portable-infobox .pi-secondary-font {
border-top: none;
}

/* center collapsible headers */
.pi-collapse .pi-header:first-child {
padding-left: 40px;
}

/* remove margin added for normal headers */
.page-content .portable-infobox h1,
.page-content .portable-infobox h2,
.page-content .portable-infobox h3,
.page-content .portable-infobox h4,
.page-content .portable-infobox h5,
.page-content .portable-infobox h6 {
margin: 0;
}

/* remove padding for group label and value */
h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {
padding-bottom: 0;
}
.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {
padding-top: 0;
}

.portable-infobox.pi-type-anima .pi-anima-id {
margin-left: 5px !important;
background-color: #fefaf2 !important;
color: var(--theme-accent-color) !important;
padding: 2px 10px !important;
border-radius: 5px !important;
float: right !important;
}

.portable-infobox {
border-radius: 10px !important;
overflow: hidden;
}

.portable-infobox.pi-type-anima .pi-title {
text-align: left;
}

.portable-infobox.pi-type-anima .pi-title-text {
padding: 2px 0 0 5px;
font-size: 20px;
}

.portable-infobox .pi-header {
background-color: var(--pi-header-bg-color);
color: var(--pi-header-color);
padding-top: 10px !important;
text-transform: none;
}

.portable-infobox .pi-group {
color: var(--theme-page-text-color);
background-color: var(--pi-rows-color);
}

.portable-infobox .pi-horizontal-group {
border-top: 1px solid var(--pi-border);
}

.portable-infobox .pi-image { border-bottom: none; }

.portable-infobox .pi-item[data-item-name="center"] {
justify-content: center;
}

.pi-data {
border-color: var(--pi-border);
background-color: var(--pi-rows-color);
}

/* Fix tabs in infobox */
.portable-infobox .wds-tabs {
width: 100%;
background-color: var(--pi-tabber-bg-color);
border-top: 1px solid var(--pi-border);
}

.portable-infobox .wds-tabs .wds-tabs__tab {
text-align: center;
color: var(--pi-tabber-color);
> .wds-tabs__tab-label { height: 30px; }
}

.portable-infobox .wds-tabs .wds-is-current {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox .wds-tabs .wds-tabs__tab:hover {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox section:last-child .wds-tabs .wds-tabs__tab {
text-align: center;
}

/* Fix infobox tabs to not require horizontal scrolling and make better use of space */
aside.portable-infobox .wds-tabs {
display: flex;
flex-wrap: wrap;
}
aside.portable-infobox .wds-tabs__tab {
flex-grow: 1;
text-align: center;
}

/* Custom Infobox Styling */
.pi-type-item .pi-item.pi-image {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image img {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image:before {
content: ' ';
display: block;
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
/*background-size: cover;*/
}
/*
.pi-type-item .pi-item.pi-image:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/
.pi-theme-1 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_1-Star.png");
}
.pi-theme-2 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_2-Star.png");
}
.pi-theme-3 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_3-Star.png");
}
.pi-theme-4 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_4-Star.png");
}
.pi-theme-5 .pi-item.pi-image:before {
background-image: url("filepath://Item_Frame_5-Star.png");
}
/*
.pi-theme-4 .pi-item.pi-image:after {
background-image: url('SOMETHING-HERE');
}
*/

MediaWiki:Gadget-Infobox.css

2026-07-14T03:02:04Z

Kuhlau:

/* Default stuff */
.pi-title, .pi-secondary-background {
background: var(--pi-secondary-background);
color: var(--pi-secondary-background--label);
}

/* Custom stuff */

.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);

border-radius: 5px;
border-style: unset;
border: 1px solid var(--pi-border);
color: var(--theme-page-text-color);
width: 270px;
}

.pi-theme-charnav .pi-navigation {
font-size: 14px;
}

/* Assume that there is already a title */
.portable-infobox .pi-header[data-item-name=secondary_title] {
padding-top: 0;
}

/* remove border between label and format */
.pi-horizontal-group .pi-horizontal-group-item,
.pi-smart-group-body {
border-top: none !important;
}

/* remove extra margin from empty border */
.pi-smart-group .pi-smart-data-label,
.pi-smart-group .pi-smart-data-value {
margin: 0;
}

/* add border above tabber */
.pi-item.pi-panel.pi-border-color.wds-tabber {
border-top: 1px solid var(--pi-border-color);
}

/* add border tabke header */
.pi-item.pi-group.pi-border-color thead tr {
border-top: 1px solid var(--pi-border-color);
}

/* add border below image */
.pi-image { border-bottom: 1px solid var(--pi-border-color); }

/* remove border above secondary title */
.pi-header[data-item-name=secondary_title],
.portable-infobox .pi-secondary-font {
border-top: none;
}

/* center collapsible headers */
.pi-collapse .pi-header:first-child {
padding-left: 40px;
}

/* remove margin added for normal headers */
.page-content .portable-infobox h1,
.page-content .portable-infobox h2,
.page-content .portable-infobox h3,
.page-content .portable-infobox h4,
.page-content .portable-infobox h5,
.page-content .portable-infobox h6 {
margin: 0;
}

/* remove padding for group label and value */
h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {
padding-bottom: 0;
}
.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {
padding-top: 0;
}

.portable-infobox.pi-type-anima .pi-anima-id {
margin-left: 5px !important;
background-color: #fefaf2 !important;
color: var(--theme-accent-color) !important;
padding: 2px 10px !important;
border-radius: 5px !important;
float: right !important;
}

.portable-infobox {
border-radius: 10px !important;
overflow: hidden;
}

.portable-infobox.pi-type-anima .pi-title {
text-align: left;
}

.portable-infobox.pi-type-anima .pi-title-text {
padding: 2px 0 0 5px;
font-size: 20px;
}

.portable-infobox .pi-header {
background-color: var(--pi-header-bg-color);
color: var(--pi-header-color);
padding-top: 10px !important;
text-transform: none;
}

.portable-infobox .pi-group {
color: var(--theme-page-text-color);
background-color: var(--pi-rows-color);
}

.portable-infobox .pi-horizontal-group {
border-top: 1px solid var(--pi-border);
}

.portable-infobox .pi-image { border-bottom: none; }

.portable-infobox .pi-item[data-item-name="center"] {
justify-content: center;
}

.pi-data {
border-color: var(--pi-border);
background-color: var(--pi-rows-color);
}

/* Fix tabs in infobox */
.portable-infobox .wds-tabs {
width: 100%;
background-color: var(--pi-tabber-bg-color);
border-top: 1px solid var(--pi-border);
}

.portable-infobox .wds-tabs .wds-tabs__tab {
text-align: center;
color: var(--pi-tabber-color);
> .wds-tabs__tab-label { height: 30px; }
}

.portable-infobox .wds-tabs .wds-is-current {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox .wds-tabs .wds-tabs__tab:hover {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox section:last-child .wds-tabs .wds-tabs__tab {
text-align: center;
}

/* Fix infobox tabs to not require horizontal scrolling and make better use of space */
aside.portable-infobox .wds-tabs {
display: flex;
flex-wrap: wrap;
}
aside.portable-infobox .wds-tabs__tab {
flex-grow: 1;
text-align: center;
}

/* Custom Infobox Styling */
.pi-type-item .pi-item.pi-image {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image img {
position: relative;
z-index: 2;
opacity: 100;
}

.pi-type-item .pi-item.pi-image:before {
content: ' ';
display: block;
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
/*background-size: cover;*/
}
/*
.pi-type-item .pi-item.pi-image:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/
.pi-theme-1 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/d/d4/Item_Frame_1-Star.png/revision/latest?cb=20251106230926');
}
.pi-theme-2 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/d/d1/Item_Frame_2-Star.png/revision/latest?cb=20251106230944');
}
.pi-theme-3 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/2/2e/Item_Frame_3-Star.png/revision/latest?cb=20251106230852');
}
.pi-theme-4 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/b/bd/Item_Frame_4-Star.png/revision/latest?cb=20251106225622');
}
.pi-theme-5 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/6/6b/Item_Frame_5-Star.png/revision/latest?cb=20251106230906');
}
/*
.pi-theme-4 .pi-item.pi-image:after {
background-image: url('SOMETHING-HERE');
}
*/

MediaWiki:Vector.css

2026-07-14T02:58:19Z

Kuhlau: eh these tabs are like so hard to modify lol...

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

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#mw-page-base {
background: none;
}

.vector-menu-tabs-legacy li {
background-color: var(--theme-page-background-color--secondary);
}
.vector-menu-tabs-legacy li a {
padding-top: 1em;
}

/* Generic rules */

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Common.css

2026-07-14T02:47:12Z

Kuhlau: i think this should be common too no?

MediaWiki:Minerva.css

2026-07-14T02:46:53Z

Kuhlau: Created page with "/* All CSS here will be loaded for users of the MinervaNeue skin */ /* Avoid tabs from going off-screen and needing horizontal scrolling */ body > .main-container .wds-tabs__wrapper { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; margin-left: 0 !important; } /* Reducing left margin when using lists in a table. */ .mw-parser-output td > .columntemplate > ul, .mw-parser-output td > .columntemplate > ol, .mw-parser-output td > ul, .mw-parser-outpu..."

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

/* Avoid tabs from going off-screen and needing horizontal scrolling */
body > .main-container .wds-tabs__wrapper {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
margin-left: 0 !important;
}

/* Reducing left margin when using lists in a table. */
.mw-parser-output td > .columntemplate > ul,
.mw-parser-output td > .columntemplate > ol,
.mw-parser-output td > ul,
.mw-parser-output td > ol {
margin-left: 1em;
}

/* For [[Module:Formatting]] */
.custom-formatting-code {
display: inline-block;
line-height: 21px;
}
.custom-formatting-code.code-block-table {
display: table;
}
span.variable {
opacity: 0.65;
}
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
.custom-formatting-nested {
display: none;
}
.custom-formatting-resulting {
display: inline;
}
.custom-formatting-code .custom-formatting-nested {
display: inline-block;
}
.custom-formatting-code .custom-formatting-resulting {
display: none;
}
/* End for [[Module:Formatting]] */

MediaWiki:Vector.css

2026-07-14T02:45:24Z

Kuhlau: removing this for now as it's either common or unused

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

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#mw-page-base {
background: none;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Mbox.css

2026-07-14T02:44:40Z

Kuhlau: incorporate rules from FM CSS

/* Mbox */
.mbox {
--type-important: rgba(200, 0, 0, 0.8);
--type-moderate: rgba(233, 124, 47, 0.8);
--type-minor: rgba(241, 197, 37, 0.8);
display: flex;
position: relative;
background-color: var(--custom-mbox-bg);
border: 1px solid #d6d6d6;
border-left-width: 8px;
border-left-color: #d6d6d6;
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}

.mbox.mbox-type-important {
border-left-color: var(--type-important);
}

.mbox.mbox-type-moderate {
border-left-color: var(--type-moderate);
}

.mbox.mbox-type-minor {
border-left-color: var(--type-minor);
}

.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}

.mbox__content__image {
display: table-cell;
width: 40px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}

.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}

.mbox__content__header {
display: block;
font-weight: bold;
}

.mbox__content__text {
display: block;
}

.mbox__content__text__comment {
font-size: small;
}

.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding-left: 15px;
border-left: 1px solid #d6d6d6;
}

.mbox__close {
position: absolute;
right: 0;
top: 0;
padding: 2px 7px;
font-weight: bold;
font-size: 16px;
color: #bbb;
cursor: pointer;
transition: all .15s ease-in;
}

.mbox__close:hover {
color: #777;
}

.mbox__close:after {
content: '×';
}

.mw-collapsed+.mbox__close {
transform: rotate(45deg);
padding: 4px 7px 5px 2px;
}

/* Remove accessibility feature for mbox toggle */
.mw-customtoggle-mbox {
outline: none;
}

/* FandomMobile overrides */
.skin-minerva .mbox .mbox__content__image {
display: unset;
padding-right: 0;
height: unset;
vertical-align: top;
float: left;
}
/* possibly should be Display: Block, I'm not really sure what this is unsetting to off the top of my head */
.skin-minerva .mbox .mbox__content__wrapper {
display: unset;
}

.skin-minerva .mbox__content__image:has(.article-media-thumbnail) {
width: 75px;
}

.skin-minerva .mbox .article-media-thumbnail {
margin-bottom: 0;
}

.skin-minerva .mbox .mbox__content__header {
display: inline-block;
}

.skin-minerva .mbox__content .mbox__content__image img {
border: none;
}

MediaWiki:Common.css

2026-07-14T02:40:20Z

Kuhlau: move imports to Common

MediaWiki:Gadget-Colors.css

2026-07-14T02:36:43Z

Kuhlau:

/** Root **/
:root, .wgl-lightmode, .wgl-theme-light {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #43403D;
--theme-page-text-color-inverse: #FFFFFF;
--theme-link-color: #a65000;
--theme-border-color: #CECECE !important;
--theme-page-background-color: #fff;
--theme-page-background-color--secondary: #f2f2f2;

--group-color: var(--theme-color-5);
--border-color:var(--theme-color-1);
--title-color: var(--theme-color-6);
--subtitle-color:var(--theme-color-4);

--pi-border: #CECECE !important;
--pi-tabber-bg-color: #F1F1F1;
--pi-tabber-color: #969696;
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-text-color);
--pi-header-bg-color: #E6E6E6;
--pi-header-color: var(--theme-page-text-color);
--pi-rows-color: #f7f7f7;

--header-link-border-color-1: #f3eeeb;
--header-link-border-color-2: #edd8ce;
--mobile-lightbox-border-color: #a2a9b1;

--theme-color-1 : #A5998D;
--theme-color-2 : #B1A69B;
--theme-color-3 : #BCB2A9;
--theme-color-4 : #C7BFB7;
--theme-color-5 : #D2CCC6;
--theme-color-6 : #DFDAD5;
--theme-color-7 : #E7E3DE;
--theme-color-8 : #EFEBE7;
--theme-color-9 : #F7F4EF;
--theme-color-10: #FFFFFF;

--table-ascension-bg-color: #F7F7F7;

--custom-tabs-active-color: var(--theme-page-text-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #0075EB;
--color-menu: #937C6E;
--color-new: #317e2a;
--color-old: #932015;
--color-help: #BB8010;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--theme-color-1);
--desc-content: #bf8c4015;
}

:root .wgl-darkmode , :root .wgl-theme-dark {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #FFFFFF;
--theme-page-text-color-inverse: #3d4342;
--theme-link-color: #4cc2ad;
--theme-border-color: var(--theme-color-7) !important;
--theme-page-background-color: #111a20;
--theme-page-background-color--secondary: var(--theme-color-6);

--group-color: var(--theme-accent-color);
--border-color:var(--theme-border-color);
--title-color: var(--theme-accent-color);
--subtitle-color:var(--theme-accent-color);

--pi-border: var(--theme-border-color) !important;
--pi-tabber-bg-color: var(--theme-color-6);
--pi-tabber-color: var(--theme-page-text-color);
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-background-color);
--pi-header-bg-color: var(--theme-color-4);
--pi-header-color: var(--theme-accent-color);
--pi-rows-color: var(--theme-color-4);

--header-link-border-color-1: #3d285a;
--header-link-border-color-2: #2f295c;
--mobile-lightbox-border-color: var(--theme-border-color);

--theme-color-1 : hsl(205, 28%, 5%);
--theme-color-2 : hsl(205, 28%, 8%);
--theme-color-3 : hsl(204, 28%, 10%);
--theme-color-4 : hsl(205, 28%, 13%);
--theme-color-5 : hsl(205, 28%, 16%);
--theme-color-6 : hsl(205, 20%, 20%);
--theme-color-7 : hsl(205, 15%, 23%);
--theme-color-8 : hsl(205, 15%, 27%);
--theme-color-9 : hsl(205, 15%, 32%);
--theme-color-10: hsl(205, 15%, 37%);

--custom-tabs-active-color: var(--theme-page-background-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #2095EF;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #e35045;
--color-help: #e0bb00;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/* Recolor red links */
--theme-alert-color: #FF4B4B;
--theme-alert-color--rgb: rgb(255,75,75);
--theme-alert-color--hover: #ff6868;
/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--pi-border);
--desc-content: #bf8c4015;
}

/* Skin-specific */
:root {
--background-color-base: var(--theme-page-background-color);
--color-base: var(--theme-page-text-color);
}

/* Style scrollbars to match wiki theme */
#content {
scrollbar-color: var(--theme-link-color) var(--theme-body-background-color);
}

/* Darker version of alert */
.wgl-darkmode, .wgl-theme-dark {
--theme-alert-highlight: #a90000;
--theme-alert-highlight--rgb: rgb(169, 0, 0);
--theme-alert-highlight--hover: #c30000;
}

/** Highlighting **/
.bg-highlight {
background-color: rgb(137, 137, 137);
background-color: rgba(137, 137, 137, 0.4);
}

/** Invert filter **/
.wgl-darkmode .invert-dark { filter: invert(1); }
.wgl-lightmode .invert-light { filter: invert(1); }

/** Theme colors **/
.text-primary { color: var(--theme-page-text-color); }
.text-secondary { color: var(--theme-page-text-color--hover); }
.text-background { color: var(--theme-body-background-color); }
.text-sidebar { color: var(--theme-page-background-color--secondary); }
.text-accent { color: var(--theme-accent-label-color); }

.bg-primary { background-color: var(--theme-page-text-color); }
.bg-secondary { background-color: var(--theme-page-text-color--hover); }
.bg-background { background-color: var(--theme-body-background-color); }
.bg-sidebar { background-color: var(--theme-page-background-color--secondary); }
.bg-accent { background-color: var(--theme-accent-label-color); }

/* Colors from MediaWiki:Variables.css */
.text-title { color: var(--title-color); }
.text-subtitle { color: var(--subtitle-color); }
.text-group { color: var(--group-color); }
.text-border { color: var(--border-color); }

.bg-title { background-color: var(--title-color); }
.bg-subtitle { background-color: var(--subtitle-color); }
.bg-group { background-color: var(--group-color); }
.bg-border { background-color: var(--border-color); }

.border-title { border-color: var(--title-color); }
.border-subtitle { border-color: var(--subtitle-color); }
.border-group { border-color: var(--group-color); }
.border-border { border-color: var(--border-color); }

/* Change color of classes that used alert-color as bg color */
.wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error,
.wgl-darkmode .postedit.mw-notification.mw-notification-type-error,
.wgl-darkmode .wds-table-td-alert,
.wgl-darkmode .diff td.diff-deletedline .diffchange {
background-color: var(--theme-alert-highlight);
}

.wgl-darkmode .diff td.diff-deletedline {
border-color: var(--theme-alert-highlight);
}

/* [[Template:Color]] */

.text-error, .text-error * { color: var(--theme-alert-color); }
.bg-error { background-color: var(--theme-alert-highlight); }

.text-buzz, .text-buzz * { color: var(--color-buzz); }
.bg-buzz { background-color: var(--color-buzz); }

.text-menu, .text-menu * { color: var(--color-menu); }
.bg-menu { background-color: var(--color-menu); }

.text-new, .text-new * { color: var(--color-new); }
.bg-new { background-color: var(--color-new); }

.text-old, .text-old * { color: var(--color-old); }
.bg-old { background-color: var(--color-old); }

.text-help, .text-help * { color: var(--color-help); }
.bg-help { background-color: var(--color-help); }

.text-R4S, .text-R4S * { color: var(--color-R4S); }
.bg-R4S { background-color: var(--color-R4S); }

.text-R5S, .text-R5S * { color: var(--color-R5S); }
.bg-R5S { background-color: var(--color-R5S); }

/* Backgrounds */
.bg-active { background-color: var(--background-color-active); }
.bg-inactive { background-color: var(--background-color-inactive); }

/* Syntax highlight for source editor */
.wgl-darkmode.skin-fandomdesktop .cm {
--codemirror-purple: #D2A8FF;
}

/* [[Template:Check]] */
.check-yes { color: #3DC434; font-size: 20px; }
.check-no { color: red; font-size: 20px; }
.check-blank { font-size: 20px; }
.check-unknown { font-size: 20px; }
.check-special { color: #C014E2; font-size: 20px; }

MediaWiki:Vector.css

2026-07-14T02:35:03Z

Kuhlau:

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#mw-page-base {
background: none;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Vector.css

2026-07-14T02:32:56Z

Kuhlau:

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Vector.css

2026-07-14T02:32:41Z

Kuhlau:

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url("https://hna.wiki/images/Site-background-light.jpeg");
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url("https://hna.wiki/images/Site-background-dark");
--body-background-image-fallback: darkblue;
}

body {
background-image: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

File:Site-background-light

2026-07-14T02:26:58Z

Kuhlau: Kuhlau moved page File:Site-background-light to File:Site-background-light.jpeg: possibly needs to have a listed file type to function, I'm not really sure

#REDIRECT [[File:Site-background-light.jpeg]]

File:Site-background-light.jpeg

2026-07-14T02:26:58Z

Kuhlau: Kuhlau moved page File:Site-background-light to File:Site-background-light.jpeg: possibly needs to have a listed file type to function, I'm not really sure

Module:Quote/i18n

2026-07-13T23:38:08Z

Kuhlau: https://dev.fandom.com/wiki/Module:Quote/i18n

-- <nowiki>
return {
["_metadata"] = {
["order"] = {
"align",
"class",
"context",
"person",
"personquoted",
"quote",
"quotesource",
"quotetext",
"quotewidth",
"source",
"speaker",
"style",
"text",
"width"
}
},
["en"] = {
["align"] = "align",
["class"] = "class",
["context"] = "context",
["person"] = "person",
["personquoted"] = "personquoted",
["quote"] = "quote",
["quotesource"] = "quotesource",
["quotetext"] = "quotetext",
["quotewidth"] = "quotewidth",
["source"] = "source",
["speaker"] = "speaker",
["style"] = "style",
["text"] = "text",
["width"] = "width"
},
["de"] = {
["align"] = "textausrichtung",
["class"] = "klasse",
["context"] = "kontext",
["person"] = "person",
["personquoted"] = "zitierte person",
["quote"] = "zitat",
["quotesource"] = "zitatquelle",
["quotetext"] = "zitattext",
["quotewidth"] = "zitatbreite",
["source"] = "quelle",
["speaker"] = "sprecher",
["style"] = "style",
["text"] = "text",
["width"] = "breite"
},
["et"] = {
["align"] = "joondus",
["class"] = "klass",
["context"] = "kontekst",
["person"] = "isik",
["personquoted"] = "tsiteeritudisik",
["quote"] = "tsitaat",
["quotesource"] = "tsitaadiallikas",
["quotetext"] = "tsitaaditekst",
["quotewidth"] = "tsitaadilaius",
["source"] = "alikas",
["speaker"] = "kõneleja",
["style"] = "stiil",
["text"] = "tekst",
["width"] = "laius"
},
["hi"] = {
["align"] = "संरेखण",
["class"] = "क्लास",
["context"] = "प्रसंग",
["person"] = "व्यक्ति",
["personquoted"] = "personquoted",
["quote"] = "उद्धरण",
["quotesource"] = "quotesource",
["quotetext"] = "quotetext",
["quotewidth"] = "quotewidth",
["source"] = "स्रोत",
["speaker"] = "वक्ता",
["style"] = "स्टाइल",
["text"] = "टेक्स्ट",
["width"] = "चौड़ाई"
},
["pl"] = {
["align"] = "wyrównanie",
["class"] = "klasa",
["context"] = "kontekst",
["person"] = "osoba",
["personquoted"] = "cytowana osoba",
["quote"] = "cytat",
["quotesource"] = "źródło cytatu",
["quotetext"] = "tekst cytatu",
["quotewidth"] = "szerokość cytatu",
["source"] = "źródło",
["speaker"] = "mówca",
["style"] = "style",
["text"] = "tekst",
["width"] = "szerokość"
},
["pt-br"] = {
["align"] = "alinhar",
["class"] = "class",
["context"] = "contexto",
["person"] = "pessoa",
["personquoted"] = "citado por pessoa",
["quote"] = "citação",
["quotesource"] = "fonte da citação",
["quotetext"] = "textp da citação",
["quotewidth"] = "largura da citação",
["source"] = "fonte",
["speaker"] = "orador",
["style"] = "estilo",
["text"] = "texto",
["width"] = "largura"
},
["ru"] = {
["align"] = "align",
["class"] = "class",
["context"] = "context",
["person"] = "person",
["personquoted"] = "personquoted",
["quote"] = "цитата",
["quotesource"] = "quotesource",
["quotetext"] = "quotetext",
["quotewidth"] = "quotewidth",
["source"] = "источник",
["speaker"] = "автор",
["style"] = "style",
["text"] = "text",
["width"] = "width"
},
["th"] = {
["context"] = "ข้อมูล",
["person"] = "บุคคล",
["style"] = "ลักษณะ",
["width"] = "กว้าง"
},
["tl"] = {
["align"] = "paghahanay",
["class"] = "klase",
["context"] = "konteksto",
["person"] = "tao",
["personquoted"] = "",
["quote"] = "quote",
["quotesource"] = "pinagmulanngquote",
["quotetext"] = "tekstongquote",
["quotewidth"] = "lapadngquote",
["source"] = "pinagkukunan",
["speaker"] = "tagapagsalita",
["style"] = "istilo",
["text"] = "teksto",
["width"] = "haba"
},
["tr"] = {
["align"] = "hizalama",
["class"] = "sınıf",
["context"] = "bağlam",
["person"] = "kişi",
["personquoted"] = "kişitırnağı",
["quote"] = "ksöz",
["quotesource"] = "tırnakkaynağı",
["quotetext"] = "tırnakmetni",
["quotewidth"] = "tırnakgenişliği",
["source"] = "kaynak",
["speaker"] = "sözcü",
["style"] = "stil",
["text"] = "metin",
["width"] = "genişlik"
},
["vi"] = {
["align"] = "căn",
["class"] = "lớp",
["context"] = "nội dung",
["person"] = "người",
["personquoted"] = "người nói",
["quote"] = "trích dẫn",
["quotesource"] = "nguồn trích dẫn",
["quotetext"] = "văn bản trích dẫn",
["quotewidth"] = "chiều dài trích dẫn",
["source"] = "nguồn",
["speaker"] = "diễn giả",
["style"] = "kiểu dáng",
["text"] = "văn bản",
["width"] = "chiều dài"
}
}
-- </nowiki>

Module:Quote

2026-07-13T23:37:03Z

Kuhlau:

-- <nowiki>
local Quote = {}
local getArgs = require('Module:Arguments').getArgs
local i18n = require('Module:I18n').loadMessages('Quote')

local function build(quote_contents, quote_source, options)
local quote_container = mw.html.create('blockquote')
:addClass('pull-quote')
:addClass(options.align)
:addClass(options.extraclasses)
:css(options.styles)
:cssText(options.extrastyles)
:node(quote_contents)

if quote_source then
quote_container:tag('div')
:addClass('pull-quote__source')
:tag('cite')
:wikitext(quote_source)
:done()
:done()
end

return quote_container
end

local function options(args)
local options = {}

options.styles = {}
options.extraclasses = i18n:parameter('class', args)
options.extrastyles = i18n:parameter('style', args)
options.align = ''
local align = i18n:parameter('align', args)
if align then
options.align = 'pull-quote--' .. align
options.styles['width'] = i18n:parameter('width', args) or
i18n:parameter('quotewidth', args) or
'300px'
end

return options
end

-- let MediaWiki parser auto-generate <p> tags
local function paragraph(quotetext)
return '\n' .. quotetext .. '\n'
end

function Quote.quote(frame)
local args = getArgs(frame)

local options = options(args)

local quotetext = args[1] or
i18n:parameter('quotetext', args) or
i18n:parameter('quote', args) or
i18n:parameter('text', args) or ''

local person = args[2] or
i18n:parameter('person', args) or
i18n:parameter('speaker', args) or
i18n:parameter('personquoted', args) or nil

local source = args[3] or
i18n:parameter('source', args) or
i18n:parameter('quote_source', args) or nil

local quote_contents = mw.html.create('div')
:addClass('pull-quote__text')
:wikitext(paragraph(quotetext))

local quote_source = person

if person and source then
quote_source = person .. ', ' .. source
elseif source then
quote_source = source
end

return build(quote_contents, quote_source, options)
end

function Quote.dialogue(frame)
local args = getArgs(frame)

local options = options(args)

local quote_contents = mw.html.create('div')
:addClass('pull-quote__text')

local quote_source

for i, v in ipairs(args) do
local next_param = i + 1

if i % 2 ~= 0 then
quote_contents:tag('div')
:addClass('pull-quote__line')
:tag('strong')
:addClass('pull-quote__speaker')
:wikitext(v .. ':')
:done()
:wikitext(' ' .. paragraph(args[next_param]))
:done()
end
end

local context = i18n:parameter('context', args)
local source = i18n:parameter('source', args)
if context and source then
quote_source = context .. ', ' .. source
elseif context and not source then
quote_source = context
elseif source and not context then
quote_source = source
end

return build(quote_contents, quote_source, options)

end

return Quote
-- </nowiki>

MediaWiki:Vector.css

2026-07-13T23:35:48Z

Kuhlau:

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url('https://hna.wiki/images/Site-background-light');
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url('https://hna.wiki/images/Site-background-dark');
--body-background-image-fallback: darkblue;
}

body {
background-image: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url("https://hna.wiki/images/Unknown.png");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Gadget-Infobox.css

2026-07-13T23:10:20Z

Kuhlau:

/* Default stuff */
.pi-title, .pi-secondary-background {
background: var(--pi-secondary-background);
color: var(--pi-secondary-background--label);
}

/* Custom stuff */

.portable-infobox {
--pi-background: var(--theme-page-background-color);
--pi-secondary-background: var(--theme-accent-color);
--pi-secondary-background--label: var(--theme-accent-label-color);

border-radius: 5px;
border-style: unset;
border: 1px solid var(--pi-border);
color: var(--theme-page-text-color);
width: 270px;
}

.pi-theme-charnav .pi-navigation {
font-size: 14px;
}

/* Assume that there is already a title */
.portable-infobox .pi-header[data-item-name=secondary_title] {
padding-top: 0;
}

/* remove border between label and format */
.pi-horizontal-group .pi-horizontal-group-item,
.pi-smart-group-body {
border-top: none !important;
}

/* remove extra margin from empty border */
.pi-smart-group .pi-smart-data-label,
.pi-smart-group .pi-smart-data-value {
margin: 0;
}

/* add border above tabber */
.pi-item.pi-panel.pi-border-color.wds-tabber {
border-top: 1px solid var(--pi-border-color);
}

/* add border tabke header */
.pi-item.pi-group.pi-border-color thead tr {
border-top: 1px solid var(--pi-border-color);
}

/* add border below image */
.pi-image { border-bottom: 1px solid var(--pi-border-color); }

/* remove border above secondary title */
.pi-header[data-item-name=secondary_title],
.portable-infobox .pi-secondary-font {
border-top: none;
}

/* center collapsible headers */
.pi-collapse .pi-header:first-child {
padding-left: 40px;
}

/* remove margin added for normal headers */
.page-content .portable-infobox h1,
.page-content .portable-infobox h2,
.page-content .portable-infobox h3,
.page-content .portable-infobox h4,
.page-content .portable-infobox h5,
.page-content .portable-infobox h6 {
margin: 0;
}

/* remove padding for group label and value */
h3.pi-smart-data-label.pi-data-label.pi-secondary-font.pi-item-spacing.pi-border-color {
padding-bottom: 0;
}
.pi-smart-data-value.pi-data-value.pi-font.pi-item-spacing.pi-border-color {
padding-top: 0;
}

.portable-infobox.type-anima .pi-anima-id {
margin-left: 5px !important;
background-color: #fefaf2 !important;
color: var(--theme-accent-color) !important;
padding: 2px 10px !important;
border-radius: 5px !important;
float: right !important;
}

.portable-infobox {
border-radius: 10px !important;
overflow: hidden;
}

.portable-infobox.type-anima .pi-title {
text-align: left;
}

.portable-infobox.type-anima .pi-title-text {
padding: 2px 0 0 5px;
font-size: 20px;
}

.portable-infobox .pi-header {
background-color: var(--pi-header-bg-color);
color: var(--pi-header-color);
padding-top: 10px !important;
text-transform: none;
}

.portable-infobox .pi-group {
color: var(--theme-page-text-color);
background-color: var(--pi-rows-color);
}

.portable-infobox .pi-horizontal-group {
border-top: 1px solid var(--pi-border);
}

.portable-infobox .pi-image { border-bottom: none; }

.portable-infobox .pi-item[data-item-name="center"] {
justify-content: center;
}

.pi-data {
border-color: var(--pi-border);
background-color: var(--pi-rows-color);
}

/* Fix tabs in infobox */
.portable-infobox .wds-tabs {
width: 100%;
background-color: var(--pi-tabber-bg-color);
border-top: 1px solid var(--pi-border);
}

.portable-infobox .wds-tabs .wds-tabs__tab {
text-align: center;
color: var(--pi-tabber-color);
> .wds-tabs__tab-label { height: 30px; }
}

.portable-infobox .wds-tabs .wds-is-current {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox .wds-tabs .wds-tabs__tab:hover {
color: var(--theme-link-color);
background-color: var(--theme-page-background-color--secondary) !important;
}

.portable-infobox section:last-child .wds-tabs .wds-tabs__tab {
text-align: center;
}

/* Fix infobox tabs to not require horizontal scrolling and make better use of space */
aside.portable-infobox .wds-tabs {
display: flex;
flex-wrap: wrap;
}
aside.portable-infobox .wds-tabs__tab {
flex-grow: 1;
text-align: center;
}

/* Custom Infobox Styling */
.type-item .pi-item.pi-image {
position: relative;
z-index: 2;
opacity: 100;
}

.type-item .pi-item.pi-image img {
position: relative;
z-index: 2;
opacity: 100;
}

.type-item .pi-item.pi-image:before {
content: ' ';
display: block;
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
/*background-size: cover;*/
}
/*
.type-item .pi-item.pi-image:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/
.pi-theme-1 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/d/d4/Item_Frame_1-Star.png/revision/latest?cb=20251106230926');
}
.pi-theme-2 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/d/d1/Item_Frame_2-Star.png/revision/latest?cb=20251106230944');
}
.pi-theme-3 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/2/2e/Item_Frame_3-Star.png/revision/latest?cb=20251106230852');
}
.pi-theme-4 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/b/bd/Item_Frame_4-Star.png/revision/latest?cb=20251106225622');
}
.pi-theme-5 .pi-item.pi-image:before {
background-image: url('https://static.wikia.nocookie.net/honkai-nexus-anima/images/6/6b/Item_Frame_5-Star.png/revision/latest?cb=20251106230906');
}
/*
.pi-theme-4 .pi-item.pi-image:after {
background-image: url('SOMETHING-HERE');
}
*/

MediaWiki:Tables.css

2026-07-13T23:08:38Z

Kuhlau:

:root :is(.wgl-lightmode, .wgl-theme-light) {
--theme-vo-pill-background-color: rgba(0, 0, 0, .1);
}
:root :is(.wgl-darkmode, .wgl-theme-dark) {
--theme-vo-pill-background-color: rgba(255, 255, 255, .1);
}

/* table header and cell alignment */
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th) {
text-align: inherit;
padding: 0.2em 0.4em;
}

/* allow cell-specific align override */
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-center {
text-align: center;
}
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-left {
text-align: left;
}
:is(.skin-vector-legacy, .skin-minerva) .mw-parser-output :is(.article-table, .wikitable, .fandom-table) tr :is(td, th).align-right {
text-align: right;
}

.page-content :is(.article-table, .wikitable, .fandom-table) {
margin: 1em 0;
}

.page-content .article-table {
border-collapse: collapse;
}

/* collapsible button in tables */
:is(.wikitable, .article-table, .fandom-table) .mw-collapsible-toggle {
width: 5em;
width: auto;
width: fit-content;
}

/* collapsible button at caption on top of table */
:is(.wikitable, .article-table, .fandom-table) caption .mw-collapsible-toggle {
float: left !important;
}
/* Reducing left margin when using lists in a table. See [[Abyss_Mages]] */
.mw-parser-output td > .columntemplate > :is(ul, ol),
.mw-parser-output td > :is(ul, ol) {
margin-left: 1em;
}

/* Prevent fandom-table header from being covered */
.fandom-table .fixed-header {
z-index: 9;
}

/* New table styling */
.article-table,
.wikitable,
.fandom-table,
.wikitable.filehistory {
border-radius: 4px;
overflow: hidden;
outline: 1px solid var(--theme-border-color);
outline-offset: -1px;
}

.wikitable,
.wikitable td,
.wikitable th,
.wikitable tr,
.fandom-table,
.fandom-table td,
.fandom-table th,
.fandom-table tr {
border: 1px solid var(--theme-border-color);
}

/* remove left and right td and th border if both article-table and fandom-table used */
.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}

.fandom-table.article-table tr td,
.fandom-table.article-table tr th {
border: 1px solid var(--theme-border-color);
border-left: 0;
border-right: 0;
}

/* tr styling */
.article-table tr:last-child,
.wikitable tr:last-child,
.fandom-table tr:last-child,
.wikitable.filehistory tr:last-child {
border-radius: 0 0 4px 4px;
overflow: hidden;
}

/* th styling */
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
font-weight: bold;
border: 1px solid var(--theme-border-color);
line-height: 20px;
padding: 10px;
}

.wikitable th hr,
.fandom-table th hr,
.wikitable.filehistory th hr {
border: 1px solid var(--theme-border-color);
}

.wikitable tr th:last-child,
.fandom-table:not(.article-table) tr th:last-child,
.wikitable.filehistory tr th:last-child {
border: 1px solid var(--theme-border-color);
}

/* td styling */
.wikitable td,
.wikitable td,
.wikitable.filehistory td {
padding: 5px 10px;
border: 1px solid var(--theme-border-color);
}

.wikitable td:last-child,
.fandom-table:not(.article-table) td:last-child,
.wikitable.filehistory td:last-child {
border: 1px solid var(--theme-border-color);
}

/* light mode colors */
body:is(.wgl-lightmode, .wgl-theme-light) {
/* force background color on wikitables */
.mw-datatable > :is(tbody, thead) > tr > th,
.mw-datatable > tr > th,
.mw-json > :is(tbody, thead) > tr > th,
.mw-json > tr > th,
.wikitable > :is(tbody, thead) > tr > th,
.wikitable > tr > th {
background-color: var(--theme-color-6);
}

/* th colors */
.article-table th,
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
background-color: var(--theme-color-6);
}

/* td colors */
.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-10) !important;
}

.sortable.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-9) !important;
}

.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-9) !important;
}

.sortable.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-10) !important;
}

/* ascension and stats */
.wikitable.ascension-stats th {
background-color: var(--theme-color-6);
}

.wikitable.ascension-stats tr.alternating1 {
background-color: var(--theme-color-9);
}

.wikitable.ascension-stats tr.alternating2 {
background-color: var(--theme-color-10);
}

.wikitable.ascension-stats tr.ascension {
background-color: var(--theme-color-8);
}
}

/* dark mode colors */
body:is(.wgl-darkmode, .wgl-theme-dark) {
/* force background color on wikitables */
.mw-datatable > :is(tbody, thead) > tr > th,
.mw-datatable > tr > th,
.mw-json > :is(tbody, thead) > tr > th,
.mw-json > tr > th,
.wikitable > :is(tbody, thead) > tr > th,
.wikitable > tr > th {
background-color: var(--theme-color-8);
}

/* th colors */
.article-table th,
.wikitable th,
.fandom-table th,
.wikitable.filehistory th {
background-color: var(--theme-color-8);
}

/* td colors */
.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-3) !important;
}

.sortable.alternating-colors-table tr:nth-child(odd) {
background-color: var(--theme-color-4) !important;
}

.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-4) !important;
}

.sortable.alternating-colors-table tr:nth-child(even) {
background-color: var(--theme-color-3) !important;
}

/* ascension and stats */
.wikitable.ascension-stats th {
background-color: var(--theme-color-8);
}

.wikitable.ascension-stats tr.alternating1 {
background-color: var(--theme-color-3);
}

.wikitable.ascension-stats tr.alternating2 {
background-color: var(--theme-color-4);
}

.wikitable.ascension-stats tr.ascension {
background-color: var(--theme-color-6);
}
}

/*======================================================*/
/* Styles that can be added to an entire table itself */
/* to apply to each cell in the respective column. */
/* Removes the need to apply styles to individual cells.*/
/*======================================================*/
#content .mw-parser-output {
.tdl td,
.tdl1 td:nth-child(1),
.tdl2 td:nth-child(2),
.tdl3 td:nth-child(3),
.tdl4 td:nth-child(4),
.tdl5 td:nth-child(5),
.tdl6 td:nth-child(6),
.tdl7 td:nth-child(7),
.tdl8 td:nth-child(8),
.tdl9 td:nth-child(9),
.tdl10 td:nth-child(10),
.tdl11 td:nth-child(11),
.tdl12 td:nth-child(12),
.tdl13 td:nth-child(13),
.tdl14 td:nth-child(14),
.tdl15 td:nth-child(15),
.tdl16 td:nth-child(16),
.tdl17 td:nth-child(17),
.tdl18 td:nth-child(18),
.tdl19 td:nth-child(19),
.tdl20 td:nth-child(20) {
text-align: left;
}

.thl th,
.thl1 th:nth-child(1),
.thl2 th:nth-child(2),
.thl3 th:nth-child(3),
.thl4 th:nth-child(4),
.thl5 th:nth-child(5),
.thl6 th:nth-child(6),
.thl7 th:nth-child(7),
.thl8 th:nth-child(8),
.thl9 th:nth-child(9),
.thl10 th:nth-child(10),
.thl11 th:nth-child(11),
.thl12 th:nth-child(12),
.thl13 th:nth-child(13),
.thl14 th:nth-child(14),
.thl15 th:nth-child(15),
.thl16 th:nth-child(16),
.thl17 th:nth-child(17),
.thl18 th:nth-child(18),
.thl19 th:nth-child(19),
.thl20 th:nth-child(20) {
text-align: left;
}

.tdc td,
.tdc1 td:nth-child(1),
.tdc2 td:nth-child(2),
.tdc3 td:nth-child(3),
.tdc4 td:nth-child(4),
.tdc5 td:nth-child(5),
.tdc6 td:nth-child(6),
.tdc7 td:nth-child(7),
.tdc8 td:nth-child(8),
.tdc9 td:nth-child(9),
.tdc10 td:nth-child(10),
.tdc11 td:nth-child(11),
.tdc12 td:nth-child(12),
.tdc13 td:nth-child(13),
.tdc14 td:nth-child(14),
.tdc15 td:nth-child(15),
.tdc16 td:nth-child(16),
.tdc17 td:nth-child(17),
.tdc18 td:nth-child(18),
.tdc19 td:nth-child(19),
.tdc20 td:nth-child(20) {
text-align: center;
}

.thc th,
.thc1 th:nth-child(1),
.thc2 th:nth-child(2),
.thc3 th:nth-child(3),
.thc4 th:nth-child(4),
.thc5 th:nth-child(5),
.thc6 th:nth-child(6),
.thc7 th:nth-child(7),
.thc8 th:nth-child(8),
.thc9 th:nth-child(9),
.thc10 th:nth-child(10),
.thc11 th:nth-child(11),
.thc12 th:nth-child(12),
.thc13 th:nth-child(13),
.thc14 th:nth-child(14),
.thc15 th:nth-child(15),
.thc16 th:nth-child(16),
.thc17 th:nth-child(17),
.thc18 th:nth-child(18),
.thc19 th:nth-child(19),
.thc20 th:nth-child(20) {
text-align: center;
}

.tdr td,
.tdr1 td:nth-child(1),
.tdr2 td:nth-child(2),
.tdr3 td:nth-child(3),
.tdr4 td:nth-child(4),
.tdr5 td:nth-child(5),
.tdr6 td:nth-child(6),
.tdr7 td:nth-child(7),
.tdr8 td:nth-child(8),
.tdr9 td:nth-child(9),
.tdr10 td:nth-child(10),
.tdr11 td:nth-child(11),
.tdr12 td:nth-child(12),
.tdr13 td:nth-child(13),
.tdr14 td:nth-child(14),
.tdr15 td:nth-child(15),
.tdr16 td:nth-child(16),
.tdr17 td:nth-child(17),
.tdr18 td:nth-child(18),
.tdr19 td:nth-child(19),
.tdr20 td:nth-child(20) {
text-align: right;
}

.thr th,
.thr1 th:nth-child(1),
.thr2 th:nth-child(2),
.thr3 th:nth-child(3),
.thr4 th:nth-child(4),
.thr5 th:nth-child(5),
.thr6 th:nth-child(6),
.thr7 th:nth-child(7),
.thr8 th:nth-child(8),
.thr9 th:nth-child(9),
.thr10 th:nth-child(10),
.thr11 th:nth-child(11),
.thr12 th:nth-child(12),
.thr13 th:nth-child(13),
.thr14 th:nth-child(14),
.thr15 th:nth-child(15),
.thr16 th:nth-child(16),
.thr17 th:nth-child(17),
.thr18 th:nth-child(18),
.thr19 th:nth-child(19),
.thr20 th:nth-child(20) {
text-align: right;
}

.tdt td,
.tdt1 td:nth-child(1),
.tdt2 td:nth-child(2),
.tdt3 td:nth-child(3),
.tdt4 td:nth-child(4),
.tdt5 td:nth-child(5),
.tdt6 td:nth-child(6),
.tdt7 td:nth-child(7),
.tdt8 td:nth-child(8),
.tdt9 td:nth-child(9),
.tdt10 td:nth-child(10),
.tdt11 td:nth-child(11),
.tdt12 td:nth-child(12),
.tdt13 td:nth-child(13),
.tdt14 td:nth-child(14),
.tdt15 td:nth-child(15),
.tdt16 td:nth-child(16),
.tdt17 td:nth-child(17),
.tdt18 td:nth-child(18),
.tdt19 td:nth-child(19),
.tdt20 td:nth-child(20) {
vertical-align: top;
}

.tht th,
.tht1 th:nth-child(1),
.tht2 th:nth-child(2),
.tht3 th:nth-child(3),
.tht4 th:nth-child(4),
.tht5 th:nth-child(5),
.tht6 th:nth-child(6),
.tht7 th:nth-child(7),
.tht8 th:nth-child(8),
.tht9 th:nth-child(9),
.tht10 th:nth-child(10),
.tht11 th:nth-child(11),
.tht12 th:nth-child(12),
.tht13 th:nth-child(13),
.tht14 th:nth-child(14),
.tht15 th:nth-child(15),
.tht16 th:nth-child(16),
.tht17 th:nth-child(17),
.tht18 th:nth-child(18),
.tht19 th:nth-child(19),
.tht20 th:nth-child(20) {
vertical-align: top;
}

.tdm td,
.tdm1 td:nth-child(1),
.tdm2 td:nth-child(2),
.tdm3 td:nth-child(3),
.tdm4 td:nth-child(4),
.tdm5 td:nth-child(5),
.tdm6 td:nth-child(6),
.tdm7 td:nth-child(7),
.tdm8 td:nth-child(8),
.tdm9 td:nth-child(9),
.tdm10 td:nth-child(10),
.tdm11 td:nth-child(11),
.tdm12 td:nth-child(12),
.tdm13 td:nth-child(13),
.tdm14 td:nth-child(14),
.tdm15 td:nth-child(15),
.tdm16 td:nth-child(16),
.tdm17 td:nth-child(17),
.tdm18 td:nth-child(18),
.tdm19 td:nth-child(19),
.tdm20 td:nth-child(20) {
vertical-align: middle;
}

.thm th,
.thm1 th:nth-child(1),
.thm2 th:nth-child(2),
.thm3 th:nth-child(3),
.thm4 th:nth-child(4),
.thm5 th:nth-child(5),
.thm6 th:nth-child(6),
.thm7 th:nth-child(7),
.thm8 th:nth-child(8),
.thm9 th:nth-child(9),
.thm10 th:nth-child(10),
.thm11 th:nth-child(11),
.thm12 th:nth-child(12),
.thm13 th:nth-child(13),
.thm14 th:nth-child(14),
.thm15 th:nth-child(15),
.thm16 th:nth-child(16),
.thm17 th:nth-child(17),
.thm18 th:nth-child(18),
.thm19 th:nth-child(19),
.thm20 th:nth-child(20) {
vertical-align: middle;
}

.tdb td,
.tdb1 td:nth-child(1),
.tdb2 td:nth-child(2),
.tdb3 td:nth-child(3),
.tdb4 td:nth-child(4),
.tdb5 td:nth-child(5),
.tdb6 td:nth-child(6),
.tdb7 td:nth-child(7),
.tdb8 td:nth-child(8),
.tdb9 td:nth-child(9),
.tdb10 td:nth-child(10),
.tdb11 td:nth-child(11),
.tdb12 td:nth-child(12),
.tdb13 td:nth-child(13),
.tdb14 td:nth-child(14),
.tdb15 td:nth-child(15),
.tdb16 td:nth-child(16),
.tdb17 td:nth-child(17),
.tdb18 td:nth-child(18),
.tdb19 td:nth-child(19),
.tdb20 td:nth-child(20) {
vertical-align: bottom;
}

.thb th,
.thb1 th:nth-child(1),
.thb2 th:nth-child(2),
.thb3 th:nth-child(3),
.thb4 th:nth-child(4),
.thb5 th:nth-child(5),
.thb6 th:nth-child(6),
.thb7 th:nth-child(7),
.thb8 th:nth-child(8),
.thb9 th:nth-child(9),
.thb10 th:nth-child(10),
.thb11 th:nth-child(11),
.thb12 th:nth-child(12),
.thb13 th:nth-child(13),
.thb14 th:nth-child(14),
.thb15 th:nth-child(15),
.thb16 th:nth-child(16),
.thb17 th:nth-child(17),
.thb18 th:nth-child(18),
.thb19 th:nth-child(19),
.thb20 th:nth-child(20) {
vertical-align: bottom;
}
}

/** Classes for table width **/
.w-5 {width: 5%;}
.w-10 {width: 10%;}
.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-33 {width: 33%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-60 {width: 60%;}
.w-66 {width: 66%;}
.w-75 {width: 75%;}
.w-80 {width: 80%;}
.w-90 {width: 90%;}
.w-95 {width: 95%;}
.w-100 {width: 100%;}

/** For custom Genshin Impact Wiki Collapsible **/
.giw-collapsible.mw-collapsible,
:is(.giw-collapsible, .voice-over-table) .mw-collapsible {
padding: 0;
margin: 7px 0;
}

:is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle {
padding: 3px;
border: solid 1px var(--border-color);
border-radius: 5px;
float: none;
}

:is(.giw-collapsible, .voice-over-table) .mw-collapsible-toggle .mw-collapsible-text {
color: var(--theme-link-color)
}

:is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):before,
:is(.giw-collapsible, .voice-over-table) :is(.mw-collapsible-toggle-default, .mw-collapsible-toggle-expanded, .mw-collapsible-toggle-collapsed):after {
content: "";
color: var(--theme-link-color)
}

.giw-collapsible.mw-collapsible:not(.mw-made-collapsible):before {
float: unset;
}

.giw-collapsible.giw-collapsible-clamped {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 0;
}

.giw-collapsible.giw-collapsible-clamped.mw-collapsed {
-webkit-line-clamp: 5;
}

/* Talent Table Infobox Formatting */
.type-talent-details {
margin: 0;
width: 100%;
border-radius: 0;
float: none;
}

.type-talent-details .pi-data {
text-align: left;
background-color: var(--theme-page-background-color);
}

.type-talent-details .pi-group {
background-color: var(--theme-color-8);
}

.type-talent-details .pi-horizontal-group-item {
padding: 8px 0;
}

.type-talent-details .pi-font {
font-size: 14px;
}
/** For [[Template:Enemy Attacks]] **/
.enemy-attack .enemy-attack-header {
display: block;
border: solid 1px var(--border-color);
border-radius: 5px;
color: var(--border-color);
padding: 0px 5px;
margin-top: 7px;
width: min-content;
}

/** For [[Archon Quests]] Character Appearances **/
.page-content .appearances-table > * > tr > :is(th, td) {
padding-top: 0;
padding-bottom: 0;
}

.page-content .appearances-table tr:not(:first-child):not(:nth-child(2)) th:not(:nth-child(1)) {
border: solid 1px var(--theme-border-color);
}

/** zero padding table cell and header **/
.page-content table.p-0 td,
.page-content table.p-0 th {
padding: 0;
}

/** zero margin cell and header **/
.page-content table.m-0 td,
.page-content table.m-0 th {
margin: 0;
}

/** Diagonal middle header line for Template:Diagonal Split Header **/
:is(th, td).split-header {
background: linear-gradient( to top right,
var(--theme-page-background-color--secondary) 49.5%,
var(--theme-border-color) 49.5%,
var(--theme-border-color) 50.5%,
var(--theme-page-background-color--secondary) 50.5%);
line-height: 1;
}

table.nowrap :is(th, td) {
white-space: nowrap;
}

/** For [[Template:Wish List]] **/
.wish-banners {
display: flex;
flex-wrap: wrap;
gap: 5px;
}

.wish-banners > div {
text-align: center;
}

.wish-banners > div > a.new:first-child[href*='Special:Upload'] {
display: inline-block;
width: 250px;
height: 141px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

/** For [[Template:Wishes by Category Table]] **/
.wishes-by-category-table td:first-child > a.new:first-child[href*='Special:Upload'] {
display: inline-block;
width: 200px;
height: 113px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

/** For [[Template:Wish Pool]] **/
.wish-pool-table {
width: 100%;
}

.wish-pool-table tr:first-child th:first-child {
width: 7.5rem;
}

/* Horizontal sticky of first column in table */
.sticky-table tr > th:first-child {
position: -webkit-sticky;
position: sticky;
display: table-cell;
left: 0;
z-index: 9;
}

/* Fix FandomMobile forcing display:block on tables */
@media (max-width: 639px) { .mw-parser-output table {display:table;} }

/* Sortable icon fixes (high specifity required to override) */
:root .mediawiki .jquery-tablesorter {
.headerSort {
padding-right: 12px;
&:before, &:after {
margin-right: 2px;
right: 0 !important;
}
&.table-progress-tracking-header {
padding-left: 4px;
.header_icon svg {width: 14px;}
}
}
}

/* Fix tracking column in mobile */
.skin-minerva .table-progress-tracking-header {
width: 34px;
.header_icon p {width: min-content; justify-content: center;}
}

/* Pill format for VO requirements */
.voice-over-table tr:not(:first-child) th:first-child {
> span[lang] {
font-size: larger;
display: block;
}
> hr ~ div {
font-weight: normal;
display: flex;
gap: 5px;
flex-wrap: wrap;
> small {
padding: 4px 6px 4px 4px;
background-color: var(--theme-vo-pill-background-color);
border-radius: 3px;
display: inline-flex;
gap: 3px;
align-items: center;
}
}
}

Module:Other Languages

2026-07-13T23:07:41Z

Kuhlau: Undid revision 8857 by Kuhlau (talk)

local p = {}
local lib = require('Module:Feature')
local SelectiveSpan = require('Module:Lang').SelectiveSpan
local i18n = require('Module:I18n').loadMessages('Other Languages')
local ne = lib.isNotEmpty
local ie = lib.isEmpty
local langOrder = { 'en', 'zhs', 'zht', 'ja', 'ko', 'es', 'fr', 'ru', 'th', 'vi', 'de', 'id', 'pt' }
local categories = mw.html.create()

function p.main(frame)
local args = require('Module:Arguments').getArgs(frame, {
parentFirst = true,
removeBlanks = false,
wrappers = { 'Template:Other Languages' }
})
return p._main(frame, args)
end

function p._main(frame, args)
if (ne(args['1_en'])) then
-- multiple OL transcripts in 1 template call: use flex to take up less space
out = mw.html.create('div'):css{ ['display'] = 'flex', ['column-gap'] = '15px', ['flex-direction'] = 'row', ['flex-wrap'] = 'wrap' }
local ITR = 1
local itr = tostring(ITR)
while args[itr .. '_en'] do
local entry = out:tag('div')
entry:tag('h3'):wikitext(args[itr .. '_header'] or args[itr .. '_en'])
entry:node(p._table(frame, args, (itr .. '_')))

ITR = ITR + 1
itr = tostring(ITR)
end
else
-- single OL transcript
out = p._table(frame, args)
end
return tostring(out:node(require('Module:Namespace detect').main{ ["main"] = categories }))
end

function p._table(frame, args, prefix)
local prefix = prefix or ''

-- lang code span to use in transcript if it differs from base lang code
local lang = {
['zhs'] = { span = 'zh-Hans' },
['zht'] = { span = 'zh-Hant' }
}

local articleTable = mw.html.create('table'):addClass('article-table')

local tr = articleTable:tag('tr')
tr:tag('th'):wikitext('Language')
tr:tag('th'):wikitext(args['name'] or 'Official Name')

for _, langCode in ipairs(langOrder) do
local tx = args[prefix .. langCode] or nil
local Lang = lang[langCode] or {}
-- default to pagename if en transcript is not given
if langCode == 'en' then
if tx then
if ie(tx) then tx = mw.title.getCurrentTitle().text end
else tx = mw.title.getCurrentTitle().text end
end
-- check if transcript exists and is not blank, otherwise add missing category and move on
if tx then
if ne(tx) then
local tr = articleTable:tag('tr')
if langCode == 'zhs' or langCode == 'zht' then
tr:tag('td'):css('line-height', '1em'):wikitext(i18n:msg(langCode))
else
tr:tag('td'):wikitext(i18n:msg(langCode))
end

local td = tr:tag('td')
-- might be necessary to adjust the actual displayed tx
local displayTx = tx
if langCode == 'fr' then
displayTx = tx
:gsub(' !', ' !') -- add   after/before punctuation so it does not break from the text it relates to
:gsub(' %?', ' ?') --
:gsub(' :', ' :') --
:gsub(' ~', ' ~') --
:gsub(' %-', ' -') --
:gsub(' &', ' &') --
:gsub(' »', ' »') --
:gsub('« ', '« ') --
elseif langCode == 'ru' then
displayTx = p.ruBreak(tx) -- add <wbr> after hyphens as chromium based browsers do not support Russian properly
elseif langCode == 'th' then
displayTx = tx
:gsub('%.%.%.', '...<wbr>') -- add <wbr> after elipses as they do not break properly due to not spacing in Thai, making scroll horizontally
elseif langCode == 'de' then
displayTx = tx
:gsub('%.%.%.', '...<wbr>') -- add <wbr> after elipses as they do not break properly due to not spacing in German, making scroll horizontally
end
local code = Lang.span or langCode
if tx:find('^[%s\n]*%*') then td:newline() end
td:node(SelectiveSpan(displayTx, code, (code == 'vi' and true or false)))
else
categories:wikitext('[[Category:Incomplete Transcripts for Other Languages]][[Category:', string.upper(langCode), ' Transcript Missing]]')
end
else
categories:wikitext('[[Category:Incomplete Transcripts for Other Languages]][[Category:', string.upper(langCode), ' Transcript Missing]]')
end

if args[prefix .. langCode .. '_rm'] ~= nil or args[prefix .. langCode .. '_tl'] ~= nil then
categories:wikitext('[[Category:Pages Using Deprecated Template Parameters]]')
mw.addWarning("This wiki's [[Template:Other Languages|Other Languages]] template does not support _tl or _rm parameters. '''Please disable them when generating Other Languages.'''")
end
end
return articleTable
end

function p.ruBreak(tx)
local split = {}
local allowed = true
--separate the string through unicode codepoints as default lua split cannot handle non-UTF-8 characters
for c in mw.ustring.gcodepoint(tx) do
table.insert(split, mw.ustring.char(c))
end
--mw.logObject(split,'split') --debug

--separate the split string into ASCII and non-ASCII, include anything inside '<>' as ASCII to not mess with html tags rendering
local loopnum = 1
local html, ref = 0, false
while split[loopnum] do
--check for start of ref tag
if split[loopnum] == '\'"`' then
ref = true
end

--check for start of html
if (split[loopnum] == '<' and split[loopnum+1]:find('%w')) then
html = html + 1
end

if (split[loopnum]:find('%-') and html == 0 and ref == false) then
split[loopnum] = '-<wbr>'
end

--check for end of ref tag
if split[loopnum] == '`"\'' then
ref = false
end

--check for end of html
if (split[loopnum] == '|' or (split[loopnum] == ']' and split[loopnum+1] == ']')) then
link = false
end

loopnum = loopnum + 1
end
return table.concat(split, '')
end

return p

File:Lua logo.svg

2026-07-13T23:04:26Z

Kuhlau: Kuhlau moved page File:Lua Logo.svg to File:Lua logo.svg without leaving a redirect

== Summary ==
== Licensing ==
{{PD}}

File:Lua logo.svg

2026-07-13T23:04:06Z

Kuhlau: == Licensing == {{PD}}

== Summary ==
== Licensing ==
{{PD}}

MediaWiki:Vector.css

2026-07-13T22:55:24Z

Kuhlau:

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
:root, .wgl-lightmode, .wgl-theme-light {
--body-background-image: url('https://hna.wiki/images/Site-background-light');
--body-background-image-fallback: lightblue;
}
:root .wgl-darkmode, :root .wgl-theme-dark {
--body-background-image: url('https://hna.wiki/images/Site-background-dark');
--body-background-image-fallback: darkblue;
}

body {
background-image: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url(https://hna.wiki/images/Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

MediaWiki:Vector.css

2026-07-13T22:53:21Z

Kuhlau: add body

/* All CSS here will be loaded for users of the Vector skin */
@import url("/index.php?title=MediaWiki:Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:FD_Mbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Quotes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Gallery.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:EditorDashboard.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Dialogue.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:StaffColors.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:Attributes.css&action=raw&ctype=text/css&cb=3");
@import url("/index.php?title=MediaWiki:ChangeHistory.css&action=raw&ctype=text/css&cb=3");

/* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

:root {
--theme-page-headings-font: 'Quicksand';
}

/* Theme BG */
body {
background-image: var(--body-background-image), var(--body-background-image-fallback);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

.no-border { border: none !important; }

.no-wrap { white-space: nowrap; }

.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.cont-inline-block { display: inline-block; }
.cont-flex { display: flex; flex-wrap: wrap; }
.cont-inline-flex { display: inline-flex; flex-wrap: wrap; }

/* nowrap for nth child (add as we go) */
.nowrap-1 td:nth-child(1),
.nowrap-2 td:nth-child(2),
.nowrap-3 td:nth-child(3) { white-space: pre; }

hr {
margin: 5px 0;
border: none;
height: 1px;
color: var(--theme-border-color);
background-color: var(--theme-border-color);
}

/* Hatnote styling */
.hatnote {
border-left: 3px solid var(--theme-accent-color);
padding: 3px 10px;
border-radius: 3px;
background: linear-gradient(145deg, rgba(var(--theme-accent-color--rgb),0.15) 0%, rgba(var(--theme-accent-color--rgb),0) 100%);
margin: 5px 0;
}

/* Description list in table */
.mw-parser-output table dl { margin: 0; }

/* Making paragraphs more apparent by incresing line height */
.mw-parser-output p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

/* Column template fix */
.mw-parser-output .columntemplate ul,
.mw-parser-output .columntemplate ol { margin: 0 0 0 30px; }
.mw-parser-output .columntemplate { margin: 6px 0 6px 0; }

/* Reduce bottom margin of lists */
.mw-parser-output ol, .mw-parser-output ul { margin: 6px 0 6px 36px; }

/* inline unordered list seperated by pipe */
.mw-content-ltr ul.pipe_delimit { margin: 0px; }
.mw-content-ltr ul.pipe_delimit li { display:inline; }
.mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* [[Template:Fairuse]] */
.mw-parser-output .fairuse { border-collapse: collapse; }

.mw-parser-output .fairuse th {
background: var(--theme-accent-color);
text-transform: uppercase;
font-weight: 700;
text-align: center;
}

.mw-parser-output .fairuse td,
.mw-parser-output .fairuse tr { border: 1px solid var(--theme-border-color); }

.mw-parser-output .fairuse tr:nth-child(2) td { padding: 0.5em 1em; }

.mw-parser-output .fairuse tr:nth-child(3) td {
padding: 1em;
font-size: 0.8em;
}

.fairuse-disclaimer {
display: inline-block;
background: var(--theme-accent-color);
font-weight: 700;
padding: 0 5px;
margin-right: 5px;
}

/* Template:Description Sibling margin */
.description-wrapper + .description-wrapper { margin-top: 1em; }

/* Styling for <templatedata> parameter and alias */
.mw-templatedata-doc-param-name code {
background-color: var(--theme-page-background-color--secondary);
border-radius: 2px;
padding: 1px 4px;
}

/* Styling for <templatedata> Suggested values */
.mw-templatedata-doc-params td dd code {
display: list-item;
width: fit-content;
line-height: 18px;
}

/* Styling for <templatedata> edit header, brackets, and formatting */
.mw-templatedata-doc-params caption {
margin: 0.2em 0.4em;

.mw-templatedata-caption {
font-size: 1.2em;
font-weight: bold;

.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 8px;

.mw-editsection-bracket {
display: inline;
}
}
}

p {
.oo-ui-widget {
display: none;
}

.mw-templatedata-format {
margin-left: 0;
}
}
}

/* MediaWiki:Edittools styling */
.edittools-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
}
.edittools-list > code {
display: flex;
gap: 2px;
}
.edittools-list div.mw-collapsible {
padding: 0;
display: inline;
}
.edittools-list span.mw-collapsible-toggle { padding: 0 3px; }
.edittools-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
border: 1px solid var(--border-color);
border-radius: 3px;
padding: 8px;
font-size: small
}
#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

/* For [[Template:Event Countdown]] */
.eventcountdown {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
text-align: center;
gap: 5px;
margin-bottom: 10px;
}

.eventcountdown .eventcountdown-region {
width: 100%;
border-radius: 5px;
background-color: var(--theme-page-background-color--secondary);
padding: 7px;
}

.eventcountdown .eventcountdown-region .eventcountdown-region-text {
color: var(--theme-accent-color);
font-weight: 700;
}

.eventcountdown .eventcountdown-region hr { border-color: var(--theme-accent-color); }
/* End of [[Template:Event Countdown]] */

/* For [[T:Rubi]] */
.rubi-large {
font-size: 250%;
}
.rubi-large > :is(rt, rp) {
font-size: small;
}
.rubi-center > :is(rt, rp) {
ruby-align: center;
}

/* Styles for Template:Keys */
.custom-key {
display: inline-block;
border: 1px solid #5556;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #DDD2 inset;
min-width: 30px;
padding: 0.1em 0.4em;
background-color: #FFFFFF;
color: #000000;
font-size: 80%;
text-align: center;
}

/* Fix ugly math padding */
.mwe-math-fallback-image-inline { padding: 0 }

/* For [[Template:Handbook]], from GIW */
.handbook dd { margin-left: 0; }

.handbook .handbook-detail {
display: flex;
gap: 4px;
align-items: flex-start;
margin: 10px 0;
}

.handbook .handbook-detail > a.image { overflow: visible !important; }

.handbook .handbook-detail > a.new {
flex: 0 0 200px;
height: 110px;
background-image: url(https://hna.wiki/images/Unknown.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}

.mw-parser-output .dialogue .handbook dt {
font-weight: 700;
font-style: inherit;
font-size: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
width: 12px !important;
-webkit-overflow-scrolling: auto !important;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background: #73ebe9 !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
background: #73ebe9 !important;
}
/* Remove coloring on parameter aliases on template data as it makes text hard to read */
.mw-templatedata-doc-param-alias { color: inherit; }

/* Hide "Read" tab */
body.action-view #p-views li#ca-view {
display: none !important;
}

Template:Items by Category List

2026-07-13T22:39:06Z

Kuhlau: DPL4 update

<includeonly>{{#DPL:
|mode=userformat
|namespace=
|uses=Template:Item Infobox
|category=Item
|category={{{1|}}}
|category={{{2|}}}
|category={{{3|}}}
|category={{{4|}}}
|category={{{5|}}}
|notcategory={{{not1|}}}
|notcategory={{{not2|}}}
|notcategory={{{not3|}}}
|notcategory={{{not4|}}}
|notcategory={{{not5|}}}
|include={Item Infobox}:title

|listseparators=,,,
|secseparators=* ²{Item¦%TITLE%¦text=,¦subtitle=1}²\n

|resultsheader={{{resultsheader|}}}
|noresultsfooter ={{{noresultsfooter|\nNo [[Items]] match the category selection.}}}

|ordermethod=sortkey
|allowcachedresults=true
|skipthispage=no
}}</includeonly><noinclude>{{Documentation|type=Data}}</noinclude>

MediaWiki:Gadget-Colors.css

2026-07-13T22:37:46Z

Kuhlau: add in theme designer colors

/** Root **/
:root, .wgl-lightmode, .wgl-theme-light {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #43403D;
--theme-page-text-color-inverse: #FFFFFF;
--theme-link-color: #a65000;
--theme-border-color: #CECECE !important;
--theme-page-background-color: #fff;
--theme-page-background-color--secondary: #f2f2f2;

--group-color: var(--theme-color-5);
--border-color:var(--theme-color-1);
--title-color: var(--theme-color-6);
--subtitle-color:var(--theme-color-4);

--pi-border: #CECECE !important;
--pi-tabber-bg-color: #F1F1F1;
--pi-tabber-color: #969696;
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-text-color);
--pi-header-bg-color: #E6E6E6;
--pi-header-color: var(--theme-page-text-color);
--pi-rows-color: #f7f7f7;

--header-link-border-color-1: #f3eeeb;
--header-link-border-color-2: #edd8ce;
--mobile-lightbox-border-color: #a2a9b1;

--theme-color-1 : #A5998D;
--theme-color-2 : #B1A69B;
--theme-color-3 : #BCB2A9;
--theme-color-4 : #C7BFB7;
--theme-color-5 : #D2CCC6;
--theme-color-6 : #DFDAD5;
--theme-color-7 : #E7E3DE;
--theme-color-8 : #EFEBE7;
--theme-color-9 : #F7F4EF;
--theme-color-10: #FFFFFF;

--table-ascension-bg-color: #F7F7F7;

--custom-tabs-active-color: var(--theme-page-text-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #0075EB;
--color-menu: #937C6E;
--color-new: #317e2a;
--color-old: #932015;
--color-help: #BB8010;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--theme-color-1);
--desc-content: #bf8c4015;
}

:root .wgl-darkmode , :root .wgl-theme-dark {
--theme-accent-color: #47cab2;
--theme-accent-color--rgba: 71, 202, 178;
--theme-page-text-color: #FFFFFF;
--theme-page-text-color-inverse: #3d4342;
--theme-link-color: #4cc2ad;
--theme-border-color: var(--theme-color-7) !important;
--theme-page-background-color: #111a20;
--theme-page-background-color--secondary: var(--theme-color-6);

--group-color: var(--theme-accent-color);
--border-color:var(--theme-border-color);
--title-color: var(--theme-accent-color);
--subtitle-color:var(--theme-accent-color);

--pi-border: var(--theme-border-color) !important;
--pi-tabber-bg-color: var(--theme-color-6);
--pi-tabber-color: var(--theme-page-text-color);
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-background-color);
--pi-header-bg-color: var(--theme-color-4);
--pi-header-color: var(--theme-accent-color);
--pi-rows-color: var(--theme-color-4);

--header-link-border-color-1: #3d285a;
--header-link-border-color-2: #2f295c;
--mobile-lightbox-border-color: var(--theme-border-color);

--theme-color-1 : hsl(205, 28%, 5%);
--theme-color-2 : hsl(205, 28%, 8%);
--theme-color-3 : hsl(204, 28%, 10%);
--theme-color-4 : hsl(205, 28%, 13%);
--theme-color-5 : hsl(205, 28%, 16%);
--theme-color-6 : hsl(205, 20%, 20%);
--theme-color-7 : hsl(205, 15%, 23%);
--theme-color-8 : hsl(205, 15%, 27%);
--theme-color-9 : hsl(205, 15%, 32%);
--theme-color-10: hsl(205, 15%, 37%);

--custom-tabs-active-color: var(--theme-page-background-color);

/* [[Template:Color]] */
--color-beauty: #88CEC6;
--color-change: #979EE2;
--color-competition: #955A7B;
--color-dark: #734E9D;
--color-hate: #9B8EC1;
--color-insatiability: #5BB8E7;
--color-light: #EFBF3C;
--color-love: #EDA1B6;
--color-memory: #95C2E7;
--color-peace: #DECEB0;
--color-pride: #8879BC;
--color-regret: #775378;
--color-right: #5BB8E7;
--color-satiation: #F5A77D;
--color-war: #964545;
--color-weakness: #B6D0E7;

--color-buzz: #2095EF;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #e35045;
--color-help: #e0bb00;

--color-R4S: #9563C8;
--color-R5S: #E7B442;

/* background */
--background-color-active: #C6F4DE80;
--background-color-inactive: #F4CCCC80;

/* Recolor red links */
--theme-alert-color: #FF4B4B;
--theme-alert-color--rgb: rgb(255,75,75);
--theme-alert-color--hover: #ff6868;
/** Portable Infobox Colors **/
--pi-dark-bg: var(--theme-color-3);
--pi-border: var(--theme-color-4);
--pi-background-color: var(--theme-color-5);
--pi-header-color: var(--theme-page-text-color);
--pi-header-bg-color: var(--theme-color-6);
--pi-wds-tabs-bg-color: var(--theme-color-7);
/** Navbox Colors **/
--nav-group-bg-color: var(--theme-color-8);
/** Change History and Description Colors **/
--desc-border: var(--pi-border);
--desc-content: #bf8c4015;
}

/* Style scrollbars to match wiki theme */
#content { scrollbar-color: var(--theme-link-color) var(--theme-body-background-color); }

/* Darker version of alert */
.wgl-darkmode, .wgl-theme-dark {
--theme-alert-highlight: #a90000;
--theme-alert-highlight--rgb: rgb(169, 0, 0);
--theme-alert-highlight--hover: #c30000;
}

/** Highlighting **/
.bg-highlight {
background-color: rgb(137, 137, 137);
background-color: rgba(137, 137, 137, 0.4);
}

/** Invert filter **/
.wgl-darkmode .invert-dark { filter: invert(1); }
.wgl-lightmode .invert-light { filter: invert(1); }

/** Theme colors **/
.text-primary { color: var(--theme-page-text-color); }
.text-secondary { color: var(--theme-page-text-color--hover); }
.text-background { color: var(--theme-body-background-color); }
.text-sidebar { color: var(--theme-page-background-color--secondary); }
.text-accent { color: var(--theme-accent-label-color); }

.bg-primary { background-color: var(--theme-page-text-color); }
.bg-secondary { background-color: var(--theme-page-text-color--hover); }
.bg-background { background-color: var(--theme-body-background-color); }
.bg-sidebar { background-color: var(--theme-page-background-color--secondary); }
.bg-accent { background-color: var(--theme-accent-label-color); }

/* Colors from MediaWiki:Variables.css */
.text-title { color: var(--title-color); }
.text-subtitle { color: var(--subtitle-color); }
.text-group { color: var(--group-color); }
.text-border { color: var(--border-color); }

.bg-title { background-color: var(--title-color); }
.bg-subtitle { background-color: var(--subtitle-color); }
.bg-group { background-color: var(--group-color); }
.bg-border { background-color: var(--border-color); }

.border-title { border-color: var(--title-color); }
.border-subtitle { border-color: var(--subtitle-color); }
.border-group { border-color: var(--group-color); }
.border-border { border-color: var(--border-color); }

/* Change color of classes that used alert-color as bg color */
.wgl-darkmode #mw-notification-area.mw-notification.mw-notification-type-error,
.wgl-darkmode .postedit.mw-notification.mw-notification-type-error,
.wgl-darkmode .wds-table-td-alert,
.wgl-darkmode .diff td.diff-deletedline .diffchange {
background-color: var(--theme-alert-highlight);
}

.wgl-darkmode .diff td.diff-deletedline {
border-color: var(--theme-alert-highlight);
}

/* [[Template:Color]] */

.text-error, .text-error * { color: var(--theme-alert-color); }
.bg-error { background-color: var(--theme-alert-highlight); }

.text-buzz, .text-buzz * { color: var(--color-buzz); }
.bg-buzz { background-color: var(--color-buzz); }

.text-menu, .text-menu * { color: var(--color-menu); }
.bg-menu { background-color: var(--color-menu); }

.text-new, .text-new * { color: var(--color-new); }
.bg-new { background-color: var(--color-new); }

.text-old, .text-old * { color: var(--color-old); }
.bg-old { background-color: var(--color-old); }

.text-help, .text-help * { color: var(--color-help); }
.bg-help { background-color: var(--color-help); }

.text-R4S, .text-R4S * { color: var(--color-R4S); }
.bg-R4S { background-color: var(--color-R4S); }

.text-R5S, .text-R5S * { color: var(--color-R5S); }
.bg-R5S { background-color: var(--color-R5S); }

/* Backgrounds */
.bg-active { background-color: var(--background-color-active); }
.bg-inactive { background-color: var(--background-color-inactive); }

/* Syntax highlight for source editor */
.wgl-darkmode.skin-fandomdesktop .cm {
--codemirror-purple: #D2A8FF;
}

/* [[Template:Check]] */
.check-yes { color: #3DC434; font-size: 20px; }
.check-no { color: red; font-size: 20px; }
.check-blank { font-size: 20px; }
.check-unknown { font-size: 20px; }
.check-special { color: #C014E2; font-size: 20px; }

User:Kuhlau/common.css

2026-07-13T22:34:11Z

Kuhlau: Undid revision 8906 by Kuhlau (talk)

:root, button, input, textarea, body.rubik {
font-family: rubik,helvetica,arial,sans-serif !important;
}