MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,772: | Line 1,772: | ||
.ooo-v2 .ooo-v2-hero {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:54px 42px;background:#20262b;border:1px solid var(--v2-line);border-radius:6px;overflow:hidden} | .ooo-v2 .ooo-v2-hero {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:54px 42px;background:#20262b;border:1px solid var(--v2-line);border-radius:6px;overflow:hidden} | ||
.ooo-v2 .ooo-v2-hero-image {position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none} | .ooo-v2 .ooo-v2-hero-image {position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none} | ||
/* Hero image container */ | |||
.ooo-v2 .ooo-v2-hero-image > a, | .ooo-v2 .ooo-v2-hero-image > a, | ||
.ooo-v2 .ooo-v2-hero-image > span, | .ooo-v2 .ooo-v2-hero-image > span, | ||
.ooo-v2 .ooo-v2-hero-image > figure | .ooo-v2 .ooo-v2-hero-image > figure { | ||
.ooo-v2 .ooo-v2-hero-image | display:block; | ||
.ooo-v2 .ooo-v2-hero-image | width:100%; | ||
height:100%; | |||
margin:0; | |||
} | |||
/* Hero image */ | |||
.ooo-v2 .ooo-v2-hero-image img, | |||
.ooo-v2 .ooo-v2-hero-image .mw-file-element { | |||
display:block; | |||
width:100%; | |||
height:100%; | |||
max-width:none; | |||
object-fit:cover; | |||
object-position:center; | |||
filter:none; | |||
} | |||
.ooo-v2 .ooo-v2-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,16,20,.95) 0%,rgba(12,16,20,.65) 45%,rgba(12,16,20,.10) 100%)} | .ooo-v2 .ooo-v2-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(12,16,20,.95) 0%,rgba(12,16,20,.65) 45%,rgba(12,16,20,.10) 100%)} | ||
.ooo-v2-eyebrow {font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--v2-yellow)} | .ooo-v2-eyebrow {font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--v2-yellow)} | ||