MediaWiki:Vector-2022.css: Difference between revisions
Content deleted Content added
Fix footer containment and responsive attribution/badge layout |
Fix nested sidebar surfaces, contents spacing and print footer icons |
||
Line 16:
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}
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}
body.skin-vector-2022 :is(.vector-column-start,.vector-column-end) .vector-pinned-container{background:transparent;padding-inline:0}
body.skin-vector-2022 .vector-column-start .vector-toc{box-sizing:border-box;padding:.75rem 1.5rem 1rem}
body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-glass);border-color:var(--elite-line);box-shadow:0 12px 36px #0004}
@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)}}
Line 46 ⟶ 48:
@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}}
@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}}
@media print{body.skin-vector-2022 #footer-icons.noprint{display:none}}
@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}}
@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}}
| |||