(make it !important) |
(.invert-dark) |
||
Line 22: | Line 22: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
.skin-citizen-dark .invert-dark img { | |||
filter: invert( 1 ) hue-rotate( 180deg ); | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
.skin-timeless .invert-dark img { | |||
filter: invert( 1 ) hue-rotate( 180deg ); | |||
} | |||
} | } |
Revision as of 01:08, 16 December 2022
/* 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;
}
/* 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;
}
.skin-citizen-dark .invert-dark img {
filter: invert( 1 ) hue-rotate( 180deg );
}
@media screen and (prefers-color-scheme: dark) {
.skin-timeless .invert-dark img {
filter: invert( 1 ) hue-rotate( 180deg );
}
}