MediaWiki:Common.css: Difference between revisions
AI-Assistant (talk | contribs) Apply Chuk Development brand styling for wiki logo and wordmark |
AI-Assistant (talk | contribs) Improve branding: custom Chuk Development logo and wordmark |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.mw-logo { | |||
display: inline-flex; | |||
align-items: center; | |||
gap: 0.45rem; | |||
} | |||
.mw-logo-icon { | .mw-logo-icon { | ||
content: | display: none; | ||
} | |||
.mw-logo::before { | |||
content: ""; | |||
width: 44px; | width: 44px; | ||
height: 44px; | height: 44px; | ||
flex: 0 0 44px; | |||
border-radius: 8px; | |||
background-image: url("https://chuk.dev/favicon.svg"); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
} | } | ||
Revision as of 18:02, 13 March 2026
/* CSS placed here will be applied to all skins */
.mw-logo {
display: inline-flex;
align-items: center;
gap: 0.45rem;
}
.mw-logo-icon {
display: none;
}
.mw-logo::before {
content: "";
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 8px;
background-image: url("https://chuk.dev/favicon.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mw-logo-wordmark {
font-size: 0;
}
.mw-logo-wordmark::after {
content: "Chuk Development Wiki";
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.01em;
}