MediaWiki:Common.css

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 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; }
}

#p-logo a, .mw-wiki-logo {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}