MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
} | } | ||
.hero-box { | .landing-page h1 { | ||
font-family: Arial, Helvetica, sans-serif !important; | |||
border: 0; | |||
} | |||
.landing-page .hero-box { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 12: | Line 17: | ||
margin: 0; | margin: 0; | ||
} | } | ||
.hero-box > div { | .landing-page .hero-box > div { | ||
padding: 2em 0; | padding: 2em 0; | ||
} | } | ||
.hero-box .left { | .landing-page .hero-box .left { | ||
flex: 3; | flex: 3; | ||
min-width: 350px; | min-width: 350px; | ||
} | } | ||
.hero-box .right { | .landing-page .hero-box .right { | ||
flex: 2; | flex: 2; | ||
min-width: 350px; | min-width: 350px; | ||
} | } | ||
.hero-box .headline { | .landing-page .hero-box .headline { | ||
font-size: 4rem; | font-size: 4rem; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 32: | Line 37: | ||
border: 0; | border: 0; | ||
} | } | ||
.hero-box .tagline { | .landing-page .hero-box .tagline { | ||
font-size: 1.2rem; | font-size: 1.2rem; | ||
line-height: 1.8; | line-height: 1.8; | ||
| Line 39: | Line 44: | ||
font-family: Arial, Helvetica, sans-serif !important; | font-family: Arial, Helvetica, sans-serif !important; | ||
} | } | ||
.hero-box a { | .landing-page .hero-box a { | ||
display: inline-block; | display: inline-block; | ||
padding: 0.5em 1.5em; | padding: 0.5em 1.5em; | ||
Revision as of 22:29, 8 May 2025
/* CSS placed here will be applied to all skins */
img {
max-width: 100%;
height: auto;
}
.landing-page h1 {
font-family: Arial, Helvetica, sans-serif !important;
border: 0;
}
.landing-page .hero-box {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
}
.landing-page .hero-box > div {
padding: 2em 0;
}
.landing-page .hero-box .left {
flex: 3;
min-width: 350px;
}
.landing-page .hero-box .right {
flex: 2;
min-width: 350px;
}
.landing-page .hero-box .headline {
font-size: 4rem;
font-weight: bold;
line-height: 1.0;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif !important;
border: 0;
}
.landing-page .hero-box .tagline {
font-size: 1.2rem;
line-height: 1.8;
margin-top: 0;
color: rgba(50, 60, 60, 0.8);
font-family: Arial, Helvetica, sans-serif !important;
}
.landing-page .hero-box a {
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;
}