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: | Line 3: | ||
margin: 0; |
margin: 0; |
||
position: relative; |
position: relative; |
||
overflow: hidden; |
|||
} |
|||
.boss-splash .background img, |
|||
.boss-splash img { |
|||
width: 100%!important; |
|||
height: auto!important; |
|||
} |
|||
.boss-splash img { |
|||
⚫ | |||
z-index: 2; |
|||
} |
} |
||
Line 12: | Line 24: | ||
left:0; |
left:0; |
||
right: 0; |
right: 0; |
||
margin: -4px 0px 0 -6px; |
|||
} |
} |
||
.boss-splash > . |
.boss-splash > .background img { |
||
object-fit: cover; |
|||
⚫ | |||
} |
} |
||
Line 24: | Line 34: | ||
z-index: 3; |
z-index: 3; |
||
position: absolute; |
position: absolute; |
||
bottom:0. |
bottom:0.2em; |
||
left: |
left:0.7em; |
||
color:#fff; |
color:#fff; |
||
font-size: |
font-size:32px; |
||
font-weight: 400; |
font-weight: 400; |
||
text-shadow: 0 0 2px black; |
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;
}