Template:Header mega/styles.css
Appearance
.megaheader-banner-image {
min-height: 200px;
max-height: 450px;
height: auto;
width: 100%;
object-fit: cover;
margin-top: 1vh;
}
.megaheader-image-wrapper {
position: relative;
overflow: hidden;
height: auto;
margin-bottom: .6em;
}
.megaheader {
position:relative;
padding-bottom:0em;
border:none;
margin:0;
overflow: hidden;
}
body.skin-monobook .megaheader,
body.skin-vector .megaheader {
margin: -20px 0 0 0;
}
.megaheader .firstHeading {
position:absolute;
top:35px;
left:30px;
padding:10px;
text-align:left;
color:#FFF;
letter-spacing:2px;
line-height:1;
font-weight:600;
border-bottom:0;
background-color:rgba(50,50,50,0.85);
width:auto;
margin-right:10px;
}
.megaheader-additional-content {
position:absolute;
top:115px;
left:20px;
padding:10px 0 0 0;
text-align:left;
color:#FFF;
line-height:1;
font-weight:600;
border-bottom:0;
margin-right:10px;
}
.main-subhead,
#main-subhead {
margin:0;
margin-top:1.1em;
font-size:1.2em;
line-height:1.5;
max-width:500px;
font-weight:400;
background-color:rgba(50,50,50,0.7);
padding:10px;
margin-right:10px;
}
@media screen and (max-width: 719px) {
.megaheader .firstHeading {
top:10px;
left:10px;
padding:10px;
font-size: 120%;
}
.megaheader-additional-content {
top:115px;
left:5px;
padding:10px 0 0 0;
}
.main-subhead,
#main-subhead {
font-size: 1em;
}
}