layout/mathml/mathml.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5
   6 /**************************************************************************/
   7 /* namespace for MathML elements                                          */
   8 /**************************************************************************/
   9
  10 @namespace url(http://www.w3.org/1998/Math/MathML);
  11
  12 /**************************************************************************/
  13 /* <math> - outermost math element                                        */
  14 /**************************************************************************/
  15
  16 math {
  17   writing-mode: horizontal-tb !important;
  18   direction: ltr;
  19   unicode-bidi: embed;
  20   display: inline;
  21   font-size: inherit;
  22   font-style: normal;
  23   font-family: serif;
  24   line-height: normal;
  25   word-spacing: normal;
  26   letter-spacing: normal;
  27   text-rendering: optimizeLegibility;
  28   -moz-float-edge: margin-box;
  29   -moz-math-display: inline;
  30 }
  31 math[mode="display"], math[display="block"] {
  32   display: block;
  33   text-align: -moz-center;
  34   -moz-math-display: block;
  35 }
  36 math[display="inline"] {
  37   display: inline;
  38   -moz-math-display: inline;
  39 }
  40 math[displaystyle="false"] {
  41   -moz-math-display: inline;
  42 }
  43 math[displaystyle="true"] {
  44   -moz-math-display: block;
  45 }
  46
  47 /**************************************************************************/
  48 /* Token elements                                                         */
  49 /**************************************************************************/
  50
  51 ms {
  52   display: inline;
  53 }
  54 ms:before, ms:after {
  55   content: "\0022"
  56 }
  57 ms[lquote]:before {
  58   content: attr(lquote)
  59 }
  60 ms[rquote]:after {
  61   content: attr(rquote)
  62  }
  63
  64 /**************************************************************************/
  65 /* Links                                                                  */
  66 /**************************************************************************/
  67 :-moz-any-link {
  68   text-decoration: none !important;
  69 }
  70
  71 /**************************************************************************/
  72 /* attributes common to all tags                                          */
  73 /**************************************************************************/
  74
  75 /* These attributes are mapped to style in nsMathMLElement.cpp:
  76
  77    - background -> background                             (deprecated)
  78    - color -> color                                       (deprecated)
  79    - fontfamily -> font-family                            (deprecated)
  80    - fontsize -> font-size                                (deprecated)
  81    - fontstyle -> font-style                              (deprecated)
  82    - fontweight -> font-weight                            (deprecated)
  83    - mathvariant -> -moz-math-variant
  84    - scriptsizemultiplier -> -moz-script-size-multiplier
  85    - scriptminsize -> -moz-script-min-size
  86    - scriptlevel -> -moz-script-level
  87    - mathsize -> font-size
  88    - mathcolor -> color
  89    - mathbackground -> background
  90
  91 */
  92
  93
  94 /**************************************************************************/
  95 /* merror                                                                 */
  96 /**************************************************************************/
  97
  98 merror {
  99   display: block;
 100   font-family: sans-serif;
 101   font-weight: bold;
 102   white-space: pre;
 103   margin: 1em;
 104   padding: 1em;
 105   border-width: thin;
 106   border-style: inset;
 107   border-color: red;
 108   font-size: 14pt;
 109   background-color: lightyellow;
 110 }
 111
 112 /**************************************************************************/
 113 /* mtable and its related tags                                            */
 114 /**************************************************************************/
 115
 116 mtable {
 117   display: inline-table;
 118   border-collapse: separate;
 119   border-spacing: 0;
 120   text-indent: 0;
 121 }
 122 mtable[frame="none"] {
 123   border: none;
 124 }
 125 mtable[frame="solid"] {
 126   border: solid thin;
 127 }
 128 mtable[frame="dashed"] {
 129   border: dashed thin;
 130 }
 131
 132 mtr, mlabeledtr {
 133   display: table-row;
 134   vertical-align: baseline;
 135 }
 136
 137 mtd {
 138   display: table-cell;
 139   vertical-align: inherit;
 140   text-align: -moz-center;
 141   white-space: nowrap;
 142 }
 143
 144 /* Don't support m(labeled)tr without mtable, nor mtd without m(labeled)tr */
 145 :not(mtable) > mtr,
 146 :not(mtable) > mlabeledtr,
 147 :not(mtr):not(mlabeledtr) > mtd {
 148   display: none !important;
 149 }
 150
 151 /* Hide the label because mlabeledtr is not supported yet (bug 356870). This
 152    rule can be overriden by users. */
 153 mlabeledtr > mtd:first-child {
 154     display: none;
 155 }
 156
 157 /**********************************************************************/
 158 /* rules to achieve the default spacing between cells. When rowspacing,
 159    columnspacing and framespacing aren't set on mtable.  The back-end code
 160    will set the internal attributes depending on the cell's position.
 161    When they are set, the spacing behaviour is handled outside of CSS */
 162 mtd {
 163   padding-right: 0.4em;  /* half of columnspacing[colindex] */
 164   padding-left: 0.4em;   /* half of columnspacing[colindex-1] */
 165   padding-bottom: 0.5ex; /* half of rowspacing[rowindex] */
 166   padding-top: 0.5ex;    /* half of rowspacing[rowindex-1] */
 167 }
 168 /* turn off the spacing at the periphery of boundary cells */
 169 mtr:first-child > mtd {
 170   padding-top: 0ex;
 171 }
 172 mtr:last-child > mtd {
 173   padding-bottom: 0ex;
 174 }
 175 mtd:first-child {
 176   -moz-padding-start: 0em;
 177 }
 178 mtd:last-child {
 179   -moz-padding-end: 0em;
 180 }
 181 /* re-instate the spacing if the table has a surrounding frame */
 182 mtable[frame="solid"] > mtr:first-child > mtd,
 183 mtable[frame="dashed"] > mtr:first-child > mtd {
 184   padding-top: 0.5ex; /* framespacing.top */
 185 }
 186 mtable[frame="solid"] > mtr:last-child > mtd,
 187 mtable[frame="dashed"] > mtr:last-child > mtd {
 188   padding-bottom: 0.5ex; /* framespacing.bottom */
 189 }
 190 mtable[frame="solid"] > mtr > mtd:first-child,
 191 mtable[frame="dashed"] > mtr > mtd:first-child {
 192   -moz-padding-start: 0.4em; /* framespacing.left (or right in rtl)*/
 193 }
 194 mtable[frame="solid"] > mtr > mtd:last-child,
 195 mtable[frame="dashed"] > mtr > mtd:last-child {
 196   -moz-padding-end: 0.4em; /* framespacing.right (or left in rtl)*/
 197 }
 198
 199 mtable[rowspacing] > mtr > mtd,
 200 mtable[columnspacing] > mtr > mtd,
 201 mtable[framespacing] > mtr > mtd {
 202   /* Spacing handled outside of CSS */
 203   padding: 0px;
 204 }
 205
 206 /**************************************************************************/
 207 /* This rule is used to give a style context suitable for nsMathMLChars.
 208    We don't actually style -moz-math-anonymous by default. */
 209 /*
 210 ::-moz-math-anonymous {
 211 }
 212 */
 213
 214 /**********************************************************************/
 215 /* This is used when wrapping non-MathML inline elements inside math. */
 216 *|*::-moz-mathml-anonymous-block {
 217   display: inline-block !important;
 218   position: static !important;
 219   text-indent: 0;
 220 }
 221
 222 /**************************************************************************/
 223 /* Controlling Displaystyle and Scriptlevel                               */
 224 /**************************************************************************/
 225
 226 /*
 227   http://www.w3.org/Math/draft-spec/chapter3.html#presm.scriptlevel
 228
 229   The determination of -moz-math-display for <math> involves the displaystyle
 230   and display attributes. See the <math> section above.
 231 */
 232
 233 /*
 234   Map mstyle@displaystyle to -moz-math-display.
 235 */
 236 mstyle[displaystyle="false"] {
 237   -moz-math-display: inline;
 238 }
 239 mstyle[displaystyle="true"] {
 240   -moz-math-display: block;
 241 }
 242
 243 /*  munder, mover and munderover change the scriptlevels of their children
 244    using -moz-math-increment-script-level because regular CSS rules are
 245    insufficient to control when the scriptlevel should be incremented. All other
 246    cases can be described using regular CSS, so we do it this way because it's
 247    more efficient and less code. */
 248 :-moz-math-increment-script-level { -moz-script-level: +1; }
 249
 250 /*
 251    The mfrac element sets displaystyle to "false", or if it was already false
 252    increments scriptlevel by 1, within numerator and denominator.
 253 */
 254 mfrac > * {
 255     -moz-script-level: auto;
 256     -moz-math-display: inline;
 257 }
 258
 259 /*
 260    The mroot element increments scriptlevel by 2, and sets displaystyle to
 261    "false", within index, but leaves both attributes unchanged within base.
 262    The msqrt element leaves both attributes unchanged within its argument.
 263 */
 264 mroot > :not(:first-child) {
 265     -moz-script-level: +2;
 266     -moz-math-display: inline;
 267 }
 268
 269 /*
 270    The msub element [...] increments scriptlevel by 1, and sets displaystyle to
 271    "false", within subscript, but leaves both attributes unchanged within base.
 272
 273    The msup element [...] increments scriptlevel by 1, and sets displaystyle to
 274    "false", within superscript, but leaves both attributes unchanged within
 275    base.
 276
 277    The msubsup element [...] increments scriptlevel by 1, and sets displaystyle
 278    to "false", within subscript and superscript, but leaves both attributes
 279    unchanged within base.
 280
 281    The mmultiscripts element increments scriptlevel by 1, and sets displaystyle
 282    to "false", within each of its arguments except base, but leaves both
 283    attributes unchanged within base.
 284  */
 285 msub > :not(:first-child),
 286 msup > :not(:first-child),
 287 msubsup > :not(:first-child),
 288 mmultiscripts > :not(:first-child) {
 289     -moz-script-level: +1;
 290     -moz-math-display: inline;
 291 }
 292
 293 /*
 294    The munder element [...] always sets displaystyle to "false" within the
 295    underscript, but increments scriptlevel by 1 only when accentunder is
 296    "false". Within base, it always leaves both attributes unchanged.
 297
 298    The mover element [...] always sets displaystyle to "false" within
 299    overscript, but increments scriptlevel by 1 only when accent is "false".
 300    Within base, it always leaves both attributes unchanged.
 301
 302    The munderover [..] always sets displaystyle to "false" within underscript
 303    and overscript, but increments scriptlevel by 1 only when accentunder or
 304    accent, respectively, are "false". Within base, it always leaves both
 305    attributes unchanged.
 306 */
 307 munder > :not(:first-child),
 308 mover > :not(:first-child),
 309 munderover > :not(:first-child) {
 310     -moz-math-display: inline;
 311 }
 312
 313 /*
 314    The displaystyle attribute is allowed on the mtable element to set the
 315    inherited value of the attribute. If the attribute is not present, the
 316    mtable element sets displaystyle to "false" within the table elements.
 317 */
 318 mtable { -moz-math-display: inline; }
 319 mtable[displaystyle="true"] { -moz-math-display: block; }
 320
 321 /*
 322    The mscarries element sets displaystyle to "false", and increments
 323    scriptlevel by 1, so the children are typically displayed in a smaller font.
 324    XXXfredw: This element is not implemented yet. See bug 534967.
 325 mscarries {
 326   -moz-script-level: +1;
 327   -moz-math-display: inline;
 328 }
 329 */
 330
 331 /* "The mphantom element renders invisibly, but with the same size and other
 332    dimensions, including baseline position, that its contents would have if
 333    they were rendered normally.".
 334    Also, we do not expose the <mphantom> element to the accessible tree
 335    (see bug 1108378). */
 336 mphantom {
 337     visibility: hidden;
 338 }