(I think this will work? setting width 100% in .collapse-on-mobile) |
(fix accidentally inverting every image if color was set to "Auto") |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
.collapse-on-mobile { | .collapse-on-mobile { | ||
display: block; | display: block; | ||
width: 100%; | width: 100%!important; | ||
} | } | ||
} | } | ||
| Line 10: | Line 10: | ||
#n-getsupport { | #n-getsupport { | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
.center-tabber-tabs a.tabber__tab { | |||
text-align: center; | |||
} | } | ||
| Line 22: | Line 26: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | 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; | |||
} | } | ||
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;
}