MediaWiki:Common.css: Difference between revisions

Revision as of 07:58, 11 October 2026

/* ===== Main Page ===== */
/* Hide the "Main Page" title (replaces the old DISPLAYTITLE trick) */
body.page-Main_Page #firstHeading { display: none; }

.cw-welcome {
    background: #e6f5ff;
    color: #202122;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    padding: 0.6em 1em;
    border-radius: 8px;
    margin-bottom: 0.75em;
}
.cw-columns {
    display: flex;
    flex-wrap: wrap;          /* side by side on desktop, stacked on phones */
    gap: 12px;
    margin-top: 8px;
}
.cw-card {
    flex: 1 1 320px;
    min-width: 0;
    padding: 8px 16px 16px;
    border: 1px solid;
    border-radius: 8px;
}
.cw-about { background: #f5fffa; border-color: #cef2e0; }
.cw-news  { background: #f5faff; border-color: #cedff2; }

/* Dark theme versions */
html.skin-theme-clientpref-night .cw-welcome { background: #1b3346; color: #eaecf0; }
html.skin-theme-clientpref-night .cw-about   { background: #16281f; border-color: #2e5a44; }
html.skin-theme-clientpref-night .cw-news    { background: #16222f; border-color: #2e4a6a; }
@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .cw-welcome { background: #1b3346; color: #eaecf0; }
    html.skin-theme-clientpref-os .cw-about   { background: #16281f; border-color: #2e5a44; }
    html.skin-theme-clientpref-os .cw-news    { background: #16222f; border-color: #2e4a6a; }
}