https://hna.wiki/MediaWiki:Navbox.css?action=history&feed=atom 2026-07-14T17:13:24Z Revision history for this page on the wiki MediaWiki 1.46.0 https://hna.wiki/MediaWiki:Navbox.css?diff=373&oldid=prev 2025-08-29T16:34:26Z

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

ReinDevildom