MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1,790: | Line 1,790: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
min-height: 300px; | min-height: 300px; | ||
} | |||
/* V2 REUSABLE IMAGE CARDS */ | |||
.ooo-v2 .ooo-v2-imagecard { | |||
position: relative; | |||
min-height: 190px; | |||
overflow: hidden; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-end; | |||
isolation: isolate; | |||
} | |||
.ooo-v2 .ooo-v2-card-image { | |||
position: absolute; | |||
inset: 0; | |||
z-index: -2; | |||
} | |||
.ooo-v2 .ooo-v2-card-image .mw-file-element { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
.ooo-v2 .ooo-v2-imagecard::before { | |||
content: ""; | |||
position: absolute; | |||
inset: 0; | |||
z-index: -1; | |||
background: linear-gradient( | |||
to top, | |||
rgba(10,14,18,.96), | |||
rgba(10,14,18,.55) 60%, | |||
rgba(10,14,18,.12) | |||
); | |||
} | |||
.ooo-v2 .ooo-v2-card-content { | |||
position: relative; | |||
z-index: 1; | |||
} | |||
.ooo-v2 .ooo-v2-imagecard:hover { | |||
border-color: #f5c400; | |||
} | } | ||