MediaWiki:Citizen.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* MAIN */
.mecha-home {
max-width: 1200px;
margin: auto;
padding: 20px;
}
/* HERO */
.mecha-hero {
text-align: center;
padding: 40px 20px;
}
.mecha-logo {
width: 120px;
margin-bottom: 10px;
}
.mecha-hero h1 {
font-size: 32px;
margin-bottom: 10px;
}
.mecha-hero p {
font-size: 16px;
color: var(--color-base-subtle);
margin-bottom: 20px;
}
.mecha-hero-buttons a {
background: var(--color-progressive);
color: white;
padding: 10px 18px;
margin: 5px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
/* GRID */
.mecha-main-grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 20px;
}
/* CARDS */
.mecha-card {
background: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: 14px;
padding: 20px;
}
/* ECOSYSTEM GRID */
.mecha-ecosystem-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 15px;
margin-top: 15px;
}
.mecha-tile {
background: var(--color-surface-1);
padding: 16px;
border-radius: 10px;
text-decoration: none;
display: block;
}
.mecha-tile span {
display: block;
font-size: 14px;
color: var(--color-base-subtle);
}
/* RESOURCE LIST */
.mecha-resource-list a {
display: block;
padding: 10px;
margin-bottom: 8px;
background: var(--color-surface-1);
border-radius: 8px;
text-decoration: none;
}
/* MOBILE */
@media (max-width: 900px) {
.mecha-main-grid {
grid-template-columns: 1fr;
}
.mecha-ecosystem-grid {
grid-template-columns: 1fr;
}
.mecha-hero h1 {
font-size: 24px;
}
}