https://wiki.2swagg.net/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-Twinkle.css 2026-09-29T01:20:47Z Revision history for this page on the wiki MediaWiki 1.43.9 https://wiki.2swagg.net/index.php?title=MediaWiki:Gadget-Twinkle.css&diff=1097&oldid=prev 2026-09-07T09:34:56Z

<p>Created page with &quot;<span class="autocomment">Define CSS variables: </span> html { --twinkle-bgcolor-dialog: #F0F8FF; --twinkle-bgcolor-titlebar: #BCCADF; } @media screen { html.skin-theme-clientpref-night { --twinkle-bgcolor-dialog: #141c26; --twinkle-bgcolor-titlebar: #1c2a52; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os { --twinkle-bgcolor-dialog: #141c26; --twinkle-bgcolor-titlebar: #1c2a52; } } /** * Explicitly set width of TW menu so that we can use a hidden...&quot;</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 /> @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, #F0F8FF);<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, #BCCADF);<br /> color: inherit;<br /> }<br /> <br /> #twinkle-config-buttonpane {<br /> background: var(--twinkle-bgcolor-titlebar, #BCCADF);<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 /> @media screen {<br /> html.skin-theme-clientpref-night #twinkle-config-headerbox {<br /> background: #532B18;<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os #twinkle-config-headerbox {<br /> background: #532B18;<br /> }<br /> }</div>

JANNY