https://compusofia.com/w/index.php?action=history&feed=atom&title=Template%3AT%2Fstyles.css 2026-04-23T08:52:55Z Revision history for this page on the wiki MediaWiki 1.45.3 https://compusofia.com/w/index.php?title=Template:T/styles.css&diff=7265&oldid=prev 2026-04-17T07:37:02Z

<p>Created page with &quot;<span class="autocomment">Phabricator-like tag styling: </span> <span class="autocomment">Styles and colours were copied from Phabricator&#039;s light and dark mode CSS: </span> .phui-tag-wrapper, .phui-tag { color: black; font: 13px &#039;Segoe UI&#039;, &#039;Segoe UI Web Regular&#039;, &#039;Segoe UI Symbol&#039;, &#039;Lato&#039;, &#039;Helvetica Neue&#039;, Helvetica, Arial, sans-serif; line-height: 1.51em; font-weight: bold; } .phui-tag-wrapper .phui-tag-core, .phui-tag { background-color: #EBECEE; border: 1px solid #C7CCD9; border-radius: 3px; padding: 0 4px; } ....&quot;</p> <p><b>New page</b></p><div>/* Phabricator-like tag styling */<br /> /* Styles and colours were copied from Phabricator&#039;s light and dark mode CSS */<br /> .phui-tag-wrapper,<br /> .phui-tag {<br /> color: black;<br /> font: 13px &#039;Segoe UI&#039;, &#039;Segoe UI Web Regular&#039;, &#039;Segoe UI Symbol&#039;, &#039;Lato&#039;,<br /> &#039;Helvetica Neue&#039;, Helvetica, Arial, sans-serif;<br /> line-height: 1.51em;<br /> font-weight: bold;<br /> }<br /> <br /> .phui-tag-wrapper .phui-tag-core,<br /> .phui-tag {<br /> background-color: #EBECEE;<br /> border: 1px solid #C7CCD9;<br /> border-radius: 3px;<br /> padding: 0 4px;<br /> }<br /> <br /> .phui-tag-wrapper &gt; a:hover .phui-tag-core,<br /> .phui-tag:hover {<br /> border-color: #A1A6B0;<br /> }<br /> <br /> .phui-tag &gt; a.external {<br /> /* copied from `.plainlinks a.external { ... }`: */<br /> background: none !important;<br /> padding: 0 !important;<br /> }<br /> <br /> .phui-tag-wrapper &gt; a,<br /> .phui-tag-wrapper &gt; a:visited,<br /> .phui-tag &gt; a,<br /> .phui-tag &gt; a:visited {<br /> color: black;<br /> }<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night .phui-tag-wrapper,<br /> html.skin-theme-clientpref-night .phui-tag-wrapper &gt; a,<br /> html.skin-theme-clientpref-night .phui-tag-wrapper &gt; a:visited,<br /> html.skin-theme-clientpref-night .phui-tag,<br /> html.skin-theme-clientpref-night .phui-tag &gt; a,<br /> html.skin-theme-clientpref-night .phui-tag &gt; a:visited {<br /> color: rgba(255, 255, 255, .9);<br /> }<br /> <br /> html.skin-theme-clientpref-night .phui-tag-wrapper .phui-tag-core,<br /> html.skin-theme-clientpref-night .phui-tag {<br /> background-color: #304a6d;<br /> border-color: rgba(255, 255, 255, .3);<br /> }<br /> <br /> html.skin-theme-clientpref-night .phui-tag-wrapper &gt; a:hover .phui-tag-core,<br /> html.skin-theme-clientpref-night .phui-tag &gt; a:hover {<br /> border-color: rgba(255, 255, 255, .6);<br /> }<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .phui-tag-wrapper,<br /> html.skin-theme-clientpref-os .phui-tag-wrapper &gt; a,<br /> html.skin-theme-clientpref-os .phui-tag-wrapper &gt; a:visited,<br /> html.skin-theme-clientpref-os .phui-tag,<br /> html.skin-theme-clientpref-os .phui-tag &gt; a,<br /> html.skin-theme-clientpref-os .phui-tag &gt; a:visited {<br /> color: rgba(255, 255, 255, .9);<br /> }<br /> <br /> html.skin-theme-clientpref-os .phui-tag-wrapper .phui-tag-core,<br /> html.skin-theme-clientpref-os .phui-tag {<br /> background-color: #304a6d;<br /> border-color: rgba(255, 255, 255, .3);<br /> }<br /> <br /> html.skin-theme-clientpref-os .phui-tag-wrapper &gt; a:hover .phui-tag-core,<br /> html.skin-theme-clientpref-os .phui-tag &gt; a:hover {<br /> border-color: rgba(255, 255, 255, .6);<br /> }<br /> }</div>

Majestix