Unreviewed, rolling out r169963.
[WebKit-https.git] / Source / WebCore / css / mathml.css
1 @namespace "http://www.w3.org/1998/Math/MathML";
2
3 math {
4     -webkit-line-box-contain: glyphs replaced;
5     text-indent: 0;
6     direction: ltr;
7 }
8 mtext {
9     line-height: 1.0;
10 }
11
12 /* Keep font-family and other defaults here consistent with http://mxr.mozilla.org/mozilla-central/source/layout/mathml/mathml.css and feedback from www-math. */
13 math {
14 #if defined(WTF_PLATFORM_IOS) && WTF_PLATFORM_IOS
15     /* We explicitly include the font Symbol as it's the iOS equivalent of font STIXGeneral. */
16     font-family: STIXGeneral, Symbol, "Times New Roman", sans-serif;
17 #else
18     font-family: MathJax_Main, STIXGeneral, STIXSizeOneSym, "DejaVu Sans", "DejaVu Serif", Cambria, "Cambria Math", "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Grande", OpenSymbol, "Standard Symbols L", Times, serif;
19 #endif
20 }
21
22 math {
23     display: -webkit-inline-flex !important;
24     padding-left: 1px;
25     padding-right: 1px;
26 }
27
28 math[display="block"] {
29     display: -webkit-flex !important;
30     -webkit-justify-content: center;
31     page-break-inside: avoid;
32     /* -webkit-margin-before: 1em; -- FIXME: Ask www-math for a default MathML stylesheet, including this (or margin-top). */
33     -webkit-margin-after: 1em;
34 }
35
36 mi, mo, mrow, mfenced, mfrac, msub, msup, msubsup, mmultiscripts, mprescripts, none, munder, mover, munderover, msqrt, mroot, merror, mphantom, mstyle, menclose {
37     display: -webkit-inline-flex !important;
38 }
39
40 math, mrow, mfenced, msqrt, mroot, merror, mphantom, mstyle, menclose {
41     -webkit-align-items: baseline;
42 }
43 msqrt > * { /* This rule is needed because of <msqrt>'s anonymous <mrow>. */
44     -webkit-align-self: baseline;
45 }
46
47 mo, mfrac, munder, mover, munderover {
48     -webkit-flex-direction: column;
49 }
50
51 munder, mover, munderover {
52     -webkit-align-items: center;
53 }
54
55 mfrac > * {
56     -webkit-align-self: center;
57 }
58 mfrac[numalign="left"] > :first-child {
59     -webkit-align-self: flex-start;
60 }
61 mfrac[numalign="right"] > :first-child {
62     -webkit-align-self: flex-end;
63 }
64 mfrac[denomalign="left"] > :last-child {
65     -webkit-align-self: flex-start;
66 }
67 mfrac[denomalign="right"] > :last-child {
68     -webkit-align-self: flex-end;
69 }
70 mfrac > :first-child {
71     -webkit-margin-after: 0.2em;
72 }
73 mfrac > :last-child {
74     -webkit-margin-before: 0.2em;
75 }
76 mfrac {
77     -webkit-margin-start: 1px;
78     -webkit-margin-end: 1px;
79 }
80
81 mover > :last-child, munderover > :last-child {
82     -webkit-order: -1;
83 }
84
85 msub > * + *, msup > * + *, msubsup > * + *, mmultiscripts > * + *, munder > * + *, mover > * + *, munderover > * + * {
86     font-size: 0.75em; /* FIXME: MathML standard is 0.71em */
87 }
88
89 mi {
90     -webkit-padding-end: 0.1em;
91 }
92 msub > mi:first-child, msubsup > mi:first-child {
93     -webkit-padding-end: 0;
94 }
95 msubsup > mi:first-child + * + * {
96     -webkit-margin-start: 0.14em; /* This is larger than 0.1em because the child's font-size is smaller than the <msubsup>'s. */
97 }
98
99 mroot {
100     position: relative;
101 }
102 mroot > * + * {
103     font-size: 0.75em;
104     position: absolute;
105     left: 0;
106     top: 0;
107     padding-right: 0.4em;
108     padding-left: 0.2em;
109     padding-bottom: 0.35em;
110 }
111
112 math[mathvariant="normal"], mstyle[mathvariant="normal"], mo[mathvariant="normal"], mn[mathvariant="normal"], mi[mathvariant="normal"], mtext[mathvariant="normal"], mspace[mathvariant="normal"], ms[mathvariant="normal"] {
113     font-style: normal;
114     font-weight: normal;
115 }
116
117 math[mathvariant="bold"], mstyle[mathvariant="bold"], mo[mathvariant="bold"], mn[mathvariant="bold"], mi[mathvariant="bold"], mtext[mathvariant="bold"], mspace[mathvariant="bold"], ms[mathvariant="bold"] {
118     font-style: normal;
119     font-weight: bold;
120 }
121
122 math[mathvariant="italic"], mstyle[mathvariant="italic"], mo[mathvariant="italic"], mn[mathvariant="italic"], mi[mathvariant="italic"], mtext[mathvariant="italic"], mspace[mathvariant="italic"], ms[mathvariant="italic"] {
123     font-style: italic;
124     font-weight: normal;
125 }
126
127 math[mathvariant="bold-italic"], mstyle[mathvariant="bold-italic"], mo[mathvariant="bold-italic"], mn[mathvariant="bold-italic"], mi[mathvariant="bold-italic"], mtext[mathvariant="bold-italic"], mspace[mathvariant="bold-italic"], ms[mathvariant="bold-italic"] {
128     font-weight: bold;
129     font-style: italic;
130 }
131
132 math[mathsize="small"], mstyle[mathsize="small"], mo[mathsize="small"], mn[mathsize="small"], mi[mathsize="small"], mtext[mathsize="small"], mspace[mathsize="small"], ms[mathsize="small"] {
133     font-size: 0.75em;
134 }
135
136 math[mathsize="normal"], mstyle[mathsize="normal"], mo[mathsize="normal"], mn[mathsize="normal"], mi[mathsize="normal"], mtext[mathsize="normal"], mspace[mathsize="normal"], ms[mathsize="normal"] {
137     font-size: 1em;
138 }
139
140 math[mathsize="big"], mstyle[mathsize="big"], mo[mathsize="big"], mn[mathsize="big"], mi[mathsize="big"], mtext[mathsize="big"], mspace[mathsize="big"], ms[mathsize="big"] {
141     font-size: 1.5em;
142 }
143  
144 mphantom {
145     visibility: hidden;
146 }
147
148 /* This is a special style for erroneous markup:
149   - <merror> element.
150   - extra children in script elements.
151   - <mprescripts/> and <none/> elements in msub/msup/msubsup.
152  */
153 merror, msub > * + * + *, msup > * + * + *, msubsup > * + * + * + *, msub > mprescripts, msup > mprescripts, msubsup > mprescripts, msub > none, msup > none, msubsup > none, mmultiscripts > mprescripts ~ mprescripts, mmultiscripts > mprescripts ~ mprescripts ~ * {
154     outline: solid thin red;
155     font-weight: bold;
156     font-family: sans-serif;
157     background-color: lightYellow;
158 }
159
160 mtable {
161     display: inline-table;
162     text-align: center;
163 }
164
165 mtr {
166     display: table-row;
167 }
168
169 mtd {
170     display: table-cell;
171     padding: 0.5ex;
172 }
173
174 mtable[columnalign="left"], mtr[columnalign="left"], mtd[columnalign="left"] {
175     text-align: left;
176 }
177
178 mtable[columnalign="right"], mtr[columnalign="right"], mtd[columnalign="right"] {
179     text-align: right;
180 }
181
182 mtable[rowalign="top"] mtd, mtable mtr[rowalign="top"] mtd, mtable mtr mtd[rowalign="top"] {
183     vertical-align: top;
184 }
185
186 mtable[rowalign="bottom"] mtd, mtable mtr[rowalign="bottom"] mtd, mtable mtr mtd[rowalign="bottom"] {
187     vertical-align: bottom;
188 }
189
190 mtable[rowalign="center"] mtd, mtable mtr[rowalign="center"] mtd, mtable mtr mtd[rowalign="center"] {
191     vertical-align: middle;
192 }
193
194 mtable[frame="solid"] {
195     border: solid thin;
196 }
197
198 mtable[frame="dashed"] {
199     border: dashed thin;
200 }
201
202 mtable[rowlines="solid"], mtable[rowlines="dashed"], mtable[columnlines="solid"], mtable[columnlines="dashed"] {
203     border-collapse: collapse;
204 }
205
206 mtable[rowlines="solid"] > mtr + mtr {
207     border-top: solid thin;
208 }
209
210 mtable[rowlines="dashed"] > mtr + mtr {
211     border-top: dashed thin;
212 }
213
214 mtable[columnlines="solid"] > mtr > mtd + mtd {
215     border-left: solid thin;
216 }
217
218 mtable[columnlines="dashed"] > mtr > mtd + mtd {
219     border-left: dashed thin;
220 }