MediaWiki:Common.css: Difference between revisions

Revision as of 04:51, 12 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; }
}

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

/* Crafters rank badge colours */
html body .crafters-rank.crafters-rank-legacy {
	--rank-fg: #fbfbfb;
	--rank-bg: rgba( 0, 0, 0, 0.28 );
	--rank-border: rgba( 89, 89, 89, 0.55 );
	text-shadow: 0 0 1px rgba( 0, 0, 0, 0.6 );
}
html body .crafters-rank.crafters-rank-volunteer {
	--rank-fg: #fff;
	--rank-bg: rgba( 255, 254, 186, 0.81 );
	--rank-border: rgba( 0, 0, 0, 0.55 );
	text-shadow:
		-1px -1px 0 rgba( 0, 0, 0, 0.75 ),
		 1px -1px 0 rgba( 0, 0, 0, 0.75 ),
		-1px  1px 0 rgba( 0, 0, 0, 0.75 ),
		 1px  1px 0 rgba( 0, 0, 0, 0.75 );
}