Toggle menu
122
332
11
3.4K
Information Rating System Wiki
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Content deleted Content added
Fixed CSS for maths in dark mode
 
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* BEGIN: Dark Mode Maths */
.poncho-dark-mode .mwe-math-fallback-image-inline,
/* Here we fix <math> and <kroki> tags for dark modes in Poncho and Citizen skins. */
.poncho-dark-mode .mwe-math-fallback-image-display,

.skin-citizen-dark .mwe-math-fallback-image-inline,
.skin-citizen-dark .mwe-math-fallback-image-display {
:is(.poncho-dark-mode, .skin-citizen-dark) :is(.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display),
:is(.poncho-dark-mode, .skin-citizen-dark) .mw-kroki img {
filter: hue-rotate(180deg) invert(1);
filter: hue-rotate(180deg) invert(1);
}
}
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
.skin-citizen-auto .mwe-math-fallback-image-inline,
.skin-citizen-auto :is(.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display),
.skin-citizen-auto .mwe-math-fallback-image-display {
.skin-citizen-auto .mw-kroki img {
filter: hue-rotate(180deg) invert(1);
filter: hue-rotate(180deg) invert(1);
}
}
}
}
/* END: Dark Mode Maths */

/* BEGIN: Disable site subtitles */
#siteSub {
display: none;
}
/* END: Disable site subtitles */

Latest revision as of 17:44, 19 August 2024

/* CSS placed here will be applied to all skins */

/* BEGIN: Dark Mode Maths */
/* Here we fix <math> and <kroki> tags for dark modes in Poncho and Citizen skins. */

:is(.poncho-dark-mode, .skin-citizen-dark) :is(.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display),
:is(.poncho-dark-mode, .skin-citizen-dark) .mw-kroki img {
    filter: hue-rotate(180deg) invert(1);
}
  
@media (prefers-color-scheme: dark) { 
.skin-citizen-auto :is(.mwe-math-fallback-image-inline, .mwe-math-fallback-image-display),
.skin-citizen-auto .mw-kroki img {
    filter: hue-rotate(180deg) invert(1);
  }
}
/* END: Dark Mode Maths */

/* BEGIN: Disable site subtitles */
#siteSub {
    display: none;
}
/* END: Disable site subtitles */