MediaWiki:Common.css: Difference between revisions

From Crafters
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ===== Main Page ===== */
/* ===== Main Page ===== */
/* Hide the "Main Page" title (replaces the old DISPLAYTITLE trick) */
body.page-Main_Page #firstHeading { display: none; }
body.page-Main_Page #firstHeading { display: none; }


Line 15: Line 14:
.cw-columns {
.cw-columns {
     display: flex;
     display: flex;
     flex-wrap: wrap;         /* side by side on desktop, stacked on phones */
     flex-wrap: wrap;
     gap: 12px;
     gap: 12px;
     margin-top: 8px;
     margin-top: 8px;
Line 49: Line 48:
--rank-fg: #fbfbfb;
--rank-fg: #fbfbfb;
--rank-bg: rgba( 0, 0, 0, 0.28 );
--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 );
text-shadow: 0 0 1px rgba( 0, 0, 0, 0.6 );
}
}
html body .crafters-rank.crafters-rank-volunteer {
html body .crafters-rank.crafters-rank-volunteer {
--rank-fg: #fff;
--rank-fg: #000;
--rank-bg: rgba( 255, 254, 186, 0.81 );
--rank-bg: rgb(255, 253, 69);
--rank-border: rgba( 0, 0, 0, 0.55 );
    --rank-border: rgba(25, 135, 84, 0);
text-shadow:
-0.5px -0.5px 0 rgba( 0, 0, 0, 0.7 ),
0.5px -0.5px 0 rgba( 0, 0, 0, 0.7 ),
-0.5px  0.5px 0 rgba( 0, 0, 0, 0.7 ),
0.5px  0.5px 0 rgba( 0, 0, 0, 0.7 );
}
}

Latest revision as of 06:20, 12 October 2026

/* ===== Main Page ===== */
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;
    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 );
	text-shadow: 0 0 1px rgba( 0, 0, 0, 0.6 );
}
html body .crafters-rank.crafters-rank-volunteer {
	--rank-fg: #000;
	--rank-bg: rgb(255, 253, 69);
    --rank-border: rgba(25, 135, 84, 0);
}