(fix .invert-dark class for new Citizen changes) |
(fix accidentally inverting every image if color was set to "Auto") |
||
Line 33: | Line 33: | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
.skin-timeless .invert-dark img, | .skin-timeless .invert-dark img, | ||
html.skin-theme-clientpref-os body.skin-citizen img{ | html.skin-theme-clientpref-os body.skin-citizen .invert-dark img { | ||
filter: invert( 1 ) hue-rotate( 180deg ); | filter: invert( 1 ) hue-rotate( 180deg ); | ||
} | } |
Latest revision as of 19:46, 2 May 2024
/* CSS for everyone, all skins, desktop and mobile. */
@media screen and (max-width: 850px) {
.collapse-on-mobile {
display: block;
width: 100%!important;
}
}
#n-getsupport {
font-weight: bold;
}
.center-tabber-tabs a.tabber__tab {
text-align: center;
}
/* not needed on the Main Page */
.page-Main_Page.approvedRevs-approved #contentSub,
.page-Main_Page.approvedRevs-approved #catlinks {
display: none;
}
/* image max width (but only sometimes) */
.img-maxwidth img {
max-width: 100%;
height: auto;
}
html.skin-theme-clientpref-night body.skin-citizen .invert-dark img {
filter: invert( 1 ) hue-rotate( 180deg );
}
@media screen and (prefers-color-scheme: dark) {
.skin-timeless .invert-dark img,
html.skin-theme-clientpref-os body.skin-citizen .invert-dark img {
filter: invert( 1 ) hue-rotate( 180deg );
}
}
.no-rounded-image img {
border-radius: 0!important;
}