https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3AVector.less%2Fnavbox.less 2026-04-26T05:04:24Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Vector.less/navbox.less&diff=34890&oldid=prev 2024-10-16T23:11:32Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">=========================== <a href="/w/Template:Navbox" title="Template:Navbox">Template:Navbox</a> ===========================: </span> :root { --navbox-background: @BODY_LIGHT; --navbox-border: @BODY_DARK; --navbox-title-background: @BODY_DARK; --navbox-footer-background: @BODY_DARK; --navbox-group-title-background: @BODY_MID; } .navbox { font-size: .85em; background: var(--navbox-background); border-collapse: collapse; margin: 1em auto 0; // 0 as .catlinks has margin already + navboxes are expected to...&quot;</span></p> <p><b>New page</b></p><div>/* ===========================<br /> [[Template:Navbox]]<br /> =========================== */<br /> <br /> :root {<br /> --navbox-background: @BODY_LIGHT;<br /> --navbox-border: @BODY_DARK;<br /> --navbox-title-background: @BODY_DARK;<br /> --navbox-footer-background: @BODY_DARK;<br /> --navbox-group-title-background: @BODY_MID;<br /> }<br /> <br /> .navbox {<br /> font-size: .85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0; // 0 as .catlinks has margin already + navboxes are expected to be the last element on the page<br /> width: 100%;<br /> clear: both;<br /> box-shadow: @box-shadow;<br /> <br /> img {<br /> // retina support<br /> .pixelate();<br /> }<br /> <br /> // nested navboxes<br /> .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none;<br /> }<br /> }<br /> <br /> @header-padding: 0.25em 1em;<br /> // main header<br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: @header-padding;<br /> <br /> &amp;-name {<br /> // Navbox title text - prev done via fixed width on both collapse button<br /> // and navbar to prevent title shift<br /> margin: 0 4em;<br /> }<br /> <br /> // Fix toggle style being different before JS takes over.<br /> .mw-collapsible-toggle {<br /> font-size: .9em;<br /> text-align: right;<br /> }<br /> <br /> // nested navboxes<br /> .navbox {<br /> font-size: 100%;<br /> }<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> // separating border in case group-title and title background match e.g. dark mode<br /> border-top: 1px solid var(--navbox-border);<br /> }<br /> <br /> // navbox group title<br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0; // right and bottom<br /> text-align: left;<br /> padding: @header-padding;<br /> // needs &lt;br&gt; tags in cases of long titles<br /> width: 1%;<br /> white-space: nowrap;<br /> }<br /> <br /> // navbox group content<br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em;<br /> <br /> ul {<br /> margin: 0;<br /> }<br /> <br /> // list styling<br /> li {<br /> display: inline;<br /> white-space: nowrap;<br /> <br /> &amp; + li::before {<br /> content: &#039;• &#039;;<br /> }<br /> }<br /> }<br /> <br /> // parent of a subgroup<br /> .navbox-parent {<br /> padding: 0;<br /> }<br /> <br /> // nested group content<br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%;<br /> <br /> // if the nested group title ever needs to be changed<br /> .navbox-group-title {<br /> // background: @BODY_LIGHT;<br /> }<br /> <br /> &gt; tbody &gt; tr:last-child &gt; th,<br /> &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none;<br /> }<br /> }<br /> <br /> // footer<br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: @header-padding;<br /> }<br /> <br /> .navbox-data {<br /> display: none;<br /> }</div>

Alex