MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* HERO */ | /* HERO */ | ||
.mecha-hero { | .mecha-hero { | ||
text-align: center; | width:100%; | ||
text-align:center; | |||
margin-top:30px; | |||
margin-bottom:40px; | |||
margin- | |||
margin-bottom: | |||
} | } | ||
/* MAIN LAYOUT */ | |||
.mecha- | .mecha-layout { | ||
width:100%; | |||
border-spacing:20px; | |||
} | } | ||
/* COLUMNS */ | |||
.mecha- | .mecha-col { | ||
width:25%; | |||
vertical-align:top; | |||
} | } | ||
.mecha-col-wide { | |||
width:50%; | |||
vertical-align:top; | |||
} | } | ||
| Line 95: | Line 42: | ||
.mecha-card { | .mecha-card { | ||
background: var(--color-surface-2); | background:var(--color-surface-2); | ||
border:1px solid var(--color-border); | |||
border: 1px solid var(--color-border); | border-radius:16px; | ||
padding:20px; | |||
border-radius: | |||
padding: 20px; | |||
} | } | ||
/* GRID */ | |||
.mecha-grid { | |||
.mecha | |||
width:100%; | |||
border-spacing:15px; | |||
} | } | ||
.mecha-grid td { | |||
background:var(--color-surface-1); | |||
border:1px solid var(--color-border); | |||
border-radius:10px; | |||
background: var(--color-surface-1); | padding:15px; | ||
font-weight:500; | |||
border-radius: 10px; | |||
} | } | ||
/* MOBILE */ | /* MOBILE */ | ||
@media (max-width: 900px) { | @media (max-width:900px){ | ||
.mecha- | .mecha-layout, | ||
.mecha-layout tbody, | |||
.mecha-layout tr, | |||
.mecha-layout td { | |||
display:block; | |||
width:100% !important; | |||
} | } | ||
.mecha- | .mecha-card { | ||
margin-bottom:20px; | |||
} | } | ||
} | } | ||
Revision as of 13:44, 21 February 2026
/* HERO */
.mecha-hero {
width:100%;
text-align:center;
margin-top:30px;
margin-bottom:40px;
}
/* MAIN LAYOUT */
.mecha-layout {
width:100%;
border-spacing:20px;
}
/* COLUMNS */
.mecha-col {
width:25%;
vertical-align:top;
}
.mecha-col-wide {
width:50%;
vertical-align:top;
}
/* CARDS */
.mecha-card {
background:var(--color-surface-2);
border:1px solid var(--color-border);
border-radius:16px;
padding:20px;
}
/* GRID */
.mecha-grid {
width:100%;
border-spacing:15px;
}
.mecha-grid td {
background:var(--color-surface-1);
border:1px solid var(--color-border);
border-radius:10px;
padding:15px;
font-weight:500;
}
/* MOBILE */
@media (max-width:900px){
.mecha-layout,
.mecha-layout tbody,
.mecha-layout tr,
.mecha-layout td {
display:block;
width:100% !important;
}
.mecha-card {
margin-bottom:20px;
}
}