StarfieldWiki:HeroBannerStyle.css

From Starfield Wiki
Jump to: navigation, search
#em-hero-banner {
    overflow: hidden;
    max-height: 250px;
    height: 250px;
    border: solid 2px var(--divider);
    margin-bottom: 16px;
    position: relative;
}

#em-hero-banner p {
    width: inherit !important;
    height: inherit !important;
    margin: 0;
    line-height: 0;
}

.em-hero-banner-background {
    position: absolute;
    height: inherit;
    width: 100%;
}

.em-hero-background-img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center;
}

.em-hero-logo {
   filter: drop-shadow(1px 2px 5px black);
}

.em-hero-banner-content {
    display: flex;
    flex-direction: column;
    place-items: center !important;
    position: relative;
    backdrop-filter: blur(3px) brightness(0.7);
    height: 100%;
}

.em-hero-banner-content p {
    line-height: 1.6 !important;
    margin: 0.5em 0 !important;
}