docutils/docutils/writers/html4css1/math.css

   1 /*
   2 *   math2html: convert LaTeX equations to HTML output.
   3 *
   4 *   Copyright (C) 2009,2010 Alex Fernández
   5 *
   6 *   Released under the terms of the `2-Clause BSD license'_, in short:
   7 *   Copying and distribution of this file, with or without modification,
   8 *   are permitted in any medium without royalty provided the copyright
   9 *   notice and this notice are preserved.
  10 *   This file is offered as-is, without any warranty.
  11 *
  12 * .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause
  13 *
  14 *   Based on eLyXer: convert LyX source files to HTML output.
  15 *   http://elyxer.nongnu.org/
  16 */
  17 /* --end--
  18 * CSS file for LaTeX formulas.
  19 */
  20
  21 /* Formulas */
  22 .formula {
  23         text-align: center;
  24         font-family: "Droid Serif", "DejaVu Serif", "STIX", serif;
  25         margin: 1.2em 0;
  26 }
  27 span.formula {
  28         white-space: nowrap;
  29 }
  30 div.formula {
  31         padding: 0.5ex;
  32         margin-left: auto;
  33         margin-right: auto;
  34 }
  35
  36 /* Basic features */
  37 a.eqnumber {
  38         display: inline-block;
  39         float: right;
  40         clear: right;
  41         font-weight: bold;
  42 }
  43 span.unknown {
  44         color: #800000;
  45 }
  46 span.ignored, span.arraydef {
  47         display: none;
  48 }
  49 .formula i {
  50         letter-spacing: 0.1ex;
  51 }
  52
  53 /* Alignment */
  54 .align-left, .align-l {
  55         text-align: left;
  56 }
  57 .align-right, .align-r {
  58         text-align: right;
  59 }
  60 .align-center, .align-c {
  61         text-align: center;
  62 }
  63
  64 /* Structures */
  65 span.overline, span.bar {
  66         text-decoration: overline;
  67 }
  68 .fraction, .fullfraction {
  69         display: inline-block;
  70         vertical-align: middle;
  71         text-align: center;
  72 }
  73 .fraction .fraction {
  74         font-size: 80%;
  75         line-height: 100%;
  76 }
  77 span.numerator {
  78         display: block;
  79 }
  80 span.denominator {
  81         display: block;
  82         padding: 0ex;
  83         border-top: thin solid;
  84 }
  85 sup.numerator, sup.unit {
  86         font-size: 70%;
  87         vertical-align: 80%;
  88 }
  89 sub.denominator, sub.unit {
  90         font-size: 70%;
  91         vertical-align: -20%;
  92 }
  93 span.sqrt {
  94         display: inline-block;
  95         vertical-align: middle;
  96         padding: 0.1ex;
  97 }
  98 sup.root {
  99         font-size: 70%;
 100         position: relative;
 101         left: 1.4ex;
 102 }
 103 span.radical {
 104         display: inline-block;
 105         padding: 0ex;
 106         font-size: 150%;
 107         vertical-align: top;
 108 }
 109 span.root {
 110         display: inline-block;
 111         border-top: thin solid;
 112         padding: 0ex;
 113         vertical-align: middle;
 114 }
 115 span.symbol {
 116         line-height: 125%;
 117         font-size: 125%;
 118 }
 119 span.bigsymbol {
 120         line-height: 150%;
 121         font-size: 150%;
 122 }
 123 span.largesymbol {
 124         font-size: 175%;
 125 }
 126 span.hugesymbol {
 127         font-size: 200%;
 128 }
 129 span.scripts {
 130         display: inline-table;
 131         vertical-align: middle;
 132 }
 133 .script {
 134         display: table-row;
 135         text-align: left;
 136         line-height: 150%;
 137 }
 138 span.limits {
 139         display: inline-table;
 140         vertical-align: middle;
 141 }
 142 .limit {
 143         display: table-row;
 144         line-height: 99%;
 145 }
 146 sup.limit, sub.limit {
 147         line-height: 100%;
 148 }
 149 span.symbolover {
 150         display: inline-block;
 151         text-align: center;
 152         position: relative;
 153         float: right;
 154         right: 100%;
 155         bottom: 0.5em;
 156         width: 0px;
 157 }
 158 span.withsymbol {
 159         display: inline-block;
 160 }
 161 span.symbolunder {
 162         display: inline-block;
 163         text-align: center;
 164         position: relative;
 165         float: right;
 166         right: 80%;
 167         top: 0.3em;
 168         width: 0px;
 169 }
 170
 171 /* Environments */
 172 span.array, span.bracketcases, span.binomial, span.environment {
 173         display: inline-table;
 174         text-align: center;
 175         border-collapse: collapse;
 176         margin: 0em;
 177         vertical-align: middle;
 178 }
 179 span.arrayrow, span.binomrow {
 180         display: table-row;
 181         padding: 0ex;
 182         border: 0ex;
 183 }
 184 span.arraycell, span.bracket, span.case, span.binomcell, span.environmentcell {
 185         display: table-cell;
 186         padding: 0ex 0.2ex;
 187         line-height: 99%;
 188         border: 0ex;
 189 }
 190 /*
 191 * CSS file for LaTeX formulas, extra stuff:
 192 * binomials, vertical braces, stackrel, fonts and colors.
 193 */
 194
 195 /* Inline binomials */
 196 span.binom {
 197         display: inline-block;
 198         vertical-align: middle;
 199         text-align: center;
 200         font-size: 80%;
 201 }
 202 span.binomstack {
 203         display: block;
 204         padding: 0em;
 205 }
 206
 207 /* Over- and underbraces */
 208 span.overbrace {
 209         border-top: 2pt solid;
 210 }
 211 span.underbrace {
 212         border-bottom: 2pt solid;
 213 }
 214
 215 /* Stackrel */
 216 span.stackrel {
 217         display: inline-block;
 218         text-align: center;
 219 }
 220 span.upstackrel {
 221         display: block;
 222         padding: 0em;
 223         font-size: 80%;
 224         line-height: 64%;
 225         position: relative;
 226         top: 0.15em;
 227
 228 }
 229 span.downstackrel {
 230         display: block;
 231         vertical-align: bottom;
 232         padding: 0em;
 233 }
 234
 235 /* Fonts */
 236 span.mathsf, span.textsf {
 237         font-style: normal;
 238         font-family: sans-serif;
 239 }
 240 span.mathrm, span.textrm {
 241         font-style: normal;
 242         font-family: serif;
 243 }
 244 span.text, span.textnormal {
 245         font-style: normal;
 246 }
 247 span.textipa {
 248         color: #008080;
 249 }
 250 span.fraktur {
 251         font-family: "Lucida Blackletter", eufm10, blackletter;
 252 }
 253 span.blackboard {
 254         font-family: Blackboard, msbm10, serif;
 255 }
 256 span.scriptfont {
 257         font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
 258         font-style: italic;
 259 }
 260
 261 /* Colors */
 262 span.colorbox {
 263         display: inline-block;
 264         padding: 5px;
 265 }
 266 span.fbox {
 267         display: inline-block;
 268         border: thin solid black;
 269         padding: 2px;
 270 }
 271 span.boxed, span.framebox {
 272         display: inline-block;
 273         border: thin solid black;
 274         padding: 5px;
 275 }
 276