Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Gadget-Common.css: Difference between revisions

MediaWiki interface page
(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;
}