https://wiki.hacks.guide/w/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-InlineBox.css 2026-06-18T15:01:37Z Revision history for this page on the wiki MediaWiki 1.43.8 https://wiki.hacks.guide/w/index.php?title=MediaWiki:Gadget-InlineBox.css&diff=8074&oldid=prev 2025-07-31T03:11:29Z

<p>updates for Citizen with MediaWiki 1.43</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 03:11, 31 July 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l61">Line 61:</td> <td colspan="2" class="diff-lineno">Line 61:</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>@media (prefers-color-scheme: dark) {</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>@media (prefers-color-scheme: dark) {</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> body.skin-timeless .hgw-inline-box,</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> body.skin-timeless .hgw-inline-box,</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> html.skin-<del style="font-weight: bold; text-decoration: none;">citizen</del>-<del style="font-weight: bold; text-decoration: none;">auto </del>.hgw-inline-box {</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> html.skin-<ins style="font-weight: bold; text-decoration: none;">theme</ins>-<ins style="font-weight: bold; text-decoration: none;">clientpref-os </ins>.hgw-inline-box {</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> --default-bg: var(--default-bg-d);</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> --default-bg: var(--default-bg-d);</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> --default-br: var(--default-br-d);</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> --default-br: var(--default-br-d);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l77">Line 77:</td> <td colspan="2" class="diff-lineno">Line 77:</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>/* i love duplicate code, oh wait css variables could probably solve this, but meh */</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>/* i love duplicate code, oh wait css variables could probably solve this, but meh */</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" 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>html.skin-<del style="font-weight: bold; text-decoration: none;">citizen</del>-<del style="font-weight: bold; text-decoration: none;">dark </del>.hgw-inline-box {</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>html.skin-<ins style="font-weight: bold; text-decoration: none;">theme</ins>-<ins style="font-weight: bold; text-decoration: none;">clientpref-night </ins>.hgw-inline-box {</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> --default-bg: var(--default-bg-d);</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> --default-bg: var(--default-bg-d);</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> --default-br: var(--default-br-d);</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> --default-br: var(--default-br-d);</div></td></tr> </table>

Ihaveahax https://wiki.hacks.guide/w/index.php?title=MediaWiki:Gadget-InlineBox.css&diff=7704&oldid=prev 2025-06-16T16:32:31Z

<p>fixes for citizen changes (hopefully)</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:32, 16 June 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l61">Line 61:</td> <td colspan="2" class="diff-lineno">Line 61:</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>@media (prefers-color-scheme: dark) {</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>@media (prefers-color-scheme: dark) {</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> body.skin-timeless .hgw-inline-box,</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> body.skin-timeless .hgw-inline-box,</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> html.skin-<del style="font-weight: bold; text-decoration: none;">theme-clientpref-os body.skin</del>-<del style="font-weight: bold; text-decoration: none;">citizen </del>.hgw-inline-box {</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> html.skin-<ins style="font-weight: bold; text-decoration: none;">citizen</ins>-<ins style="font-weight: bold; text-decoration: none;">auto </ins>.hgw-inline-box {</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> --default-bg: var(--default-bg-d);</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> --default-bg: var(--default-bg-d);</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> --default-br: var(--default-br-d);</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> --default-br: var(--default-br-d);</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l77">Line 77:</td> <td colspan="2" class="diff-lineno">Line 77:</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>/* i love duplicate code, oh wait css variables could probably solve this, but meh */</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>/* i love duplicate code, oh wait css variables could probably solve this, but meh */</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" 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>html.skin-<del style="font-weight: bold; text-decoration: none;">theme-clientpref-night body.skin</del>-<del style="font-weight: bold; text-decoration: none;">citizen </del>.hgw-inline-box {</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>html.skin-<ins style="font-weight: bold; text-decoration: none;">citizen</ins>-<ins style="font-weight: bold; text-decoration: none;">dark </ins>.hgw-inline-box {</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> --default-bg: var(--default-bg-d);</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> --default-bg: var(--default-bg-d);</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> --default-br: var(--default-br-d);</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> --default-br: var(--default-br-d);</div></td></tr> </table>

Ihaveahax https://wiki.hacks.guide/w/index.php?title=MediaWiki:Gadget-InlineBox.css&diff=7701&oldid=prev 2025-06-16T16:29:35Z

<p>moved from <a href="/wiki/Template:Inline_box/styles.css" title="Template:Inline box/styles.css">Template:Inline box/styles.css</a></p> <p><b>New page</b></p><div>.hgw-inline-box {<br /> box-sizing: border-box;<br /> border-width: 1px;<br /> border-style: solid;<br /> padding: 0.5em;<br /> margin: 0.5em 0;<br /> <br /> --default-bg-l: #fbfbfb;<br /> --default-br-l: #a2a9b1;<br /> --warning-bg-l: #fae3ca;<br /> --warning-br-l: #f28500;<br /> --critical-bg-l: #fcd7d5;<br /> --critical-br-l: #b32424;<br /> --info-bg-l: #dae9ff;<br /> --info-br-l: #3065d0;<br /> --success-bg-l: #d1f9da;<br /> --success-br-l: #469a58;<br /> <br /> --default-bg-d: #2a2f3c;<br /> --default-br-d: #6c8bac;<br /> --warning-bg-d: #412e1b;<br /> --warning-br-d: #e8860f;<br /> --critical-bg-d: #3b2220;<br /> --critical-br-d: #c31919;<br /> --info-bg-d: #152842;<br /> --info-br-d: #1c5ee2;<br /> --success-bg-d: #263d2c;<br /> --success-br-d: #569c64;<br /> <br /> --default-bg: var(--default-bg-l);<br /> --default-br: var(--default-br-l);<br /> --warning-bg: var(--warning-bg-l);<br /> --warning-br: var(--warning-br-l);<br /> --critical-bg: var(--critical-bg-l);<br /> --critical-br: var(--critical-br-l);<br /> --info-bg: var(--info-bg-l);<br /> --info-br: var(--info-br-l);<br /> --success-bg: var(--success-bg-l);<br /> --success-br: var(--success-br-l);<br /> <br /> background-color: var(--default-bg);<br /> border-color: var(--default-br);<br /> }<br /> <br /> .hgw-inline-box ol,<br /> .hgw-inline-box ul {<br /> margin-top: 0;<br /> margin-bottom: 0;<br /> }<br /> <br /> .hgw-inline-box-image {<br /> vertical-align: top;<br /> position: relative;<br /> padding-right: 0.5em;<br /> top: -1px;<br /> }<br /> <br /> .hgw-inline-box-text {<br /> }<br /> <br /> @media (prefers-color-scheme: dark) {<br /> body.skin-timeless .hgw-inline-box,<br /> html.skin-theme-clientpref-os body.skin-citizen .hgw-inline-box {<br /> --default-bg: var(--default-bg-d);<br /> --default-br: var(--default-br-d);<br /> --warning-bg: var(--warning-bg-d);<br /> --warning-br: var(--warning-br-d);<br /> --critical-bg: var(--critical-bg-d);<br /> --critical-br: var(--critical-br-d);<br /> --info-bg: var(--info-bg-d);<br /> --info-br: var(--info-br-d);<br /> --success-bg: var(--success-bg-d);<br /> --success-br: var(--success-br-d);<br /> }<br /> }<br /> <br /> /* i love duplicate code, oh wait css variables could probably solve this, but meh */<br /> <br /> html.skin-theme-clientpref-night body.skin-citizen .hgw-inline-box {<br /> --default-bg: var(--default-bg-d);<br /> --default-br: var(--default-br-d);<br /> --warning-bg: var(--warning-bg-d);<br /> --warning-br: var(--warning-br-d);<br /> --critical-bg: var(--critical-bg-d);<br /> --critical-br: var(--critical-br-d);<br /> --info-bg: var(--info-bg-d);<br /> --info-br: var(--info-br-d);<br /> --success-bg: var(--success-bg-d);<br /> --success-br: var(--success-br-d);<br /> }<br /> <br /> .hgw-inline-box-warning {<br /> background-color: var(--warning-bg);<br /> border-color: var(--warning-br);<br /> }<br /> .hgw-inline-box-critical {<br /> background-color: var(--critical-bg);<br /> border-color: var(--critical-br);<br /> }<br /> .hgw-inline-box-info {<br /> background-color: var(--info-bg);<br /> border-color: var(--info-br);<br /> }<br /> .hgw-inline-box-success {<br /> background-color: var(--success-bg);<br /> border-color: var(--success-br);<br /> }</div>

Ihaveahax