https://dmw-wiki.biffify.com/wiki/index.php?action=history&feed=atom&title=MediaWiki%3AGadgets%2Franger%2Fmain.css 2026-11-05T11:01:20Z Revision history for this page on the wiki MediaWiki 1.43.9 https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/main.css&diff=26960&oldid=prev 2025-11-01T06:43:52Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 06:43, 1 November 2025</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

imported>Westgrass https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/main.css&diff=26959&oldid=prev 2025-08-26T04:02:43Z

<p></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 04:02, 26 August 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>/** as of Module:navbox version 1.2.<del style="font-weight: bold; text-decoration: none;">2 </del>**/</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>/** as of Module:navbox version 1.2.<ins style="font-weight: bold; text-decoration: none;">5 </ins>**/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox{</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l269">Line 269:</td> <td colspan="2" class="diff-lineno">Line 269:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-subgroup{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-subgroup{</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   text-align: var(--navbox-group-text-align);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   text-align: var(--navbox-group-text-align);</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  white-space: nowrap;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   font-weight: bold;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   font-weight: bold;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background: var(--navbox-group-background);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background: var(--navbox-group-background);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l303">Line 303:</td> <td colspan="2" class="diff-lineno">Line 302:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox.mobile-group-align-right .ranger-subgroup{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox.mobile-group-align-right .ranger-subgroup{</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   --navbox-group-text-align--mobile: right;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   --navbox-group-text-align--mobile: right;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">/* for desktop view */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.list-align-left .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align: left;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.list-align-center .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align: center;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.list-align-right .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align: right;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">/* for mobile view */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.mobile-list-align-left .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align--mobile: left;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.mobile-list-align-center .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align--mobile: center;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox.mobile-list-align-right .ranger-listbox{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  --navbox-list-text-align--mobile: right;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-listbox &gt; .ranger-wrap{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-listbox &gt; .ranger-wrap{</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  text-align: var(--navbox-list-text-align);</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background: var(--navbox-list-background);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   background: var(--navbox-list-background);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   color: var(--navbox-list-color);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   color: var(--navbox-list-color);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l364">Line 364:</td> <td colspan="2" class="diff-lineno">Line 385:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-group,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-group,</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup{</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     text-align: var(--navbox-group-text-align--mobile);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     text-align: var(--navbox-group-text-align--mobile<ins style="font-weight: bold; text-decoration: none;">, left</ins>);</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     <del style="font-weight: bold; text-decoration: none;">white</del>-<del style="font-weight: bold; text-decoration: none;">space</del>: <del style="font-weight: bold; text-decoration: none;">normal</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     <ins style="font-weight: bold; text-decoration: none;">max</ins>-<ins style="font-weight: bold; text-decoration: none;">width</ins>: <ins style="font-weight: bold; text-decoration: none;">unset !important</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>    </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>   <ins style="font-weight: bold; text-decoration: none;">.ranger-navbox .ranger-group &gt; *,</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  .ranger-navbox .ranger-subgroup &gt; *{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    max-width: unset !important;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  }  </ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-sublist {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-sublist {</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     padding-left: var(--navbox-tree-indent);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     padding-left: var(--navbox-tree-indent);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l379">Line 379:</td> <td colspan="2" class="diff-lineno">Line 403:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup br{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup br{</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     display: none;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     display: none;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  }</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  .ranger-navbox .ranger-listbox &gt; .ranger-wrap{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    text-align: var(--navbox-list-text-align--mobile, left);</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-sublist &gt; .ranger-section &gt; .ranger-header{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-sublist &gt; .ranger-section &gt; .ranger-header{</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l405">Line 405:</td> <td colspan="2" class="diff-lineno">Line 432:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup::after,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .ranger-subgroup::after,</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox .empty-group &gt; .ranger-listbox &gt; .ranger-wrap::after{</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>   .ranger-navbox <ins style="font-weight: bold; text-decoration: none;">.ranger-row .ranger-row</ins>.empty-group &gt; .ranger-listbox &gt; .ranger-wrap::after{</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     position: absolute;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     position: absolute;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width));</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width));</div></td></tr> </table>

>Westgrass https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/main.css&diff=26958&oldid=prev 2025-07-22T16:50:46Z

<p>AUTOMATED: Updating RANGER navboxes&#039; stylesheets to fix compatibility with [hidden=until-found] collapsibles. In case of issues or other bugs, please contact us via https://indieio.atlassian.net/servicedesk/customer .</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 16:50, 22 July 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l258">Line 258:</td> <td colspan="2" class="diff-lineno">Line 258:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   gap: var(--navbox-gap);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   gap: var(--navbox-gap);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   grid-template-columns: auto minmax(0,1fr);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   grid-template-columns: auto minmax(0,1fr);</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">/* gap fix for collapsed content */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.ranger-navbox [class^="ranger-"][hidden="until-found"]{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  margin-top: calc(0px - var(--navbox-gap)) !important;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-row{</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.ranger-navbox .ranger-row{</div></td></tr> </table>

imported>Bot4401 https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/main.css&diff=26957&oldid=prev 2025-03-09T22:32:45Z

<p>Created page with &quot;<span class="autocomment">* as of Module:navbox version 1.2.2 *: </span> .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; }...&quot;</p> <p><b>New page</b></p><div>/** as of Module:navbox version 1.2.2 **/<br /> <br /> .ranger-navbox{<br /> border-color: var(--navbox-outer-border-color);<br /> border-style: var(--navbox-outer-border-style);<br /> border-width: var(--navbox-outer-border-width);<br /> border-radius: var(--navbox-outer-border-radius);<br /> padding: var(--navbox-padding);<br /> font-size: var(--navbox-font-size);<br /> margin: var(--navbox-margin);<br /> background: var(--navbox-background);<br /> line-height: 1.5;<br /> clear:both;<br /> }<br /> <br /> .ranger-navbox * {<br /> border: 0;<br /> }<br /> .ranger-navbox .center *{<br /> margin-left: unset;<br /> margin-right: unset;<br /> }<br /> .ranger-navbox, <br /> .ranger-navbox .ranger-section,<br /> .ranger-navbox .ranger-listbox{<br /> display: flex;<br /> flex-direction: column;<br /> gap: var(--navbox-gap);<br /> }<br /> .ranger-navbox .ranger-title,<br /> .ranger-navbox .ranger-header{<br /> text-align: center;<br /> min-height: 1.5em;<br /> position: relative;<br /> z-index: 0;<br /> font-weight: bold;<br /> }<br /> .ranger-navbox .ranger-title{<br /> color: var(--navbox-title-color);<br /> background: var(--navbox-title-background);<br /> font-size: var(--navbox-title-font-size);<br /> padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */<br /> }<br /> .ranger-navbox .ranger-title a,<br /> .ranger-navbox .ranger-title a:visited,<br /> .ranger-navbox .ranger-title a:hover,<br /> .ranger-navbox .ranger-title a.external,<br /> .ranger-navbox .ranger-title a.external:visited,<br /> .ranger-navbox .ranger-title a.external:hover {<br /> text-decoration: var(--navbox-title-link-decoration);<br /> }<br /> .ranger-navbox .ranger-title a.new,<br /> .ranger-navbox .ranger-title a.new:visited {<br /> text-decoration: var(--navbox-title-redlink-decoration);<br /> }<br /> .ranger-navbox .ranger-title a,<br /> .ranger-navbox .ranger-title a.external,<br /> .ranger-navbox .ranger-title a.external:visited {<br /> color: var(--navbox-title-link-color);<br /> }<br /> .ranger-navbox .ranger-title a:visited{<br /> color: var(--navbox-title-link-color--visited);<br /> }<br /> .ranger-navbox .ranger-title a.new,<br /> .ranger-navbox .ranger-title a.new:visited{<br /> color:var(--navbox-title-redlink-color);<br /> }<br /> .ranger-navbox .ranger-title a:hover,<br /> .ranger-navbox .ranger-title a:visited:hover,<br /> .ranger-navbox .ranger-title a.external:hover,<br /> .ranger-navbox .ranger-title a.external:visited:hover {<br /> color:var(--navbox-title-link-color--hover);<br /> }<br /> .ranger-navbox .ranger-header{<br /> color: var(--navbox-header-color);<br /> background: var(--navbox-header-background);<br /> font-size: var(--navbox-header-font-size);<br /> padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-header{<br /> font-size: var(--navbox-subheader-font-size);<br /> padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */<br /> }<br /> .ranger-navbox .ranger-header a,<br /> .ranger-navbox .ranger-header a:visited,<br /> .ranger-navbox .ranger-header a:hover,<br /> .ranger-navbox .ranger-header a.external,<br /> .ranger-navbox .ranger-header a.external:visited,<br /> .ranger-navbox .ranger-header a.external:hover {<br /> text-decoration: var(--navbox-header-link-decoration);<br /> }<br /> .ranger-navbox .ranger-header a.new,<br /> .ranger-navbox .ranger-header a.new:visited {<br /> text-decoration: var(--navbox-header-redlink-decoration);<br /> }<br /> .ranger-navbox .ranger-header a,<br /> .ranger-navbox .ranger-header a.external,<br /> .ranger-navbox .ranger-header a.external:visited {<br /> color: var(--navbox-header-link-color);<br /> }<br /> .ranger-navbox .ranger-header a:visited{<br /> color: var(--navbox-header-link-color--visited);<br /> }<br /> .ranger-navbox .ranger-header a.new,<br /> .ranger-navbox .ranger-header a.new:visited{<br /> color:var(--navbox-header-redlink-color);<br /> }<br /> .ranger-navbox .ranger-header a:hover,<br /> .ranger-navbox .ranger-header a:visited:hover,<br /> .ranger-navbox .ranger-header a.external:hover,<br /> .ranger-navbox .ranger-header a.external:visited:hover {<br /> color:var(--navbox-header-link-color--hover);<br /> }<br /> .ranger-navbox .ranger-meta{<br /> font-size: var(--navbox-title-font-size);<br /> position: absolute;<br /> left: var(--navbox-icon-offset--x);<br /> top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */<br /> display: block;<br /> }<br /> .ranger-navbox .ranger-meta .nv{<br /> --mask: var(--icon-metalinks);<br /> display: block;<br /> width: 0.84em; /* based on the icon graph */<br /> height: 0.84em;<br /> -webkit-mask: var(--mask);<br /> mask: var(--mask);<br /> -webkit-mask-size: 100% 100%;<br /> mask-size: 100% 100%;<br /> -webkit-mask-position: center center;<br /> mask-position: center center;<br /> background-color: var(--navbox-title-icon-color);<br /> }<br /> .ranger-navbox .ranger-meta .nv &gt; a{<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> opacity: 0;<br /> }<br /> .ranger-navbox .ranger-meta .nv &gt; a &gt; span{<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> overflow: hidden;<br /> }<br /> .ranger-navbox .ranger-meta:has(.mw-selflink){<br /> display: none;<br /> }<br /> .ranger-navbox,<br /> .ranger-navbox .ranger-section{<br /> position: relative;<br /> }<br /> .ranger .mw-collapsible-toggle-placeholder{<br /> display: none;<br /> }<br /> .ranger-navbox .ranger-title &gt; .ranger-title-text,<br /> .ranger-navbox .ranger-header &gt; .ranger-header-text{<br /> pointer-events: none;<br /> }<br /> .ranger-navbox .ranger-title &gt; .ranger-title-text a,<br /> .ranger-navbox .ranger-header &gt; .ranger-header-text a{<br /> pointer-events: auto;<br /> }<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle,<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle{<br /> --mask: var(--icon-chevron-down);<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> z-index: -1;<br /> display: block;<br /> width: 100%;<br /> height: 100%;<br /> overflow:hidden;<br /> }<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-title &gt; .mw-collapsible-toggle,<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-header &gt; .mw-collapsible-toggle{<br /> width: 1.5em;<br /> height: 1.5em;<br /> right: var(--navbox-icon-offset--x);<br /> }<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-title &gt; .mw-collapsible-toggle{<br /> top: var(--navbox-title-padding--y);<br /> }<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-header &gt; .mw-collapsible-toggle{<br /> top: var(--navbox-header-padding--y);<br /> }<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header &gt; .mw-collapsible-toggle{<br /> top: var(--navbox-subheader-padding--y);<br /> }<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle::before,<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle::before{<br /> content: &quot;&quot;;<br /> display: block;<br /> width: 1.5em;<br /> height: 1.5em;<br /> position: absolute;<br /> right: var(--navbox-icon-offset--x);<br /> -webkit-mask: var(--mask);<br /> mask: var(--mask);<br /> -webkit-mask-size: 100% 100%;<br /> mask-size: 100% 100%;<br /> -webkit-mask-position: center center;<br /> mask-position: center center;<br /> background-color: var(--navbox-title-icon-color);<br /> transform: scaleY(-1);<br /> }<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle::before{<br /> top: var(--navbox-title-padding--y);<br /> }<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle::before{<br /> top: var(--navbox-header-padding--y);<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-header &gt; .mw-collapsible-toggle::before{<br /> top: var(--navbox-subheader-padding--y);<br /> }<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-title &gt; .mw-collapsible-toggle::before,<br /> .ranger-navbox.small-collapsible-toggle-click-area .ranger-header &gt; .mw-collapsible-toggle::before{<br /> top: 0;<br /> right: 0;<br /> }<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle::before{<br /> background-color: var(--navbox-header-icon-color);<br /> }<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before,<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{<br /> transform: none;<br /> }<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle *,<br /> .ranger-navbox .ranger-title &gt; .mw-collapsible-toggle::after,<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle *,<br /> .ranger-navbox .ranger-header &gt; .mw-collapsible-toggle::after{<br /> display: none;<br /> }<br /> .ranger-navbox .ranger-list{<br /> width: unset;<br /> padding: var(--navbox-list-padding);<br /> }<br /> .ranger-navbox .ranger-above{<br /> background: var(--navbox-above-background);<br /> color: var(--navbox-above-color);<br /> padding: var(--navbox-above-padding);<br /> width: unset;<br /> }<br /> .ranger-navbox .ranger-below{<br /> background: var(--navbox-below-background);<br /> color: var(--navbox-below-color);<br /> padding: var(--navbox-below-padding);<br /> width: unset;<br /> }<br /> .ranger-navbox .ranger-sublist{<br /> display: flex;<br /> flex-direction: column;<br /> gap: var(--navbox-gap);<br /> }<br /> .ranger-navbox .ranger-section-body{<br /> display: grid;<br /> gap: var(--navbox-gap);<br /> grid-template-columns: auto minmax(0,1fr);<br /> }<br /> .ranger-navbox .ranger-row{<br /> display: contents;<br /> }<br /> .ranger-navbox .ranger-group,<br /> .ranger-navbox .ranger-subgroup{<br /> text-align: var(--navbox-group-text-align);<br /> white-space: nowrap;<br /> font-weight: bold;<br /> background: var(--navbox-group-background);<br /> color: var(--navbox-group-color);<br /> padding: var(--navbox-group-padding);<br /> width: unset;<br /> }<br /> /* for desktop view */<br /> .ranger-navbox.group-align-left .ranger-group,<br /> .ranger-navbox.group-align-left .ranger-subgroup{<br /> --navbox-group-text-align: left;<br /> }<br /> .ranger-navbox.group-align-center .ranger-group,<br /> .ranger-navbox.group-align-center .ranger-subgroup{<br /> --navbox-group-text-align: center;<br /> }<br /> .ranger-navbox.group-align-right .ranger-group,<br /> .ranger-navbox.group-align-right .ranger-subgroup{<br /> --navbox-group-text-align: right;<br /> }<br /> /* for mobile view */<br /> .ranger-navbox.mobile-group-align-left .ranger-group,<br /> .ranger-navbox.mobile-group-align-left .ranger-subgroup{<br /> --navbox-group-text-align--mobile: left;<br /> }<br /> <br /> .ranger-navbox.mobile-group-align-center .ranger-group,<br /> .ranger-navbox.mobile-group-align-center .ranger-subgroup{<br /> --navbox-group-text-align--mobile: center;<br /> }<br /> <br /> .ranger-navbox.mobile-group-align-right .ranger-group,<br /> .ranger-navbox.mobile-group-align-right .ranger-subgroup{<br /> --navbox-group-text-align--mobile: right;<br /> }<br /> <br /> .ranger-navbox .ranger-listbox &gt; .ranger-wrap{<br /> background: var(--navbox-list-background);<br /> color: var(--navbox-list-color);<br /> flex-grow: 1;<br /> }<br /> .ranger-navbox .ranger-sublist{<br /> flex-grow: var(--count);<br /> }<br /> .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */<br /> grid-column-end: span 2;<br /> }<br /> .ranger-navbox .ranger-group,<br /> .ranger-navbox .ranger-subgroup,<br /> .ranger-navbox .ranger-listbox &gt; .ranger-wrap{<br /> display: grid;<br /> justify-items: stretch;<br /> align-items: center;<br /> }<br /> .ranger-navbox.striped-even .ranger-even,<br /> .ranger-navbox.striped-odd .ranger-odd{<br /> background: var(--navbox-list-background--striped);<br /> }<br /> /* make links use full line height (larger click box)*/<br /> .ranger-navbox .hlist a{<br /> display: inline-block;<br /> }<br /> <br /> .ranger-navbox .align-left,<br /> .ranger-navbox .alignleft{<br /> text-align: left;<br /> }<br /> .ranger-navbox .align-center,<br /> .ranger-navbox .aligncenter{<br /> text-align: center;<br /> }<br /> .ranger-navbox .align-right,<br /> .ranger-navbox .alignright{<br /> text-align: right;<br /> }<br /> <br /> /* responsive */<br /> @media screen and (max-width: 720px) {<br /> .ranger-navbox .ranger-section-body,<br /> .ranger-navbox .ranger-sublist {<br /> display: flex;<br /> flex-flow: column;<br /> }<br /> .ranger-navbox .ranger-row{<br /> display: block;<br /> }<br /> .ranger-navbox .ranger-group + .ranger-listbox &gt; .ranger-sublist:first-child,<br /> .ranger-navbox .ranger-subgroup + .ranger-listbox &gt; .ranger-sublist:first-child{<br /> margin-top: var(--navbox-gap);<br /> }<br /> .ranger-navbox .ranger-listbox.empty{<br /> display: none;<br /> }<br /> .ranger-navbox .ranger-group,<br /> .ranger-navbox .ranger-subgroup{<br /> text-align: var(--navbox-group-text-align--mobile);<br /> white-space: normal;<br /> }<br /> <br /> .ranger-navbox .ranger-sublist {<br /> padding-left: var(--navbox-tree-indent);<br /> margin-left: var(--navbox-tree-line-indent);<br /> }<br /> .ranger-navbox .ranger-subgroup,<br /> .ranger-navbox .ranger-listbox {<br /> position:relative;<br /> }<br /> .ranger-navbox .ranger-group br,<br /> .ranger-navbox .ranger-subgroup br{<br /> display: none;<br /> }<br /> .ranger-navbox .ranger-sublist &gt; .ranger-section &gt; .ranger-header{<br /> margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent));<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-row &gt; ::before{<br /> position: absolute;<br /> left: calc(0px - var(--navbox-tree-indent));<br /> top: 0;<br /> width: var(--navbox-tree-line-width);<br /> height: 100%;<br /> content: &#039;&#039;;<br /> display: block;<br /> background-color: var(--navbox-tree-line-color);<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-row &gt; .ranger-listbox::before,<br /> .ranger-navbox .ranger-row.empty-list &gt; .ranger-subgroup::before{<br /> height: calc(100% + var(--navbox-gap));<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-row:last-child &gt; ::before {<br /> display: none;<br /> }<br /> .ranger-navbox .ranger-sublist .ranger-row:last-child &gt; :first-child::before {<br /> display: block;<br /> height: calc(50% + var(--navbox-tree-line-width)/2);<br /> }<br /> .ranger-navbox .ranger-subgroup::after,<br /> .ranger-navbox .empty-group &gt; .ranger-listbox &gt; .ranger-wrap::after{<br /> position: absolute;<br /> left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width));<br /> width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width));<br /> height: var(--navbox-tree-line-width);<br /> content: &#039;&#039;;<br /> background-color: var(--navbox-tree-line-color);<br /> }<br /> /* increase height for links */<br /> .ranger-navbox .hlist{<br /> line-height: 2;<br /> }<br /> }<br /> /**** `.pill` class: the &quot;pill&quot; style ****/<br /> /* remove middle dots betweem items */<br /> .ranger-navbox.pill .hlist dd:not(:last-child)::after,<br /> .ranger-navbox.pill .hlist li:not(:last-child)::after{<br /> display: none;<br /> }<br /> /* remove parentheses around nested lists*/<br /> .ranger-navbox.pill .hlist dd ol::before,<br /> .ranger-navbox.pill .hlist dd ul::before,<br /> .ranger-navbox.pill .hlist dd dl::before,<br /> .ranger-navbox.pill .hlist dt ol::before,<br /> .ranger-navbox.pill .hlist dt ul::before,<br /> .ranger-navbox.pill .hlist dt dl::before,<br /> .ranger-navbox.pill .hlist li ol::before,<br /> .ranger-navbox.pill .hlist li ul::before,<br /> .ranger-navbox.pill .hlist li dl::before,<br /> .ranger-navbox.pill .hlist dd ol::after,<br /> .ranger-navbox.pill .hlist dd ul::after,<br /> .ranger-navbox.pill .hlist dd dl::after,<br /> .ranger-navbox.pill .hlist dt ol::after,<br /> .ranger-navbox.pill .hlist dt ul::after,<br /> .ranger-navbox.pill .hlist dt dl::after,<br /> .ranger-navbox.pill .hlist li ol::after,<br /> .ranger-navbox.pill .hlist li ul::after,<br /> .ranger-navbox.pill .hlist li dl::after {<br /> display: none;<br /> }<br /> /* make lists inline-flex */<br /> .ranger-navbox.pill .hlist ul,<br /> .ranger-navbox.pill .hlist ol,<br /> .ranger-navbox.pill .hlist dl{<br /> display: inline-flex;<br /> gap: var(--navbox-pill-gap);<br /> flex-wrap: wrap;<br /> }<br /> /* &quot;pill&quot; style for items */<br /> .ranger-navbox.pill .hlist li,<br /> .ranger-navbox.pill .hlist dt,<br /> .ranger-navbox.pill .hlist dd{<br /> padding: var(--navbox-pill-padding);<br /> border-radius: var(--navbox-pill-border-radius);<br /> box-shadow: var(--navbox-pill-box-shadow);<br /> background: var(--navbox-pill-background);<br /> /* 100% height */<br /> display: flex;<br /> align-items: center;<br /> /* for nested lists */<br /> gap: var(--navbox-pill-gap); <br /> flex-wrap: wrap;<br /> }<br /> /* Add a hover / focus feedback style */<br /> .ranger-navbox.pill .hlist dd:hover,<br /> .ranger-navbox.pill .hlist dd:focus,<br /> .ranger-navbox.pill .hlist dt:hover,<br /> .ranger-navbox.pill .hlist dt:focus,<br /> .ranger-navbox.pill .hlist li:hover,<br /> .ranger-navbox.pill .hlist li:focus {<br /> box-shadow: var(--navbox-pill-box-shadow--hover);<br /> background: var(--navbox-pill-background--hover);<br /> }<br /> /* pill with selflink<br /> *<br /> * Only select the deepest level for nested lists.<br /> * We have to use :has() to pick pills with selflink and<br /> * all browsers which support :has() should also support :is() and :not(),<br /> * therefore we can use :is() and :not() here safely.<br /> */<br /> .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ <br /> background: var(--navbox-pill-selflink-background);<br /> }<br /> /**** `.pill-mobile` class: only apply the &quot;pill&quot; style on mobile ****/<br /> @media screen and (max-width: 720px) {<br /> /* remove middle dots betweem items */<br /> .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after,<br /> .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{<br /> display: none;<br /> }<br /> /* remove parentheses around nested lists*/<br /> .ranger-navbox.pill-mobile .hlist dd ol::before,<br /> .ranger-navbox.pill-mobile .hlist dd ul::before,<br /> .ranger-navbox.pill-mobile .hlist dd dl::before,<br /> .ranger-navbox.pill-mobile .hlist dt ol::before,<br /> .ranger-navbox.pill-mobile .hlist dt ul::before,<br /> .ranger-navbox.pill-mobile .hlist dt dl::before,<br /> .ranger-navbox.pill-mobile .hlist li ol::before,<br /> .ranger-navbox.pill-mobile .hlist li ul::before,<br /> .ranger-navbox.pill-mobile .hlist li dl::before,<br /> .ranger-navbox.pill-mobile .hlist dd ol::after,<br /> .ranger-navbox.pill-mobile .hlist dd ul::after,<br /> .ranger-navbox.pill-mobile .hlist dd dl::after,<br /> .ranger-navbox.pill-mobile .hlist dt ol::after,<br /> .ranger-navbox.pill-mobile .hlist dt ul::after,<br /> .ranger-navbox.pill-mobile .hlist dt dl::after,<br /> .ranger-navbox.pill-mobile .hlist li ol::after,<br /> .ranger-navbox.pill-mobile .hlist li ul::after,<br /> .ranger-navbox.pill-mobile .hlist li dl::after {<br /> display: none;<br /> }<br /> /* make lists inline-flex */<br /> .ranger-navbox.pill-mobile .hlist ul,<br /> .ranger-navbox.pill-mobile .hlist ol,<br /> .ranger-navbox.pill-mobile .hlist dl{<br /> display: inline-flex;<br /> gap: var(--navbox-pill-gap);<br /> flex-wrap: wrap;<br /> }<br /> /* &quot;pill&quot; style for items */<br /> .ranger-navbox.pill-mobile .hlist li,<br /> .ranger-navbox.pill-mobile .hlist dt,<br /> .ranger-navbox.pill-mobile .hlist dd{<br /> /* 100% height */<br /> display: flex;<br /> align-items: center;<br /> /* for nested lists */<br /> gap: var(--navbox-pill-gap);<br /> flex-wrap: wrap;<br /> }<br /> /* &quot;pill&quot; style for items */<br /> .ranger-navbox.pill-mobile .hlist li,<br /> .ranger-navbox.pill-mobile .hlist dt,<br /> .ranger-navbox.pill-mobile .hlist dd{<br /> padding: var(--navbox-pill-padding);<br /> border-radius: var(--navbox-pill-border-radius);<br /> box-shadow: var(--navbox-pill-box-shadow);<br /> background: var(--navbox-pill-background);<br /> /* 100% height */<br /> display: flex;<br /> align-items: center;<br /> /* for nested lists */<br /> gap: var(--navbox-pill-gap);<br /> flex-wrap: wrap;<br /> }<br /> /* Add a hover / focus feedback style */<br /> .ranger-navbox.pill-mobile .hlist dd:hover,<br /> .ranger-navbox.pill-mobile .hlist dd:focus,<br /> .ranger-navbox.pill-mobile .hlist dt:hover,<br /> .ranger-navbox.pill-mobile .hlist dt:focus,<br /> .ranger-navbox.pill-mobile .hlist li:hover,<br /> .ranger-navbox.pill-mobile .hlist li:focus {<br /> box-shadow: var(--navbox-pill-box-shadow--hover);<br /> background: var(--navbox-pill-background--hover);<br /> }<br /> /* pill with selflink<br /> *<br /> * Only select the deepest level for nested lists.<br /> * We have to use :has() to pick pills with selflink and<br /> * all browsers which support :has() should also support :is() and :not(),<br /> * therefore we can use :is() and :not() here safely.<br /> */<br /> .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ <br /> background: var(--navbox-pill-selflink-background);<br /> }<br /> }<br /> /*********************<br /> * End Template:Navbox*<br /> **********************/</div>

imported>RheingoldRiver