mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Math
synced 2024-11-13 17:56:59 +00:00
e26d641b85
- load ext.math.css on mobile devices - move the @font-face rules for the Latin Modern WOFF fonts into a separate Desktop-only stylesheet. Change-Id: Ifca3679185a4675bc31dff99a086fef740b9dab5
57 lines
2.2 KiB
CSS
57 lines
2.2 KiB
CSS
/*
|
|
Document : ext.math
|
|
Created on : 23.09.2013, 13:55:00
|
|
Author : Physikerwelt (Moritz Schubotz)
|
|
Description:
|
|
Shows browser-dependent math output.
|
|
*/
|
|
@namespace m url('http://www.w3.org/1998/Math/MathML');
|
|
|
|
/* Default style for MathML. */
|
|
.mwe-math-mathml-inline { display: inline !important; }
|
|
.mwe-math-mathml-display { display: block !important; margin-left: auto; margin-right: auto; }
|
|
.mwe-math-mathml-a11y {
|
|
/* We try to hide the MathML formula in a way that still makes it accessible to accessibility tools. */
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
opacity: 0;
|
|
}
|
|
m|math {
|
|
/* Try some popular OpenType MATH fonts before the WOFF fallback */
|
|
/* We put Cambria before Cambria Math to workaround a bug on Windows
|
|
(see https://bugzilla.mozilla.org/show_bug.cgi?id=598900) */
|
|
font-family: Cambria, Cambria Math, Latin Modern Math, STIX Math, LatinModernMathWOFF, serif;
|
|
}
|
|
|
|
/* Default style for the image fallback. */
|
|
/* Note: We had to use !important rules because of conflicts with the style
|
|
generated by Mathoid. See https://gerrit.wikimedia.org/r/#/c/166213/ */
|
|
.mwe-math-fallback-image-inline { display: inline-block; vertical-align: middle; }
|
|
.mwe-math-fallback-image-display { display: block; margin-left: auto !important; margin-right: auto !important; }
|
|
|
|
/* Default style for the source fallback. */
|
|
.mwe-math-fallback-source-inline { display: inline; vertical-align: middle; }
|
|
.mwe-math-fallback-source-display { display: block; margin-left: auto; margin-right: auto; }
|
|
|
|
/******************************************************************************/
|
|
/* Browser-specific hacks are bad but let's use that for now...
|
|
See http://browserhacks.com/ */
|
|
|
|
@-moz-document url-prefix() {
|
|
/* For Gecko browsers, hide the SVG fallback and show the MathML instead.
|
|
We override the style for SVG and MathML above */
|
|
.mwe-math-mathml-a11y {
|
|
clip: auto;
|
|
overflow: visible;
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
opacity: 1;
|
|
}
|
|
.mwe-math-mathml-inline + .mwe-math-fallback-image-inline,
|
|
.mwe-math-mathml-display + .mwe-math-fallback-image-display { display: none !important; }
|
|
}
|