More actions
No edit summary |
No edit summary |
||
| Line 47: | Line 47: | ||
} | } | ||
/* Replace | /* Replace wordmarks */ | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
color: transparent !important; | |||
background-position: left center; | background-position: left center; | ||
background-size: contain; | background-size: contain; | ||
| Line 58: | Line 56: | ||
width: 250px; | width: 250px; | ||
} | } | ||
.skin-citizen-light .mw- | .skin-citizen-light .mw-logo-wordmark { | ||
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png); | background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png); | ||
} | } | ||
.skin-citizen-dark .mw- | .skin-citizen-dark .mw-logo-wordmark { | ||
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png); | background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png); | ||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
.skin-citizen-auto .mw- | .skin-citizen-auto .mw-logo-wordmark { | ||
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png); | background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png); | ||
} | } | ||
} | } | ||
@media screen and (prefers-color-scheme: light) { | @media screen and (prefers-color-scheme: light) { | ||
.skin-citizen-auto .mw- | .skin-citizen-auto .mw-logo-wordmark { | ||
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png); | background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png); | ||
} | } | ||
} | } | ||
Latest revision as of 16:52, 5 March 2025
/* CSS placed here will be applied to all skins */
/* Remove icons from Extension:AddPersonalUrls */
li[id^="pt-"] {
background: none !important;
}
/* Normalize icon padding from Extension:AddPersonalUrls */
.mw-list-item {
padding-left: 15px !important;
}
.mw-list-item > a {
margin-left: -15px !important;
}
/* Hide drawer icon */
.citizen-drawer__logo {
display: none;
}
/* Replace global icon */
.mw-logo-icon {
display: none;
}
.mw-logo {
background-position: center;
background-size: contain;
}
.mw-logo:hover {
background-image: none !important;
}
.skin-citizen-light .mw-logo {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Icon_Black.png);
}
.skin-citizen-dark .mw-logo {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Icon_White.png);
}
@media screen and (prefers-color-scheme: dark) {
.skin-citizen-auto .mw-logo {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Icon_White.png);
}
}
@media screen and (prefers-color-scheme: light) {
.skin-citizen-auto .mw-logo {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Icon_Black.png);
}
}
/* Replace wordmarks */
.mw-logo-wordmark {
color: transparent !important;
background-position: left center;
background-size: contain;
background-repeat: no-repeat;
height: 40px;
width: 250px;
}
.skin-citizen-light .mw-logo-wordmark {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png);
}
.skin-citizen-dark .mw-logo-wordmark {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png);
}
@media screen and (prefers-color-scheme: dark) {
.skin-citizen-auto .mw-logo-wordmark {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_White.png);
}
}
@media screen and (prefers-color-scheme: light) {
.skin-citizen-auto .mw-logo-wordmark {
background-image: url(https://wiki-whidbey-fyi.s3.amazonaws.com/WhidbeyFYI_Logo_Black.png);
}
}