https://telupedia.w.kmwc.org/index.php?action=history&feed=atom&title=Template%3ALetter%2Fstyles.css 2026-04-05T22:19:59Z Revision history for this page on the wiki MediaWiki 1.41.1 https://telupedia.w.kmwc.org/index.php?title=Template:Letter/styles.css&diff=7272&oldid=prev 2026-03-27T02:57:41Z

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

Maxisnt https://telupedia.w.kmwc.org/index.php?title=Template:Letter/styles.css&diff=7271&oldid=prev 2025-11-19T17:34:19Z

<p>prefix the `prefers-color-scheme: dark` values with `html.skin-theme-clientpref-os`, so as not to interfere with light mode when the OS pref is dark mode</p> <p><b>New page</b></p><div>.template-letter-box {<br /> background-color: #f8f9fa;<br /> vertical-align:top;<br /> text-align:center;<br /> font-weight:normal;<br /> padding:0.3em;<br /> min-width: 3em;<br /> }<br /> .template-letter-text {<br /> font-size:85%;<br /> line-height:1.4em;<br /> }<br /> .template-letter-nowrap {<br /> white-space: nowrap;<br /> }<br /> .template-letter-char {<br /> color: #8B0000;<br /> white-space:nowrap;<br /> }<br /> .template-letter-char span:nth-of-type(even) {<br /> margin-left: 0.4em; padding-left: 0.4em; border-left: 1px dotted #666;<br /> }<br /> .letters-left .template-letter-char {<br /> padding-left: 1em;<br /> }<br /> .letters-right .template-letter-char {<br /> padding-right: 1em;<br /> }<br /> .letters-wide .template-letter-char {<br /> padding-right: 0.8em;<br /> padding-left: 0.8em;<br /> }<br /> .letters-hi .template-letter-char {<br /> padding-top: 1em;<br /> }<br /> .letters-lo .template-letter-char {<br /> padding-bottom: 1em;<br /> }<br /> .letters-nadir .template-letter-char {<br /> padding-bottom: 1.8em;<br /> }<br /> .letters-tall .template-letter-char {<br /> padding-top: 1em;<br /> padding-bottom: 1em;<br /> }<br /> .letters-table {<br /> background-color: #edF3F3;<br /> }<br /> .letters-table .template-letter-box {<br /> background-color: #f8f9fa;<br /> }<br /> .letters-table th:not(.template-letter-box) {<br /> background-color: #F2FBFB;<br /> }<br /> .letters-teal .template-letter-char {<br /> color: #007a7c;<br /> }<br /> .letters-black .template-letter-char {<br /> color: #111;<br /> }<br /> .letters-blue .template-letter-char {<br /> color: #0000A0;<br /> }<br /> .letters-green .template-letter-char {<br /> color: #006000;<br /> }<br /> .letters-violet .template-letter-char {<br /> color: #800080;<br /> }<br /> .letters-pink .template-letter-char {<br /> color: #DB0A5B;<br /> }<br /> .letters-orange .template-letter-char {<br /> color: #D43900;<br /> }<br /> .letters-gold .template-letter-char {<br /> color: #AA5D00;<br /> }<br /> /* Dark mode */<br /> html.skin-theme-clientpref-night .template-letter-char {<br /> background-color: var(--background-color-interactive-subtle,#202122);<br /> color: #F36060;<br /> }<br /> html.skin-theme-clientpref-night .letters-table th:not(.template-letter-box) {<br /> background-color: #000;<br /> }<br /> html.skin-theme-clientpref-night .letters-table,<br /> html.skin-theme-clientpref-night .letters-table .template-letter-box,<br /> html.skin-theme-clientpref-night .template-letter-box {<br /> background-color: var(--background-color-interactive-subtle,#202122);<br /> }<br /> html.skin-theme-clientpref-night .template-letter-char {<br /> color: #F55592;<br /> }<br /> html.skin-theme-clientpref-night .letters-black .template-letter-char {<br /> color: #ccc;<br /> }<br /> html.skin-theme-clientpref-night .letters-teal .template-letter-char {<br /> color: #10ACB0;<br /> }<br /> html.skin-theme-clientpref-night .letters-blue .template-letter-char {<br /> color: #008DEE;<br /> }<br /> html.skin-theme-clientpref-night .letters-green .template-letter-char {<br /> color: #23AE23;<br /> }<br /> html.skin-theme-clientpref-night .letters-violet .template-letter-char {<br /> color: #A375E8;<br /> }<br /> html.skin-theme-clientpref-night .letters-pink .template-letter-char {<br /> color: #F55592;<br /> }<br /> html.skin-theme-clientpref-night .letters-orange .template-letter-char {<br /> color: #EE7347;<br /> }<br /> html.skin-theme-clientpref-night .letters-gold .template-letter-char {<br /> color: #DE8317;<br /> }<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .template-letter-char {<br /> background-color: var(--background-color-interactive-subtle,#202122);<br /> color: #F36060;<br /> }<br /> html.skin-theme-clientpref-os .letters-table th:not(.template-letter-box) {<br /> background-color: #000;<br /> }<br /> html.skin-theme-clientpref-os .letters-table,<br /> html.skin-theme-clientpref-os .letters-table .template-letter-box,<br /> html.skin-theme-clientpref-os .template-letter-box {<br /> background-color: var(--background-color-interactive-subtle,#202122);<br /> }<br /> html.skin-theme-clientpref-os .template-letter-char {<br /> color: #F55592;<br /> }<br /> html.skin-theme-clientpref-os .letters-black .template-letter-char {<br /> color: #ccc;<br /> }<br /> html.skin-theme-clientpref-os .letters-teal .template-letter-char {<br /> color: #10ACB0;<br /> }<br /> html.skin-theme-clientpref-os .letters-blue .template-letter-char {<br /> color: #008DEE;<br /> }<br /> html.skin-theme-clientpref-os .letters-green .template-letter-char {<br /> color: #23AE23;<br /> }<br /> html.skin-theme-clientpref-os .letters-violet .template-letter-char {<br /> color: #A375E8;<br /> }<br /> html.skin-theme-clientpref-os .letters-pink .template-letter-char {<br /> color: #F55592;<br /> }<br /> html.skin-theme-clientpref-os .letters-orange .template-letter-char {<br /> color: #EE7347;<br /> }<br /> html.skin-theme-clientpref-os .letters-gold .template-letter-char {<br /> color: #DE8317;<br /> }<br /> }</div>

Wikipedia>Jon Harald Søby