https://compusofia.com/w/index.php?action=history&feed=atom&title=Module%3ADocumentation%2Fstyles.css 2026-04-19T07:17:50Z Revision history for this page on the wiki MediaWiki 1.45.3 https://compusofia.com/w/index.php?title=Module:Documentation/styles.css&diff=858&oldid=prev 2026-04-06T12:54:24Z

<p></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 14:54, 6 April 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 26:</td> <td colspan="2" class="diff-lineno">Line 26:</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> background: center left / 24px 24px no-repeat;</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> background: center left / 24px 24px no-repeat;</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> /* @noflip */</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> /* @noflip */</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> background-image: url( //upload.wikimedia.org/wikipedia/commons/3/32/Codex_icon_puzzle_color-base.svg );</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> background-image: url( <ins style="font-weight: bold; text-decoration: none;">https:</ins>//upload.wikimedia.org/wikipedia/commons/3/32/Codex_icon_puzzle_color-base.svg );</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> height: 24px;</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> height: 24px;</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> line-height: 24px;</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> line-height: 24px;</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Line 96:</td> <td colspan="2" class="diff-lineno">Line 96:</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"></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>html.skin-theme-clientpref-night .ts-doc-heading {</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>html.skin-theme-clientpref-night .ts-doc-heading {</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> background-image: url( '//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); </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> background-image: url( '<ins style="font-weight: bold; text-decoration: none;">https:</ins>//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); </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>}</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>}</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 colspan="2" class="diff-lineno">Line 110:</td> <td colspan="2" class="diff-lineno">Line 110:</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> </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> </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> html.skin-theme-clientpref-os .ts-doc-heading {</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> html.skin-theme-clientpref-os .ts-doc-heading {</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> background-image: url( '//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); </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> background-image: url( '<ins style="font-weight: bold; text-decoration: none;">https:</ins>//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); </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> }</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> }</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> </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> </div></td> </tr> <!-- diff cache key wikiNonStop:diff:1.41:old-112:rev-858:wikidiff2=table:1.14.1:bc2a06be --> </table>

Majestix https://compusofia.com/w/index.php?title=Module:Documentation/styles.css&diff=112&oldid=prev 2025-09-26T14:28:23Z

<p>Darken background color for the header in dark mode to pass at least the WCAG 2.2 AA check.</p> <p><b>New page</b></p><div>.ts-doc-sandbox .mbox-image {<br /> padding:.75em 0 .75em .75em;<br /> }<br /> <br /> .ts-doc-doc {<br /> clear: both;<br /> background-color: #eaf3ff;<br /> color: var(--color-base, #202122);<br /> border: 1px solid #a3caff;<br /> margin-top: 1em;<br /> border-top-left-radius: 2px;<br /> border-top-right-radius: 2px;<br /> }<br /> <br /> .ts-doc-header {<br /> background-color: #cbd6f6;<br /> color: var(--color-base, #202122);<br /> padding: .642857em 1em .5em;<br /> border-top-left-radius: 2px;<br /> border-top-right-radius: 2px;<br /> }<br /> <br /> .ts-doc-heading {<br /> display: inline-block;<br /> padding-left: 30px;<br /> background: center left / 24px 24px no-repeat;<br /> /* @noflip */<br /> background-image: url( //upload.wikimedia.org/wikipedia/commons/3/32/Codex_icon_puzzle_color-base.svg );<br /> height: 24px;<br /> line-height: 24px;<br /> font-size: 13px;<br /> font-weight: 600;<br /> letter-spacing: 1px;<br /> text-transform: uppercase;<br /> }<br /> <br /> .ts-doc-header .ts-tlinks-tlinks {<br /> line-height: 24px;<br /> margin-left: 0;<br /> }<br /> <br /> .ts-doc-header .ts-tlinks-tlinks a {<br /> color: var(--color-progressive, #36c);<br /> }<br /> <br /> .ts-doc-header .ts-tlinks-tlinks a:active {<br /> color: var(--color-progressive--active, #233566);<br /> }<br /> <br /> .ts-doc-header .ts-tlinks-tlinks a:visited {<br /> color: var(--color-visited, #6a60b0);<br /> }<br /> <br /> .ts-doc-header .ts-tlinks-tlinks a:visited:active {<br /> color: var(--color-visited--active, #233566);<br /> }<br /> <br /> .ts-doc-content {<br /> padding: .214286em 1em;<br /> }<br /> <br /> .ts-doc-content:after {<br /> content: &#039;&#039;;<br /> clear: both;<br /> display: block;<br /> }<br /> <br /> .ts-doc-content &gt; :first-child {<br /> margin-top: .5em;<br /> }<br /> <br /> .ts-doc-content &gt; :last-child {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .ts-doc-footer {<br /> background-color: #eaf3ff;<br /> color: var(--color-base, #202122);<br /> border: 1px solid #a3caff;<br /> padding: .214286em 1em;<br /> margin-top: .214286em;<br /> font-style: italic;<br /> border-bottom-left-radius: 2px;<br /> border-bottom-right-radius: 2px;<br /> }<br /> <br /> @media all and (min-width: 720px) { <br /> .ts-doc-header .ts-tlinks-tlinks {<br /> float: right;<br /> }<br /> }<br /> <br /> html.skin-theme-clientpref-night .ts-doc-header {<br /> background-color: #233566;<br /> }<br /> <br /> html.skin-theme-clientpref-night .ts-doc-heading {<br /> background-image: url( &#039;//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg&#039; ); <br /> }<br /> <br /> html.skin-theme-clientpref-night .ts-doc-doc,<br /> html.skin-theme-clientpref-night .ts-doc-footer {<br /> background-color: #1b223d;<br /> }<br /> <br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .ts-doc-header {<br /> background-color: #233566;<br /> }<br /> <br /> html.skin-theme-clientpref-os .ts-doc-heading {<br /> background-image: url( &#039;//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg&#039; ); <br /> }<br /> <br /> html.skin-theme-clientpref-os .ts-doc-doc,<br /> html.skin-theme-clientpref-os .ts-doc-footer {<br /> background-color: #1b223d;<br /> }<br /> }</div>

en>Tactica