Template:BossSplash/style.css: Difference between revisions

From Blue Archive Wiki
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 {
position: relative;
z-index: 2;
}
}


Line 12: Line 24:
left:0;
left:0;
right: 0;
right: 0;
margin: -4px 0px 0 -6px;

}
}


.boss-splash > .image {
.boss-splash > .background img {
z-index: 2;
object-fit: cover;
position: relative;

}
}


Line 24: Line 34:
z-index: 3;
z-index: 3;
position: absolute;
position: absolute;
bottom:0.1em;
bottom:0.2em;
left:1em;
left:0.7em;
color:#fff;
color:#fff;
font-size:24px;
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;
}