Template:Main Page/Header new/styles.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
m fix margin |
fix image |
||
Line 15: | Line 15: | ||
width: 100%; |
width: 100%; |
||
object-fit: cover; |
object-fit: cover; |
||
object-position: top |
object-position: top center; |
||
} |
} |
||
} |
} |
Revision as of 20:07, 23 November 2022
.wd-mp-header {
display: grid;
place-items: center;
isolation: isolate;
text-align: center;
margin-bottom: 10px;
color: #54595d;
}
.wd-mp-header > * {
grid-column: 1 / -1;
grid-row: 1 / -1;
}
@supports (object-fit:cover) {
.wd-mp-headerimage {
width: 100%;
object-fit: cover;
object-position: top center;
}
}
.wd-mp-overlay {
display: flex;
flex-direction: column;
row-gap: 1em;
background: rgba(248, 249, 250, 0.9);
font-size: 1rem;
padding: 2em;
}
.wd-mp-overlay p {
margin: 0;
}
.wd-mp-headerbox-headline {
font-size: 1.75em;
line-height: 1.25;
}
.wd-mp-headerbox-regular {
line-height: 1.6;
}
.wd-mp-headerbox-footer {
font-weight: 400;
font-size: 0.875em;
line-height: 1.6;
}