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; }