m (make it !important) Tags: Mobile edit Mobile web edit |
(fix accidentally inverting every image if color was set to "Auto") |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
#n-getsupport { | #n-getsupport { | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
.center-tabber-tabs a.tabber__tab { | |||
text-align: center; | |||
} | } | ||
| Line 24: | Line 28: | ||
} | } | ||
.skin-citizen | html.skin-theme-clientpref-night body.skin-citizen .invert-dark img { | ||
filter: invert( 1 ) hue-rotate( 180deg ); | filter: invert( 1 ) hue-rotate( 180deg ); | ||
} | } | ||
@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 .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;
}