More actions
Remove icons from Extension:AddPersonalUrls |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
/* Remove icons from Extension:AddPersonalUrls */ | /* Remove icons from Extension:AddPersonalUrls */ | ||
li[id^="pt-"] { | li[id^="pt-"] { | ||
background: none; | 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); | |||
} | |||
} | } |
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);
}
}