https://kerbal.wiki/index.php?action=history&feed=atom&title=Module%3ANavbox%2Fdiv%2Fstyles.css 2026-04-18T20:35:50Z Revision history for this page on the wiki MediaWiki 1.43.0 https://kerbal.wiki/index.php?title=Module:Navbox/div/styles.css&diff=8082&oldid=prev 2025-02-11T16:20:50Z

<p>1 revision imported: more navbox imports (dark mode work????)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:20, 11 February 2025</td> </tr><tr><td colspan="4" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr> <!-- diff cache key web117_wiki:diff:1.41:old-8081:rev-8082 --> </table>

KiwiShark https://kerbal.wiki/index.php?title=Module:Navbox/div/styles.css&diff=8081&oldid=prev 2024-10-07T05:20:58Z

<p>flex-start for groupless list in a subgroup</p> <p><b>New page</b></p><div>.navbox-div {<br /> box-sizing: border-box;<br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> clear: both;<br /> font-size: 88%;<br /> padding: 3px;<br /> margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */<br /> }<br /> <br /> .navbox-div .navbox-div {<br /> margin-top: 0; /* No top margin for nested navboxes */<br /> }<br /> <br /> .navbox-div + .navbox-div-styles + .navbox-div {<br /> margin-top: -1px; /* Single pixel border between adjacent navboxes */<br /> }<br /> <br /> .navbox-div-title {<br /> font-size: 114%;<br /> }<br /> <br /> .navbox-div .mw-collapsible-toggle {<br /> padding-right: 1em;<br /> }<br /> <br /> .navbox-div-group,<br /> .navbox-div-title-and-bar,<br /> .navbox-div-abovebelow {<br /> padding: 0.25em 1em;<br /> line-height: 1.5em;<br /> }<br /> <br /> .navbox-div-group,<br /> .navbox-div-title {<br /> font-weight: bold;<br /> }<br /> <br /> .navbox-div-lists {<br /> display: grid;<br /> gap: 2px;<br /> }<br /> <br /> .navbox-div-list {<br /> line-height: 1.5em;<br /> padding: 0 0.25em<br /> }<br /> <br /> .navbox-div-abovebelow:not(.navbox-div-below),<br /> .navbox-div-main {<br /> margin: 2px 0;<br /> }<br /> <br /> .navbox-div-image,<br /> .navbox-div-leftimage,<br /> .navbox-div-list-groupless {<br /> text-align: center;<br /> }<br /> <br /> .navbox-div .mw-collapsible-content .hlist dl,<br /> .navbox-div .mw-collapsible-content .hlist ol,<br /> .navbox-div .mw-collapsible-content .hlist ul {<br /> padding: 0.125em 0;<br /> }<br /> <br /> .navbox-div .navbar {<br /> font-size: 100%;<br /> display: block;<br /> /* @noflip */<br /> float: left;<br /> /* @noflip */<br /> margin-right: 0.5em;<br /> }<br /> <br /> @media screen {<br /> .navbox-div,<br /> .navbox-div-subgroup {<br /> background-color: #fdfdfd; /* hsl(0, 0%, 99.22%) */<br /> }<br /> <br /> .navbox-div-title-and-bar {<br /> background-color: #ccf; /* Level 1 color hsl(240, 100%, 90%) */<br /> }<br /> <br /> .navbox-div-abovebelow,<br /> .navbox-div-group,<br /> .navbox-div-subgroup .navbox-div-title-and-bar {<br /> background-color: #ddf; /* Level 2 color hsl(240, 100%, 93.33%) */<br /> }<br /> <br /> .navbox-div-subgroup .navbox-div-group,<br /> .navbox-div-subgroup .navbox-div-abovebelow {<br /> background-color: #e6e6ff; /* Level 3 color hsl(240, 100%, 95.1%) */<br /> }<br /> <br /> .navbox-div-even {<br /> background-color: #f7f7f7; /* hsl(0, 0%, 96.86%) */<br /> }<br /> <br /> /*<br /> .navbox-div-odd {<br /> background-color: transparent;<br /> }<br /> */<br /> <br /> /* the dark greys used in this template are flips of their colors above with<br /> * an offset from the standard dark background<br /> * which is #202122 hsl(210, 3.03%, 12.94%) with rounding hsl(210, 3%, 13%)<br /> * e.g. normally .navbox-div is hsl(0, 0%, 99%)<br /> * flip is hsl(0, 0%, 1%)<br /> * then add the 1% to #202122 to get hsl(210, 3%, 14%)<br /> * ... I know it&#039;s rough<br /> */<br /> html.skin-theme-clientpref-night .navbox-div,<br /> html.skin-theme-clientpref-night .navbox-div-subgroup {<br /> background-color: hsl(210, 3%, 14%);<br /> }<br /> <br /> html.skin-theme-clientpref-night .navbox-div-title-and-bar {<br /> background-color: hsl(240, 100%, 10%); /* Level 1 color */<br /> }<br /> <br /> html.skin-theme-clientpref-night .navbox-div-abovebelow,<br /> html.skin-theme-clientpref-night .navbox-div-group,<br /> html.skin-theme-clientpref-night .navbox-div-subgroup .navbox-div-title-and-bar {<br /> background-color: hsl(240, 100%, 7%); /* Level 2 color */<br /> }<br /> <br /> html.skin-theme-clientpref-night .navbox-div-subgroup .navbox-div-group,<br /> html.skin-theme-clientpref-night .navbox-div-subgroup .navbox-div-abovebelow {<br /> background-color: hsl(240, 100%, 5%); /* Level 3 color */<br /> }<br /> <br /> html.skin-theme-clientpref-night .navbox-div-even {<br /> background-color: hsl(210, 3%, 16%);<br /> }<br /> <br /> /*<br /> html.skin-theme-clientpref-night .navbox-div-odd {<br /> background-color: transparent;<br /> }<br /> */<br /> }<br /> <br /> @media (min-width: 720px) {<br /> .navbox-div {<br /> text-align: center;<br /> }<br /> <br /> .navbox-div.mw-collapsible .navbox-div-title {<br /> margin: 0 4em;<br /> }<br /> <br /> .navbox-div-group {<br /> white-space: nowrap;<br /> justify-content: flex-end;<br /> }<br /> <br /> .navbox-div-list-with-group {<br /> text-align: left;<br /> }<br /> <br /> /* in case the group wraps with &lt;br&gt; or wrap setting, we can&#039;t rely on flex-end */<br /> .navbox-div-group {<br /> text-align: right;<br /> }<br /> <br /> .navbox-div-main {<br /> display: flex;<br /> }<br /> <br /> .navbox-div-image,<br /> .navbox-div-leftimage {<br /> align-self: center;<br /> }<br /> <br /> .navbox-div-image {<br /> padding-left: 2px;<br /> }<br /> <br /> .navbox-div-leftimage {<br /> padding-right: 2px;<br /> }<br /> <br /> .navbox-div-lists {<br /> grid-template-columns: auto 1fr;<br /> flex: 1;<br /> align-items: stretch;<br /> }<br /> <br /> .navbox-div-list-groupless {<br /> grid-column: 1/3;<br /> justify-content: center;<br /> }<br /> <br /> .navbox-div-lists &gt; div {<br /> display: flex;<br /> align-items: center;<br /> }<br /> <br /> .navbox-div-subgroup {<br /> flex: 1;<br /> margin: 0 -0.25em; /* match padding of lists above */<br /> }<br /> <br /> .navbox-div-subgroup .navbox-div-list-groupless {<br /> justify-content: flex-start;<br /> }<br /> }</div>

Wikipedia>Izno