https://eurovision.jobogamer.xyz/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-Twinkle.css 2026-05-22T02:25:28Z Revision history for this page on the wiki MediaWiki 1.45.3 https://eurovision.jobogamer.xyz/index.php?title=MediaWiki:Gadget-Twinkle.css&diff=33&oldid=prev 2026-03-19T09:58:24Z

<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 05:58, 19 March 2026</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Alfie https://eurovision.jobogamer.xyz/index.php?title=MediaWiki:Gadget-Twinkle.css&diff=32&oldid=prev 2026-02-18T18:21:39Z

<p>Repo at f310b34: simplify and move ombox CSS from morebits.css to twinkle.css (#2317)</p> <p><b>New page</b></p><div>/* Define CSS variables */<br /> html {<br /> --twinkle-bgcolor-dialog: #f0f8ff;<br /> --twinkle-bgcolor-titlebar: #bccadf;<br /> }<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night {<br /> --twinkle-bgcolor-dialog: #141c26;<br /> --twinkle-bgcolor-titlebar: #1c2a52;<br /> }<br /> }<br /> <br /> /* stylelint-disable-next-line plugin/no-unsupported-browser-features */<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os {<br /> --twinkle-bgcolor-dialog: #141c26;<br /> --twinkle-bgcolor-titlebar: #1c2a52;<br /> }<br /> }<br /> <br /> /**<br /> * Explicitly set width of TW menu so that we can use a hidden peer gadget<br /> * to add space where the TW menu would go before it loads. See<br /> * twinkle-pagestyles.css<br /> */<br /> .skin-vector .vector-menu-dropdown #p-twinkle {<br /> width: 3.24em;<br /> }<br /> <br /> /**<br /> * In skin vector-2022, open the TW menu when mouse hovers over it. Credit to<br /> * [[en:User:Nardog]] for this fix.<br /> */<br /> #p-twinkle:hover &gt; .vector-menu-content {<br /> opacity: 1;<br /> visibility: visible;<br /> height: auto;<br /> }<br /> <br /> /* The additional box on user skin.js and twinklepreferences.js pages */<br /> #twinkle-config-headerbox {<br /> border: 1px #f60 solid;<br /> background: #fed;<br /> padding: 0.6em;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> color: inherit;<br /> }<br /> <br /> /* twinkleoptions.js */<br /> #twinkle-config-headerbox.config-twopt-box {<br /> font-weight: bold;<br /> width: 80%;<br /> border-width: 2px;<br /> }<br /> <br /> /* skin-specific js */<br /> #twinkle-config-headerbox.config-userskin-box {<br /> width: 60%;<br /> }<br /> <br /> /* WP:TWPREFS */<br /> #twinkle-config-content input[type=checkbox] {<br /> margin-right: 2px;<br /> }<br /> <br /> /* Twinkle config */<br /> #twinkle-config {<br /> border: 1px solid #666;<br /> background: var(--twinkle-bgcolor-dialog);<br /> color: inherit;<br /> }<br /> <br /> #twinkle-config label {<br /> color: var(--color-base, #202122);<br /> }<br /> <br /> #twinkle-config-titlebar {<br /> background: var(--twinkle-bgcolor-titlebar);<br /> color: inherit;<br /> }<br /> <br /> #twinkle-config-buttonpane {<br /> background: var(--twinkle-bgcolor-titlebar);<br /> color: inherit;<br /> padding: 0.5em;<br /> }<br /> <br /> .twinkle-config-helptip {<br /> font-size: 90%;<br /> color: var(--color-subtle, #54595d);<br /> }<br /> <br /> /* Flexbox gap not supported by old Safari versions. Rendering without gap is okay. */<br /> /* stylelint-disable-next-line plugin/no-unsupported-browser-features */<br /> .twinkle-ombox {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.9em;<br /> padding-left: 0.9em;<br /> margin: 4px 10%;<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> border: 1px solid #f28500;<br /> }<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night #twinkle-config-headerbox {<br /> background: #532b18;<br /> }<br /> }<br /> <br /> /* stylelint-disable-next-line plugin/no-unsupported-browser-features */<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os #twinkle-config-headerbox {<br /> background: #532b18;<br /> }<br /> }</div>

en>SD0001