https://elite.mistflux.co.uk/w/index.php?action=history&feed=atom&title=MediaWiki%3AVector-2022.css 2026-11-02T02:38:52Z Revision history for this page on the wiki MediaWiki 1.46.2 https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135271&oldid=prev 2026-10-31T22:16:16Z

<p>Use theme heading typography for the sticky page title</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-GB"> <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 22:16, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 53:</td> <td colspan="2" class="diff-lineno">Line 53:</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>@media(max-width:999px){body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-panel)}}</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>@media(max-width:999px){body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-panel)}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .vector-sticky-header :is(.mw-page-title-main,.mw-page-title-namespace,.mw-page-title-separator){font-family:var(--font-family-heading);font-weight:600;letter-spacing:.015em}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135270&oldid=prev 2026-10-31T22:14:59Z

<p>Remove the fade below pinned sidebar panels</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-GB"> <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 22:14, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 40:</td> <td colspan="2" class="diff-lineno">Line 40:</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>body.skin-vector-2022 #footer-places-frontier-attribution{flex-basis:100%;line-height:1.6}</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>body.skin-vector-2022 #footer-places-frontier-attribution{flex-basis:100%;line-height:1.6}</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>body.skin-vector-2022 #footer-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}</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>body.skin-vector-2022 #footer-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}</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>body.skin-vector-2022 .vector-sticky-pinned-container::after{<del style="font-weight: bold; text-decoration: none;">background-image</del>:<del style="font-weight: bold; text-decoration: none;">linear-gradient(to bottom,transparent,var(--elite-frame))</del>}</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>body.skin-vector-2022 .vector-sticky-pinned-container::after{<ins style="font-weight: bold; text-decoration: none;">content</ins>:<ins style="font-weight: bold; text-decoration: none;">none</ins>}</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>@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}</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>@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135269&oldid=prev 2026-10-31T22:11:37Z

<p>Use opaque mobile menu surfaces for readable contents navigation</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-GB"> <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 22:11, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 51:</td> <td colspan="2" class="diff-lineno">Line 51:</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}</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>@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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;"><br /></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(max-width:999px){body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-panel)}}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135268&oldid=prev 2026-10-31T22:10:48Z

<p>Fix nested sidebar surfaces, contents spacing and print footer icons</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-GB"> <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 22:10, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 16:</td> <td colspan="2" class="diff-lineno">Line 16:</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>body.skin-vector-2022 #bodyContent{background:var(--elite-panel);padding:1.25rem;border:1px solid var(--elite-line);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 16px 40px #0002}</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>body.skin-vector-2022 #bodyContent{background:var(--elite-panel);padding:1.25rem;border:1px solid var(--elite-line);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 16px 40px #0002}</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>body.skin-vector-2022 :is(.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){background:var(--elite-glass);border:1px solid var(--elite-line);border-top:2px solid var(--elite-hud);padding:.7rem;border-radius:4px}</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>body.skin-vector-2022 :is(.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){background:var(--elite-glass);border:1px solid var(--elite-line);border-top:2px solid var(--elite-hud);padding:.7rem;border-radius:4px}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 :is(.vector-column-start,.vector-column-end) .vector-pinned-container{background:transparent;padding-inline:0}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .vector-column-start .vector-toc{box-sizing:border-box;padding:.75rem 1.5rem 1rem}</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>body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-glass);border-color:var(--elite-line);box-shadow:0 12px 36px #0004}</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>body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-glass);border-color:var(--elite-line);box-shadow:0 12px 36px #0004}</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>@supports(backdrop-filter:blur(8px)){body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:blur(8px)}}</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>@supports(backdrop-filter:blur(8px)){body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:blur(8px)}}</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Line 46:</td> <td colspan="2" class="diff-lineno">Line 48:</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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.92),rgba(6,12,20,.48)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important;color:#f2f4f6!important;border-color:#46505a!important;border-top-color:#ff9d42!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero::after{display:none}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead){color:#f2f4f6!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-eyebrow{color:#ffb16b!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:#ff9d42!important;color:#17120e!important;border-color:#ffb66f!important}html body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){background:var(--elite-panel)!important;border-color:var(--elite-line)!important;border-top-color:var(--elite-hud)!important}}</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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.92),rgba(6,12,20,.48)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important;color:#f2f4f6!important;border-color:#46505a!important;border-top-color:#ff9d42!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero::after{display:none}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead){color:#f2f4f6!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-eyebrow{color:#ffb16b!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:#ff9d42!important;color:#17120e!important;border-color:#ffb66f!important}html body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){background:var(--elite-panel)!important;border-color:var(--elite-line)!important;border-top-color:var(--elite-hud)!important}}</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media print{body.skin-vector-2022 #footer-icons.noprint{display:none}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}</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>@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135267&oldid=prev 2026-10-31T22:09:10Z

<p>Fix footer containment and responsive attribution/badge layout</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-GB"> <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 22:09, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 31:</td> <td colspan="2" class="diff-lineno">Line 31:</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>body.skin-vector-2022 .mw-parser-output .elite-card h3{font-size:1.5rem}</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>body.skin-vector-2022 .mw-parser-output .elite-card h3{font-size:1.5rem}</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>body.skin-vector-2022 .mw-parser-output .elite-card:hover{border-color:var(--elite-hud)}</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>body.skin-vector-2022 .mw-parser-output .elite-card:hover{border-color:var(--elite-hud)}</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>body.skin-vector-2022 #footer{border-<del style="font-weight: bold; text-decoration: none;">top</del>:1px solid var(--elite-line);background:var(--elite-glass);padding:1rem;border-radius:4px;margin-top:1.5rem}</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>body.skin-vector-2022 #footer{<ins style="font-weight: bold; text-decoration: none;">display:flex;flex-direction:column;gap:.85rem;box-sizing:</ins>border-<ins style="font-weight: bold; text-decoration: none;">box;border</ins>:1px solid var(--elite-line);background:var(--elite-glass);padding:1rem;border-radius:4px;margin-top:1.5rem}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer :is(#footer-info,#footer-places,#footer-icons){float:none;margin:0;padding:0;list-style:none}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer li{float:none;margin:0;padding:0;overflow-wrap:anywhere}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer-info li+li{margin-top:.6rem}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer-places{display:flex;flex-wrap:wrap;gap:.65rem 1rem}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer-places-frontier-attribution{flex-basis:100%;line-height:1.6}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}</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>body.skin-vector-2022 .vector-sticky-pinned-container::after{background-image:linear-gradient(to bottom,transparent,var(--elite-frame))}</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>body.skin-vector-2022 .vector-sticky-pinned-container::after{background-image:linear-gradient(to bottom,transparent,var(--elite-frame))}</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>@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}</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>@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}</div></td> </tr> <!-- diff cache key elitewiki:diff:1.41:old-135266:rev-135267:wikidiff2=table:1.14.2:bc2a06be --> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135266&oldid=prev 2026-10-31T22:03:49Z

<p>Apply reversible Elite Dangerous cockpit theme with locally hosted background and fonts; retain Vector layout and semantic message colours</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-GB"> <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 22:03, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 41:</td> <td colspan="2" class="diff-lineno">Line 41:</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135265&oldid=prev 2026-10-31T22:01:49Z

<p>Apply reversible Elite Dangerous cockpit theme with locally hosted background and fonts; retain Vector layout and semantic message colours</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-GB"> <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 22:01, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 36:</td> <td colspan="2" class="diff-lineno">Line 36:</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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>@media(prefers-reduced-motion:reduce){body.skin-vector-2022 .elite-home *{transition:none;animation:none}}</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>@media(prefers-reduced-motion:reduce){body.skin-vector-2022 .elite-home *{transition:none;animation:none}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :not(a){background:transparent!important}}</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>/* Vector has a blanket Main Page dark-mode reset. Override only our home components. */</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>/* Vector has a blanket Main Page dark-mode reset. Override only our home components. */</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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.92),rgba(6,12,20,.48)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important;color:#f2f4f6!important;border-color:#46505a!important;border-top-color:#ff9d42!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero::after{display:none}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead){color:#f2f4f6!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-eyebrow{color:#ffb16b!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:#ff9d42!important;color:#17120e!important;border-color:#ffb66f!important}html body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){background:var(--elite-panel)!important;border-color:var(--elite-line)!important;border-top-color:var(--elite-hud)!important}}</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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.92),rgba(6,12,20,.48)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important;color:#f2f4f6!important;border-color:#46505a!important;border-top-color:#ff9d42!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero::after{display:none}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead){color:#f2f4f6!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-eyebrow{color:#ffb16b!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:#ff9d42!important;color:#17120e!important;border-color:#ffb66f!important}html body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){background:var(--elite-panel)!important;border-color:var(--elite-line)!important;border-top-color:var(--elite-hud)!important}}</div></td> </tr> <!-- diff cache key elitewiki:diff:1.41:old-135264:rev-135265:wikidiff2=table:1.14.2:bc2a06be --> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135264&oldid=prev 2026-10-31T22:01:23Z

<p>Apply reversible Elite Dangerous cockpit theme with locally hosted background and fonts; retain Vector layout and semantic message colours</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-GB"> <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 22:01, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 36:</td> <td colspan="2" class="diff-lineno">Line 36:</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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>@media(prefers-reduced-motion:reduce){body.skin-vector-2022 .elite-home *{transition:none;animation:none}}</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>@media(prefers-reduced-motion:reduce){body.skin-vector-2022 .elite-home *{transition:none;animation:none}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>/* Vector has a blanket Main Page dark-mode reset. Override only our home components. */</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media screen{html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.92),rgba(6,12,20,.48)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover!important;color:#f2f4f6!important;border-color:#46505a!important;border-top-color:#ff9d42!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero::after{display:none}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead){color:#f2f4f6!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-eyebrow{color:#ffb16b!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:#ff9d42!important;color:#17120e!important;border-color:#ffb66f!important}html body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){background:var(--elite-panel)!important;border-color:var(--elite-line)!important;border-top-color:var(--elite-hud)!important}}</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</div></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=135263&oldid=prev 2026-10-31T21:59:53Z

<p>Apply reversible Elite Dangerous cockpit theme with locally hosted background and fonts; retain Vector layout and semantic message colours</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-GB"> <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 21:59, 31 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</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>/* Elite Dangerous theme <del style="font-weight: bold; text-decoration: none;">foundation</del> <del style="font-weight: bold; text-decoration: none;">for</del> Vector <del style="font-weight: bold; text-decoration: none;">2022</del>. */</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>/* Elite Dangerous<ins style="font-weight: bold; text-decoration: none;"> Wiki cockpit</ins> theme<ins style="font-weight: bold; text-decoration: none;">.</ins> <ins style="font-weight: bold; text-decoration: none;">Local</ins> <ins style="font-weight: bold; text-decoration: none;">assets;</ins> Vector <ins style="font-weight: bold; text-decoration: none;">layout and semantic boxes retained</ins>. */</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@font-face{font-family:Elite Rajdhani;src:url('/w/images/wiki-theme/rajdhani-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}</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>body.skin-vector-2022 {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@font-face{font-family:Elite Rajdhani;src:url('/w/images/wiki-theme/rajdhani-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}</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> --elite-frame: #ece8df;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022{--elite-frame:#eae7e1;--elite-panel:#fffdf9;--elite-glass:rgba(250,248,243,.95);--elite-line:#c8c3ba;--elite-hud:#a54400;--elite-hud-soft:rgba(165,68,0,.10);--elite-text:#24272b;--elite-shade:rgba(237,234,227,.94);--font-family-base:'Segoe UI',Roboto,Arial,sans-serif;--font-family-heading:'Elite Rajdhani','Segoe UI',Arial,sans-serif;font-family:var(--font-family-base);color:var(--elite-text);background:linear-gradient(var(--elite-shade),var(--elite-shade)),url('/w/images/wiki-theme/galaxy-1920.webp') center top/cover fixed,var(--elite-frame)}</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> --elite-header: #faf8f3;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>html.skin-theme-clientpref-night body.skin-vector-2022{--elite-frame:#080c12;--elite-panel:#111820;--elite-glass:rgba(17,24,32,.94);--elite-line:#35424e;--elite-hud:#ff9d42;--elite-hud-soft:rgba(255,157,66,.12);--elite-text:#edf0f2;--elite-shade:rgba(5,9,15,.73)}</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> --elite-panel: #fffefa;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022{--elite-frame:#080c12;--elite-panel:#111820;--elite-glass:rgba(17,24,32,.94);--elite-line:#35424e;--elite-hud:#ff9d42;--elite-hud-soft:rgba(255,157,66,.12);--elite-text:#edf0f2;--elite-shade:rgba(5,9,15,.73)}}</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> --elite-line: #d3cabc;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 :is(.mw-page-container,.mw-body){background:transparent}</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> --elite-hud: #a84b0b;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 :is(.vector-body,.mw-body-content){font-family:var(--font-family-base)}</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> --elite-hud-soft: rgba(168, 75, 11, .09);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 :is(h1,h2,h3,h4,h5,h6,.firstHeading,.vector-pinnable-header-label,.vector-menu-heading){font-family:var(--font-family-heading);font-weight:600;letter-spacing:.015em}</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-color: var(--elite-frame);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .firstHeading{font-weight:700;font-size:2.3em;line-height:1.15}</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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-header{background:var(--elite-glass);border-bottom:1px solid var(--elite-line);box-shadow:inset 0 -2px var(--elite-hud-soft),0 8px 28px #0002}</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>html.skin-theme-clientpref-night body.skin-vector-2022 {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_17_lhs">&#x26AB;</a></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><a name="movedpara_21_0_rhs"></a>body.skin-vector-2022 .vector-<ins style="font-weight: bold; text-decoration: none;">header</ins>-container<ins style="font-weight: bold; text-decoration: none;">{background</ins>:<ins style="font-weight: bold; text-decoration: none;">transparent}</ins></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> --elite-frame: #090d11;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_15_lhs">&#x26AB;</a></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><a name="movedpara_23_0_rhs"></a>body.skin-vector-2022 <ins style="font-weight: bold; text-decoration: none;">.vector-sticky-header</ins>{<ins style="font-weight: bold; text-decoration: none;">background:var(--elite-panel);</ins>border-<ins style="font-weight: bold; text-decoration: none;">bottom</ins>:<ins style="font-weight: bold; text-decoration: none;">2px</ins> solid var(--elite-<ins style="font-weight: bold; text-decoration: none;">hud</ins>)}</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> --elite-header: #101820;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-body-header{background:var(--elite-panel);border:1px solid var(--elite-line);border-top:3px solid var(--elite-hud);padding:1rem 1.25rem .75rem;border-radius:6px 6px 0 0}</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> --elite-panel: #11171c;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .vector-page-toolbar{background:var(--elite-panel);padding:0 1.25rem;border-inline:1px solid var(--elite-line);margin-bottom:0}</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> --elite-line: #34424a;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #bodyContent{background:var(--elite-panel);padding:1.25rem;border:1px solid var(--elite-line);border-top:0;border-radius:0 0 6px 6px;box-shadow:0 16px 40px #0002}</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> --elite-hud: #ffad4b;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 :is(.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){background:var(--elite-glass);border:1px solid var(--elite-line);border-top:2px solid var(--elite-hud);padding:.7rem;border-radius:4px}</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> --elite-hud-soft: rgba(255, 173, 75, .10);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-glass);border-color:var(--elite-line);box-shadow:0 12px 36px #0004}</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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@supports(backdrop-filter:blur(8px)){body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:blur(8px)}}</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>@media (prefers-color-scheme: dark) {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_4_lhs">&#x26AB;</a></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><a name="movedpara_37_0_rhs"></a>body.skin-vector-2022 <ins style="font-weight: bold; text-decoration: none;">:is(.vector-toc-link,</ins>.mw-parser-output a<ins style="font-weight: bold; text-decoration: none;">)</ins>:focus-visible{<ins style="font-weight: bold; text-decoration: none;">outline:2px solid var(--elite-hud);outline-offset:3px}</ins></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> html.skin-theme-clientpref-os body.skin-vector-2022 {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output&gt;.mw-heading2{border-bottom-color:var(--elite-line);border-left:3px solid var(--elite-hud);padding-left:.6rem}</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> --elite-frame: #090d11;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .infobox{border-color:var(--elite-line);border-top:3px solid var(--elite-hud);box-shadow:0 6px 20px #0002}</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> --elite-header: #101820;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_12_lhs">&#x26AB;</a></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><a name="movedpara_43_0_rhs"></a>body.skin-vector-2022 .mw-parser-output .<ins style="font-weight: bold; text-decoration: none;">infobox</ins> :is(<ins style="font-weight: bold; text-decoration: none;">th</ins>,.<ins style="font-weight: bold; text-decoration: none;">infobox</ins>-<ins style="font-weight: bold; text-decoration: none;">title</ins>){<ins style="font-weight: bold; text-decoration: none;">font-family:var(--font-family-heading)}</ins></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> --elite-panel: #11171c;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-hero{background:linear-gradient(100deg,rgba(6,12,20,.96),rgba(6,12,20,.68)),url('/w/images/wiki-theme/galaxy-1920.webp') center/cover;border:1px solid #46505a;border-top:3px solid #ff9d42;border-radius:4px;padding:clamp(1.5rem,4vw,3rem);color:#f2f4f6;box-shadow:0 16px 36px #0003}</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> --elite-line: #34424a;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-hero h2{font-family:var(--font-family-heading);font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;font-weight:700;color:#fff;border:0;margin:.3em 0}</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> --elite-hud: #ffad4b;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_8_lhs">&#x26AB;</a></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><a name="movedpara_49_0_rhs"></a>body.skin-vector-2022 .mw-parser-output .elite-hero <ins style="font-weight: bold; text-decoration: none;">:is(.elite-lead,.elite-eyebrow)</ins>{<ins style="font-weight: bold; text-decoration: none;">color:#e0e5eb}</ins></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> --elite-hud-soft: rgba(255, 173, 75, .10);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-hero .elite-eyebrow{color:#ffb16b;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}</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> }</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-actions a{background:#ff9d42;color:#17120e;border:1px solid #ffb66f;border-radius:3px;font-weight:600;box-shadow:0 4px 14px #0003}</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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>body.skin-vector-2022 .mw-<del style="font-weight: bold; text-decoration: none;">page</del>-<del style="font-weight: bold; text-decoration: none;">container</del> {<del style="font-weight: bold; text-decoration: none;"> </del>background<del style="font-weight: bold; text-decoration: none;">-</del>color:<del style="font-weight: bold; text-decoration: none;"> var(--elite-panel); </del>}</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>body.skin-vector-2022 .mw-<ins style="font-weight: bold; text-decoration: none;">parser</ins>-<ins style="font-weight: bold; text-decoration: none;">output</ins> <ins style="font-weight: bold; text-decoration: none;">.elite-actions a:hover</ins>{background<ins style="font-weight: bold; text-decoration: none;">:#ffb66f;</ins>color:<ins style="font-weight: bold; text-decoration: none;">#17120e</ins>}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-home :is(.elite-card,.elite-panel){border-color:var(--elite-line);border-top:2px solid var(--elite-hud);border-radius:4px;background:var(--elite-panel);box-shadow:0 5px 18px #0001}</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>body.skin-vector-2022 .mw-header {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .mw-parser-output .elite-card h3{font-size:1.5rem}</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-color: var(--elite-header);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> border-<del style="font-weight: bold; text-decoration: none;">bottom</del>:<del style="font-weight: bold; text-decoration: none;"> 1px solid </del>var(--elite-<del style="font-weight: bold; text-decoration: none;">line</del>)<del style="font-weight: bold; text-decoration: none;">;</del></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><ins style="font-weight: bold; text-decoration: none;">body.skin-vector-2022</ins> <ins style="font-weight: bold; text-decoration: none;">.mw-parser-output</ins> <ins style="font-weight: bold; text-decoration: none;">.elite-card:hover{</ins>border-<ins style="font-weight: bold; text-decoration: none;">color</ins>:var(--elite-<ins style="font-weight: bold; text-decoration: none;">hud</ins>)<ins style="font-weight: bold; text-decoration: none;">}</ins></div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 #footer{border-top:1px solid var(--elite-line);background:var(--elite-glass);padding:1rem;border-radius:4px;margin-top:1.5rem}</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> box-shadow: inset 0 -2px 0 var(--elite-hud-soft);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Paragraph was moved. Click to jump to old location." href="#movedpara_75_18_lhs">&#x26AB;</a></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><a name="movedpara_63_0_rhs"></a><ins style="font-weight: bold; text-decoration: none;">body.skin-vector-2022</ins> <ins style="font-weight: bold; text-decoration: none;">.vector-sticky-pinned-container::after{</ins>background-image:linear-gradient(to bottom,transparent,var(--elite-<ins style="font-weight: bold; text-decoration: none;">frame</ins>))<ins style="font-weight: bold; text-decoration: none;">}</ins></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}</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>body.skin-vector-2022 .vector-sticky-header {</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}</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> border-bottom: 2px solid var(--elite-hud);</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(prefers-reduced-motion:reduce){body.skin-vector-2022 .elite-home *{transition:none;animation:none}}</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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media print{body.skin-vector-2022{background:#fff;color:#000}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.vector-page-toolbar,.elite-hero,#footer){background:#fff!important;color:#000!important;box-shadow:none;border-color:#999}body.skin-vector-2022 .mw-parser-output .elite-hero *{color:#000!important}}</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>body.skin-vector-2022 .vector-column-start .vector-toc,</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}</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>body.skin-vector-2022 .vector-column-end .vector-pinnable-element {</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> border-top: 2px solid var(--elite-hud);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> padding-top: .55rem;</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>body.skin-vector-2022 .vector-toc-link:focus-visible,</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_37_0_rhs">&#x26AB;</a></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><a name="movedpara_75_4_lhs"></a>body.skin-vector-2022 .mw-parser-output a:focus-visible<del style="font-weight: bold; text-decoration: none;"> </del>{</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> outline: 2px solid var(--elite-hud);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> outline-offset: 2px;</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_49_0_rhs">&#x26AB;</a></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><a name="movedpara_75_8_lhs"></a>body.skin-vector-2022 .mw-parser-output .elite-hero {</div></td> <td colspan="2" class="diff-empty diff-side-added"></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: linear-gradient(125deg, var(--elite-hud-soft), transparent 60%);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> border-top-color: var(--elite-hud);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_43_0_rhs">&#x26AB;</a></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><a name="movedpara_75_12_lhs"></a>body.skin-vector-2022 .mw-parser-output .<del style="font-weight: bold; text-decoration: none;">elite-home</del> :is(<del style="font-weight: bold; text-decoration: none;">.elite-card</del>,<del style="font-weight: bold; text-decoration: none;"> </del>.<del style="font-weight: bold; text-decoration: none;">elite</del>-<del style="font-weight: bold; text-decoration: none;">panel</del>)<del style="font-weight: bold; text-decoration: none;"> </del>{</div></td> <td colspan="2" class="diff-empty diff-side-added"></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> border-color: var(--elite-line);</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_23_0_rhs">&#x26AB;</a></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><a name="movedpara_75_15_lhs"></a>body.skin-vector-2022 <del style="font-weight: bold; text-decoration: none;">#footer </del>{<del style="font-weight: bold; text-decoration: none;"> </del>border-<del style="font-weight: bold; text-decoration: none;">top</del>:<del style="font-weight: bold; text-decoration: none;"> 1px</del> solid var(--elite-<del style="font-weight: bold; text-decoration: none;">line</del>)<del style="font-weight: bold; text-decoration: none;">; </del>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></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>/* Match Vector's scrolling fade to the themed page surface. */</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_21_0_rhs">&#x26AB;</a></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><a name="movedpara_75_17_lhs"></a>body.skin-vector-2022 .vector-<del style="font-weight: bold; text-decoration: none;">sticky-pinned</del>-container:<del style="font-weight: bold; text-decoration: none;">:after {</del></div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Paragraph was moved. Click to jump to new location." href="#movedpara_63_0_rhs">&#x26AB;</a></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><a name="movedpara_75_18_lhs"></a> <del style="font-weight: bold; text-decoration: none;"> </del>background-image:<del style="font-weight: bold; text-decoration: none;"> </del>linear-gradient(to bottom,<del style="font-weight: bold; text-decoration: none;"> </del>transparent,<del style="font-weight: bold; text-decoration: none;"> </del>var(--elite-<del style="font-weight: bold; text-decoration: none;">panel</del>))<del style="font-weight: bold; text-decoration: none;">;</del></div></td> <td colspan="2" class="diff-empty diff-side-added"></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>}</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> </table>

Talondri https://elite.mistflux.co.uk/w/index.php?title=MediaWiki:Vector-2022.css&diff=109784&oldid=prev 2026-10-30T23:24:05Z

<p>Match the Contents scroll fade to the theme background</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-GB"> <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 23:24, 30 October 2026</td> </tr><tr> <td colspan="2" class="diff-lineno">Line 54:</td> <td colspan="2" class="diff-lineno">Line 54:</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>body.skin-vector-2022 #footer { border-top: 1px solid var(--elite-line); }</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>body.skin-vector-2022 #footer { border-top: 1px solid var(--elite-line); }</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>/* Match Vector's scrolling fade to the themed page surface. */</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>body.skin-vector-2022 .vector-sticky-pinned-container::after {</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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: linear-gradient(to bottom, transparent, var(--elite-panel));</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></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>}</div></td> </tr> </table>

Talondri