MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 126: | Line 126: | ||
.skin-theme-clientpref-night .infobox.infobox-nation td, | .skin-theme-clientpref-night .infobox.infobox-nation td, | ||
.client-darkmode .infobox.infobox-nation td{ color:#e5e7eb; } | .client-darkmode .infobox.infobox-nation td{ color:#e5e7eb; } | ||
/* ——— Home layout ——— */ | |||
.home-hero { | |||
margin: 0 0 1rem 0; padding: 1.2rem 1.4rem; | |||
border: 1px solid #a2a9b1; background: #f8f9fa; | |||
} | |||
.home-hero h1 { margin: 0 0 .2rem 0; font-size: 1.8rem; } | |||
.home-actions .btn { | |||
display:inline-block; padding:.45rem .8rem; margin:.35rem .35rem .0 0; | |||
border:1px solid #a2a9b1; background:#fff; border-radius:6px; text-decoration:none; | |||
} | |||
.home-actions .btn-ghost { background:transparent; } | |||
.home-grid { display:grid; grid-template-columns: 1fr; gap: 1rem; } | |||
@media (min-width: 900px){ .home-grid { grid-template-columns: 2fr 1fr; } } | |||
.home-h2 { margin:.2rem 0 .4rem 0; font-size:1.2rem; } | |||
/* ——— Cards ——— */ | |||
.card-list { list-style:none; padding:0; margin:0; display:grid; gap:.6rem; } | |||
.card { | |||
background:#fff; border:1px solid #a2a9b1; border-radius:8px; padding:.6rem .75rem; | |||
} | |||
.card-title { font-weight:700; margin:0 0 .15rem 0; } | |||
.card-meta { font-size:.85em; color:#54595d; } | |||
/* ——— Side panel ——— */ | |||
.panel { background:#fff; border:1px solid #a2a9b1; border-radius:8px; padding:.7rem .8rem; } | |||
.hub-links { margin:.4rem 0 0 0; padding-left:1.2rem; } | |||
/* ——— Dark mode overrides (Vector night or DarkMode extension) ——— */ | |||
.skin-theme-clientpref-night .home-hero, | |||
.client-darkmode .home-hero { background:#1f2937; border-color:#374151; } | |||
.skin-theme-clientpref-night .card, | |||
.client-darkmode .card, | |||
.skin-theme-clientpref-night .panel, | |||
.client-darkmode .panel { background:#111827; border-color:#374151; } | |||
.skin-theme-clientpref-night .card-title, | |||
.client-darkmode .card-title { color:#f3f4f6; } | |||
.skin-theme-clientpref-night .card-meta, | |||
.client-darkmode .card-meta { color:#9ca3af; } | |||
.skin-theme-clientpref-night .home-actions .btn, | |||
.client-darkmode .home-actions .btn { | |||
background:#111827; color:#f3f4f6; border-color:#374151; | |||
} | |||