MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Created page with "→========== Main page hero ==========: .altered-hero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 3em 1em 2.5em; gap: 0.75em; width: 100%; box-sizing: border-box; } →override Citizen's default left-aligned content flow for the hero: .altered-hero, .altered-hero * { margin-left: auto; margin-right: auto; } .altered-hero__logo img { width: 128px; height: 128px; filt..." |
No edit summary |
||
| Line 10: | Line 10: | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Revision as of 06:44, 11 May 2026
/* ========== Main page hero ========== */
.altered-hero {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 3em 1em 2.5em;
gap: 0.75em;
width: 100%;
box-sizing: border-box;
}
.altered-hero__logo img {
width: 128px;
height: 128px;
filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.18));
}
.altered-hero__title {
font-size: 2.5em;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1;
}
.altered-hero__tagline {
font-size: 1.1em;
opacity: 0.75;
max-width: 520px;
line-height: 1.6;
}
/* ========== GitHub link ========== */
.altered-github-link a {
display: inline-flex;
align-items: center;
gap: 0.4em;
padding: 0.2em 0.6em;
border-radius: 6px;
border: 1px solid currentColor;
opacity: 0.8;
font-size: 0.95em;
text-decoration: none;
}
.altered-github-link a:hover {
opacity: 1;
}
.altered-github-link a::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background: url("/logo.svg") no-repeat center / contain;
/* swap for a github mark if one gets added to assets */
}