Math/modules/ext.math.css

66 lines
2.5 KiB
CSS
Raw Normal View History

/*
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;
}
@font-face {
/* WOFF version of Latin Modern Math.
See https://github.com/fred-wang/MathFonts */
font-family: LatinModernMathWOFF;
src: url(./LatinModern/latinmodern-math.woff);
}
/* Default style for the SVG fallback. */
img.mwe-math-fallback-svg-inline { display: inline; }
img.mwe-math-fallback-svg-display { display: block; margin-left: auto !important; margin-right: auto !important; }
/* Default style for the PNG fallback. */
img.mwe-math-fallback-png-inline { display: inline; vertical-align: middle; }
img.mwe-math-fallback-png-display { display: block; margin-left: auto; margin-right: auto; }
/* 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 + img.mwe-math-fallback-svg-inline,
.mwe-math-mathml-display + img.mwe-math-fallback-svg-display { display: none !important; }
}