https://dmw-wiki.biffify.com/wiki/index.php?action=history&feed=atom&title=MediaWiki%3AGadgets%2Franger%2Fvariables.css 2026-11-05T11:49:22Z Revision history for this page on the wiki MediaWiki 1.43.9 https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/variables.css&diff=26963&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/variables.css&diff=26962&oldid=prev 2025-03-24T20:40:35Z

<p>Set navbox-background to wiki-content-background-color. This avoids color mixups on doc pages, where content-background-color--secondary would show through instead</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 20:40, 24 March 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"></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 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>   --navbox-background: <del style="font-weight: bold; text-decoration: none;">none</del>; /* for entire navbox */</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>   --navbox-background: <ins style="font-weight: bold; text-decoration: none;">var(--wiki-content-background-color)</ins>; /* for entire navbox */</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-margin: 0.5em auto;</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-margin: 0.5em auto;</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-padding: 4px;</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-padding: 4px;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l93">Line 93:</td> <td colspan="2" class="diff-lineno">Line 93:</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-list-background--striped: var(--wiki-content-background-color--secondary);</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-list-background--striped: var(--wiki-content-background-color--secondary);</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-background: var(--wiki-content-background-color--secondary);</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-background: var(--wiki-content-background-color--secondary);</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>     --navbox-tree-line-<del style="font-weight: bold; text-decoration: none;">color：var</del>(--wiki-content-background-color--secondary);</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>     --navbox-tree-line-<ins style="font-weight: bold; text-decoration: none;">color: var</ins>(--wiki-content-background-color--secondary);</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.pill,  </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.pill,  </div></td></tr> </table>

>Mr Pie 5 https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadgets/ranger/variables.css&diff=26961&oldid=prev 2025-03-09T22:32:46Z

<p>Created page with &quot;.ranger-navbox{ --navbox-background: none; <span class="autocomment">for entire navbox: </span> --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; <span class="autocomment">when using zero-value, it must be 0px: </span> --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --na...&quot;</p> <p><b>New page</b></p><div>.ranger-navbox{<br /> --navbox-background: none; /* for entire navbox */<br /> --navbox-margin: 0.5em auto;<br /> --navbox-padding: 4px;<br /> --navbox-gap: 3px; /* when using zero-value, it must be 0px */<br /> --navbox-outer-border-color: var(--wiki-content-border-color--accent);<br /> --navbox-outer-border-width: 1px;<br /> --navbox-outer-border-style: solid;<br /> --navbox-outer-border-radius: 0px;<br /> --navbox-font-size: calc(1em - 2px);<br /> --navbox-title-color: var(--wiki-accent-label-color);<br /> --navbox-title-font-size: calc(125%);<br /> --navbox-title-background: var(--wiki-accent-color);<br /> --navbox-title-icon-color: var(--wiki-accent-label-color);<br /> --navbox-title-link-color: var(--navbox-title-color);<br /> --navbox-title-link-color--visited: var(--navbox-title-link-color);<br /> --navbox-title-link-color--hover: var(--wiki-accent-link-color);<br /> --navbox-title-redlink-color: var(--navbox-title-link-color);<br /> --navbox-title-link-decoration: underline solid;<br /> --navbox-title-redlink-decoration: underline wavy;<br /> --navbox-title-padding--y: 0.5em;<br /> --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent);<br /> --navbox-above-color: var(--wiki-content-text-color);<br /> --navbox-above-padding: var(--navbox-list-padding);<br /> --navbox-below-background: var(--navbox-above-background);<br /> --navbox-below-color: var(--navbox-above-color);<br /> --navbox-below-padding: var(--navbox-above-padding);<br /> --navbox-header-color: var(--navbox-title-color);<br /> --navbox-header-font-size: calc(110%);<br /> --navbox-header-background: var(--navbox-title-background);<br /> --navbox-header-icon-color: var(--navbox-title-icon-color);<br /> --navbox-header-link-color: var(--navbox-title-link-color);<br /> --navbox-header-link-color--visited: var(--navbox-title-link-color--visited);<br /> --navbox-header-link-color--hover: var(--navbox-title-link-color--hover);<br /> --navbox-header-redlink-color: var(--navbox-title-redlink-color);<br /> --navbox-header-link-decoration: var(--navbox-title-link-decoration);<br /> --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration);<br /> --navbox-header-padding--y: 0.3em;<br /> --navbox-subheader-font-size: calc(100%);<br /> --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2);<br /> --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);<br /> --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent);<br /> --navbox-list-color: var(--wiki-content-text-color);<br /> --navbox-list-padding: 0.25em 0.5em;<br /> /* --navbox-group-* also apply to .ranger-subgroup */<br /> --navbox-group-text-align: left;<br /> --navbox-group-text-align--mobile: left; /* only for mobile view */<br /> --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);<br /> --navbox-group-color: var(--wiki-content-text-color);<br /> --navbox-group-padding: var(--navbox-list-padding);<br /> --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent);<br /> --navbox-tree-line-width: 2px;<br /> --navbox-tree-indent: 1em;<br /> --navbox-tree-line-indent: 0.5em;<br /> --navbox-tree-line-spacing: var(--navbox-gap);<br /> --icon-chevron-down: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; class=&#039;icon icon-tabler icon-tabler-chevron-down&#039; width=&#039;24&#039; height=&#039;24&#039; viewBox=&#039;0 0 24 24&#039; stroke-width=&#039;2&#039; stroke=&#039;currentColor&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Cpath stroke=&#039;none&#039; d=&#039;M0 0h24v24H0z&#039; fill=&#039;none&#039;%3E%3C/path%3E%3Cpath d=&#039;M6 9l6 6l6 -6&#039;%3E%3C/path%3E%3C/svg%3E&quot;);<br /> --icon-metalinks: url(&quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; class=&#039;icon icon-tabler icon-tabler-edit&#039; width=&#039;24&#039; height=&#039;24&#039; viewBox=&#039;0 0 24 24&#039; stroke-width=&#039;2&#039; stroke=&#039;currentColor&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Cpath stroke=&#039;none&#039; d=&#039;M0 0h24v24H0z&#039; fill=&#039;none&#039;%3E%3C/path%3E%3Cpath d=&#039;M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1&#039;%3E%3C/path%3E%3Cpath d=&#039;M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z&#039;%3E%3C/path%3E%3Cpath d=&#039;M16 5l3 3&#039;%3E%3C/path%3E%3C/svg%3E&quot;);<br /> --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */<br /> }<br /> .ranger-navbox.pill, <br /> .ranger-navbox.pill-mobile{<br /> /** vars for the &quot;pill&quot; style only (`.pill` and &quot;.pill-mobile&quot; clases) **/<br /> --navbox-pill-gap: 0.3em;<br /> --navbox-pill-padding: 0.25em 0.75em;<br /> --navbox-pill-border-radius: 3px;<br /> --navbox-pill-box-shadow: none;<br /> --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);<br /> --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color);<br /> --navbox-pill-background--hover: var(--navbox-pill-background);<br /> --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ <br /> /* remove list cell background */<br /> --navbox-list-background: none;<br /> --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent);<br /> }<br /> .ranger-navbox.no-underline-title-links{<br /> --navbox-title-link-color: var(--wiki-accent-link-color);<br /> --navbox-title-link-decoration: none;<br /> --navbox-title-redlink-decoration: none;<br /> }<br /> .ranger-navbox.noborder,<br /> .ranger-navbox.no-border{<br /> --navbox-padding: 0px;<br /> --navbox-outer-border-width: 0px;<br /> }<br /> <br /> /******************************<br /> * Fallback for older browsers *<br /> *******************************/<br /> @supports not (color:color-mix(in srgb, #000, transparent)) {<br /> .ranger-navbox {<br /> --navbox-above-background: var(--wiki-content-background-color--secondary);<br /> --navbox-list-background: transparent;<br /> --navbox-list-background--striped: var(--wiki-content-background-color--secondary);<br /> --navbox-group-background: var(--wiki-content-background-color--secondary);<br /> --navbox-tree-line-color：var(--wiki-content-background-color--secondary);<br /> }<br /> .ranger-navbox.pill, <br /> .ranger-navbox.pill-mobile {<br /> --navbox-pill-background: var(--wiki-content-background-color--secondary);<br /> --navbox-list-background--striped: transparent;<br /> --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary);<br /> }<br /> }<br /> /***************<br /> * End fallback *<br /> ****************/</div>

imported>RheingoldRiver