MediaWiki:Common.css: Difference between revisions
Add hero box skeleton |
No edit summary |
||
| Line 4: | Line 4: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
align-items: center; | |||
margin: 0 -1em; | margin: 0 -1em; | ||
font-family: Arial, Helvetica, sans-serif; | |||
} | } | ||
.hero-box > div { | .hero-box > div { | ||
padding: | padding: 2em; | ||
} | } | ||
.hero-box .left { | .hero-box .left { | ||
flex: | flex: 4; | ||
min-width: 250px; | min-width: 250px; | ||
} | } | ||
.hero-box .right { | .hero-box .right { | ||
flex: | flex: 5; | ||
min-width: 250px; | min-width: 250px; | ||
} | |||
.hero-box .headline { | |||
font-size: 4rem; | |||
font-weight: bold; | |||
line-height: 1.0; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.hero-box .tagline { | |||
font-size: 1.2rem; | |||
line-height: 1.8; | |||
margin-top: 0; | |||
color: rgba(50, 60, 60, 0.8); | |||
} | |||
.hero-box .button { | |||
display: inline-block; | |||
padding: 0.5em 1.5em; | |||
background-color: rgb(177, 224, 223); | |||
color: black; | |||
text-decoration: none; | |||
border-radius: 5px; | |||
font-size: 1rem; | |||
font-weight: bold; | |||
} | } | ||
Revision as of 18:28, 8 May 2025
/* CSS placed here will be applied to all skins */
.hero-box {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -1em;
font-family: Arial, Helvetica, sans-serif;
}
.hero-box > div {
padding: 2em;
}
.hero-box .left {
flex: 4;
min-width: 250px;
}
.hero-box .right {
flex: 5;
min-width: 250px;
}
.hero-box .headline {
font-size: 4rem;
font-weight: bold;
line-height: 1.0;
margin: 0;
padding: 0;
}
.hero-box .tagline {
font-size: 1.2rem;
line-height: 1.8;
margin-top: 0;
color: rgba(50, 60, 60, 0.8);
}
.hero-box .button {
display: inline-block;
padding: 0.5em 1.5em;
background-color: rgb(177, 224, 223);
color: black;
text-decoration: none;
border-radius: 5px;
font-size: 1rem;
font-weight: bold;
}