Template:BossSplash/style.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Created page with ".boss-splash { width: 100%; margin: 0; position: relative; } .boss-splash > .background { z-index: 1; position: absolute; top:0; bottom: 0; left:0; right: 0; } .boss-splash > .image { z-index: 2; position: relative; } .boss-splash > .title { z-index: 3; position: absolute; bottom:0.1em; left:1em; color:#fff; font-size:24px; font-weight: 400; text-shadow: 0 0 2px black; }") |
m (fix for new MW img markup) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 3:
margin: 0;
position: relative;
overflow: hidden;
}
.boss-splash .background img,
.boss-splash img {
width: 100%!important;
height: auto!important;
}
.boss-splash img {
position: relative;▼
z-index: 2;
}
Line 12 ⟶ 24:
left:0;
right: 0;
margin: -4px 0px 0 -6px;
}
.boss-splash > .
▲ position: relative;
}
Line 24 ⟶ 34:
z-index: 3;
position: absolute;
bottom:0.
left:
color:#fff;
font-size:
font-weight: 400;
text-shadow: 0 0 2px black;
|
Latest revision as of 13:56, 4 March 2024
.boss-splash {
width: 100%;
margin: 0;
position: relative;
overflow: hidden;
}
.boss-splash .background img,
.boss-splash img {
width: 100%!important;
height: auto!important;
}
.boss-splash img {
position: relative;
z-index: 2;
}
.boss-splash > .background {
z-index: 1;
position: absolute;
top:0;
bottom: 0;
left:0;
right: 0;
margin: -4px 0px 0 -6px;
}
.boss-splash > .background img {
object-fit: cover;
}
.boss-splash > .title {
z-index: 3;
position: absolute;
bottom:0.2em;
left:0.7em;
color:#fff;
font-size:32px;
font-weight: 400;
text-shadow: 0 0 2px black;
}