Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Imports and dependencies */
@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Navbox.css";
/* CSS placed here will be applied to all skins on the entire site. Please ensure you do not violate Wikia's Terms of Use by obscuring or removing the advertising. */
/* Navigation styles */
.navCommonTable {
border:1px solid silver;
clear:both;
text-align: center;
width: 100%;
}
.navCommonTableTitleLink {
font-size: 1.20em;
}
.navCommonHeaderCell {
margin: 0px;
padding: 2px 5px 2px 55px;
white-space:nowrap;
font-size:.95em;
font-weight:bold;
text-align:right;
}
.navCommonDataCell {
padding: 2px 2px 2px 5px;
font-size:.85em;
text-align:left;
font-weight:bold;
color: #000000;
}
/* This is a fix implemented on 2026-06-19 to an spacing issue with legacy navbox templates that use the CSS above and it should be deleted along with the CSS above when those templates stop using all these CSS. */
.navCommonDataCell p {
margin: 0;
}
/*
* custom styles for navigation templates
* Note: these groups of style classes exist as a set
* for a particular 'theme' of nav bars.
* for example, navMainSeries is the default 'theme'
*/
.navMainSeries,
.navMainSeries a {
background: #3366CC;
color: #FFFFFF;
}
.navMainSeriesCellBackground1 {
background: #EAEFFA;
}
.navMainSeriesCellBackground2 {
background: #D6E0F5;
}
.navMainSeriesCellBackground1 a,
.navMainSeriesCellBackground2 a {
color: #3366CC;
}
.navGameSeries,
.navGameSeries a {
background: #000000;
color: #FFFFFF;
}
.navClasses,
.navClasses a {
background: #E65C00;
color: #FFFFFF;
}
.tnav {
font-size:.70em;
}
/* End of navigation styles */
/* Location template styles */
.locationTemplateTable {
font-size:90%;
margin: 5px 10px 5px 0px;
border-collapse: collapse;
}
.locationTemplateHeader {
background-color: #258E36;
color: white;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border:1px solid black;
}
.locationTemplateHeader a {
color:white;
}
.locationTemplateSubheader {
border: 1px solid black;
text-align: center;
}
.locationTemplateCell {
text-align: center;
vertical-align: middle;
border: 1px solid black;
border-collapse: collapse;
}
/* End location template styles */
/* Equipment template styles */
.equipmentTemplateTable {
font-size:90%;
margin: 0px 5px 5px 0px;
border-collapse: collapse;
}
.equipmentTemplateTable {
padding: 5px;
}
.equipmentTemplateHeader {
background-color: firebrick;
color: white;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border:1px solid black;
}
.equipmentTemplateHeader a {
color:white;
}
.equipmentTemplateSubheader {
border: 1px solid black;
text-align: center;
}
.equipmentTemplateCell {
text-align: center;
vertical-align: middle;
border: 1px solid black;
border-collapse: collapse;
}
/* End equipment template styles */
/* Enemy template styles */
.enemyTemplateTable {
font-size:90%;
margin: 0px 5px 5px 0px;
border-collapse: collapse;
}
.enemyTemplateHeader {
background-color: #CC5B14;
color:white;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border:1px solid black;
}
.enemyTemplateHeader a {
color:white;
}
.enemyTemplateCell {
text-align: center;
vertical-align: middle;
border: 1px solid black;
border-collapse: collapse;
}
/* End enemy template styles */
/* Character template styles */
.characterTemplateTable {
font-size:90%;
margin: 0px 5px 5px 0px;
border-collapse: collapse;
text-align:center;
padding:5px;
}
.characterTemplateHeader {
background-color: #33339F;
color:white;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border:1px solid black;
}
.characterTemplateHeader a {
color:white;
}
.characterTemplateSubheader {
border: 1px solid black;
text-align: center;
}
.characterTemplateCell {
text-align: center;
vertical-align: middle;
border: 1px solid black;
border-collapse: collapse;
}
/* End character template styles */
/* Spell template styles */
.spellTemplateTable {
font-size:90%;
margin: 0px 5px 5px 0px;
border-collapse: collapse;
}
.spellTemplateTable td {
padding: 5px;
}
.spellTemplateHeader {
background-color: firebrick;
color: white;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
border:1px solid black;
}
.spellTemplateCell {
text-align: center;
vertical-align: middle;
border: 1px solid black;
border-collapse: collapse;
}
/* End spell template styles */
/* This is css for the modern Portable Infobox standard by Fandom. For more information, visit Help:Infoboxes or visit portability.fandom.com. This Content Portability community is maintained by Fandom staff who are happy to answer questions. */
.portable-infobox .pi-header {
background-color: #00008B ;
color: #ffffff;
text-align: center;
}
.portable-infobox .pi-title {
background-color: #00008B ;
color: #ffffff;
font-weight: bold;
text-align: center;
}
.portable-infobox {
border-color: #DAA520;
border-width: 2px;
}
/* End portable infobox related styles */
/* Class for spoiler notice as suggested by Tuxedoshlyukha from https://daler-test.fandom.com/wiki/Template:Spoiler?oldid=5519. If Template:Spoiler is deprecated or substantially changed, thie class should be removed from Common.css */
.spoiler-notice {
border: 2px dashed var(--theme-alert-color);
background: rgba(var(--theme-alert-color--rgb), 15%);
overflow: auto;
width: fit-content;
padding: 1% .5%;
margin: auto;
border-radius: .2em;
}
/* End class for spoiler notice */
/* <code> stuff - from [[w:c:the-kid-at-the-back:MediaWiki:DesktopPages.css]] to improve readability when wrapping text with <code> by breaking up big blocks of paragraphs to make easier to scan and read when explaning technical content and/or terms. This is mostly for technical content. */
.resizable-container code {
padding: .1em .1em;
margin: 1.5px;
background: rgba(160, 160, 160, .1);
border: .1em solid rgba(89, 89, 89, .2);
}
/* End of <code> stuff - from [[w:c:the-kid-at-the-back:MediaWiki:DesktopPages.css]] */
/* Making grey text colour to the <p> colours in their respective modes. This helps with the issue caused by Fandom's default light dark grey color established by for all secondary text that can't be modified with the theme designer and that's unreadable with certain background colours as this makes that grey text the colour of the other text the same. This should only affect the Wiki, not global elements (for example, the notification drawer). This code can show an error on after ":is(a", because MediaWiki code sanitiser for CSS is outdated, but a modern CSS vaildator shows the code is correct. Many thanks to Tuxedoshlyukha for providing the code. */
.mw-plusminus-null,
.autocomment,
.autocomment :is(a, a:visited),
.wds-tabs,
.wds-tabs__wrapper {
color: var(--theme-body-text-color);
--wds-tab-color: var(--theme-page-text-color);
}
/* End of Making grey text colour to the <p> colours in their respective modes */