MediaWiki:Vector-2022.css: Difference between revisions
(positioning) |
(position) Tag: Reverted |
||
Line 1: | Line 1: | ||
/* | /* Add a banner image without creating layout shift */ | ||
body.skin-vector-2022::before { | body.skin-vector-2022::before { | ||
content: ""; | content: ""; | ||
position: fixed; | |||
position: | |||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
Line 15: | Line 9: | ||
background: url("/images/c/cb/Openwfm.png") no-repeat center center; | background: url("/images/c/cb/Openwfm.png") no-repeat center center; | ||
background-size: cover; | background-size: cover; | ||
z-index: 0; /* below header */ | |||
pointer-events: none; | |||
} | |||
/* Push page content below the banner */ | |||
body.skin-vector-2022 .mw-page-container { | |||
position: relative; | |||
z-index: 1; | z-index: 1; | ||
padding-top: 110px; /* match banner height */ | |||
background: white; | |||
} | } | ||
/* | /* Keep top nav above the image */ | ||
body.skin-vector-2022 .vector-header { | body.skin-vector-2022 .vector-header { | ||
position: relative; | position: relative; | ||
z-index: 2; | z-index: 2; | ||
background: transparent; | background: transparent; | ||
} | } |
Revision as of 21:40, 6 August 2025
/* Add a banner image without creating layout shift */ body.skin-vector-2022::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 110px; background: url("/images/c/cb/Openwfm.png") no-repeat center center; background-size: cover; z-index: 0; /* below header */ pointer-events: none; } /* Push page content below the banner */ body.skin-vector-2022 .mw-page-container { position: relative; z-index: 1; padding-top: 110px; /* match banner height */ background: white; } /* Keep top nav above the image */ body.skin-vector-2022 .vector-header { position: relative; z-index: 2; background: transparent; }