333 lines
6.1 KiB
CSS
333 lines
6.1 KiB
CSS
/*
|
|
* math2html: convert LaTeX equations to HTML output.
|
|
*
|
|
* Copyright (C) 2009,2010 Alex Fernández
|
|
* 2021 Günter Milde
|
|
*
|
|
* Released under the terms of the `2-Clause BSD license'_, in short:
|
|
* Copying and distribution of this file, with or without modification,
|
|
* are permitted in any medium without royalty provided the copyright
|
|
* notice and this notice are preserved.
|
|
* This file is offered as-is, without any warranty.
|
|
*
|
|
* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause
|
|
*
|
|
* Based on eLyXer: convert LyX source files to HTML output.
|
|
* http://elyxer.nongnu.org/
|
|
*
|
|
*
|
|
* CSS file for LaTeX formulas.
|
|
*
|
|
* References: http://www.zipcon.net/~swhite/docs/math/math.html
|
|
* http://www.cs.tut.fi/~jkorpela/math/
|
|
*/
|
|
|
|
/* Formulas */
|
|
.formula {
|
|
text-align: center;
|
|
margin: 1.2em 0;
|
|
line-height: 1.4;
|
|
}
|
|
span.formula {
|
|
white-space: nowrap;
|
|
}
|
|
div.formula {
|
|
padding: 0.5ex;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* Basic features */
|
|
a.eqnumber {
|
|
display: inline-block;
|
|
float: right;
|
|
clear: right;
|
|
font-weight: bold;
|
|
}
|
|
span.unknown {
|
|
color: #800000;
|
|
}
|
|
span.ignored, span.arraydef {
|
|
display: none;
|
|
}
|
|
.phantom {
|
|
visibility: hidden;
|
|
}
|
|
.formula i {
|
|
letter-spacing: 0.1ex;
|
|
}
|
|
|
|
/* Alignment */
|
|
.align-left, .align-l {
|
|
text-align: left;
|
|
}
|
|
.align-right, .align-r {
|
|
text-align: right;
|
|
}
|
|
.align-center, .align-c {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Structures */
|
|
span.hspace {
|
|
display: inline-block;
|
|
}
|
|
span.overline, span.bar {
|
|
text-decoration: overline;
|
|
}
|
|
.fraction, .fullfraction, .textfraction {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
span.formula .fraction,
|
|
.textfraction,
|
|
span.smallmatrix {
|
|
font-size: 80%;
|
|
line-height: 1;
|
|
}
|
|
span.numerator {
|
|
display: block;
|
|
line-height: 1;
|
|
}
|
|
span.denominator {
|
|
display: block;
|
|
line-height: 1;
|
|
padding: 0ex;
|
|
border-top: thin solid;
|
|
}
|
|
.formula sub, .formula sup {
|
|
font-size: 80%;
|
|
}
|
|
sup.numerator, sup.unit {
|
|
vertical-align: 80%;
|
|
}
|
|
sub.denominator, sub.unit {
|
|
vertical-align: -20%;
|
|
}
|
|
span.smallsymbol {
|
|
font-size: 75%;
|
|
line-height: 75%;
|
|
}
|
|
span.boldsymbol {
|
|
font-weight: bold;
|
|
}
|
|
span.sqrt {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0.1ex;
|
|
}
|
|
sup.root {
|
|
position: relative;
|
|
left: 1.4ex;
|
|
}
|
|
span.radical {
|
|
display: inline-block;
|
|
padding: 0ex;
|
|
/* font-size: 160%; for DejaVu, not required with STIX */
|
|
line-height: 100%;
|
|
vertical-align: top;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.root {
|
|
display: inline-block;
|
|
border-top: thin solid;
|
|
padding: 0ex;
|
|
vertical-align: middle;
|
|
}
|
|
div.formula .bigoperator,
|
|
.displaystyle .bigoperator,
|
|
.displaystyle .bigoperator {
|
|
line-height: 120%;
|
|
font-size: 140%;
|
|
padding-right: 0.2ex;
|
|
}
|
|
span.fraction .bigoperator,
|
|
span.scriptstyle .bigoperator {
|
|
line-height: inherit;
|
|
font-size: inherit;
|
|
padding-right: 0;
|
|
}
|
|
span.bigdelimiter {
|
|
display: inline-block;
|
|
}
|
|
span.bigdelimiter.size1 {
|
|
transform: scale(1, 1.2);
|
|
line-height: 1.2;
|
|
}
|
|
span.bigdelimiter.size2 {
|
|
transform: scale(1, 1.62);
|
|
line-height: 1.62%;
|
|
|
|
}
|
|
span.bigdelimiter.size3 {
|
|
transform: scale(1, 2.05);
|
|
line-height: 2.05%;
|
|
}
|
|
span.bigdelimiter.size4 {
|
|
transform: scale(1, 2.47);
|
|
line-height: 2.47%;
|
|
}
|
|
/* vertically stacked sub and superscript */
|
|
span.scripts {
|
|
display: inline-table;
|
|
vertical-align: middle;
|
|
padding-right: 0.2ex;
|
|
}
|
|
.script {
|
|
display: table-row;
|
|
text-align: left;
|
|
line-height: 150%;
|
|
}
|
|
span.limits {
|
|
display: inline-table;
|
|
vertical-align: middle;
|
|
}
|
|
.limit {
|
|
display: table-row;
|
|
line-height: 99%;
|
|
}
|
|
sup.limit, sub.limit {
|
|
line-height: 100%;
|
|
}
|
|
span.embellished,
|
|
span.embellished > .base {
|
|
display: inline-block;
|
|
}
|
|
span.embellished > sup,
|
|
span.embellished > sub {
|
|
display: inline-block;
|
|
font-size: 100%;
|
|
position: relative;
|
|
bottom: 0.3em;
|
|
width: 0px;
|
|
}
|
|
span.embellished > sub {
|
|
top: 0.4em;
|
|
}
|
|
|
|
/* Environments */
|
|
span.array, span.bracketcases, span.binomial, span.environment {
|
|
display: inline-table;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
span.arrayrow, span.binomrow {
|
|
display: table-row;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
span.arraycell, span.bracket, span.case, span.binomcell, span.environmentcell {
|
|
display: table-cell;
|
|
padding: 0ex 0.2ex;
|
|
line-height: 1; /* 99%; */
|
|
border: 0ex;
|
|
}
|
|
.environment.align > .arrayrow > .arraycell.align-l {
|
|
padding-right: 2em;
|
|
}
|
|
|
|
/* Inline binomials */
|
|
span.binom {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-size: 80%;
|
|
}
|
|
span.binomstack {
|
|
display: block;
|
|
padding: 0em;
|
|
}
|
|
|
|
/* Over- and underbraces */
|
|
span.overbrace {
|
|
border-top: 2pt solid;
|
|
}
|
|
span.underbrace {
|
|
border-bottom: 2pt solid;
|
|
}
|
|
|
|
/* Stackrel */
|
|
span.stackrel {
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
span.upstackrel {
|
|
display: block;
|
|
padding: 0em;
|
|
font-size: 80%;
|
|
line-height: 64%;
|
|
position: relative;
|
|
top: 0.15em;
|
|
|
|
}
|
|
span.downstackrel {
|
|
display: block;
|
|
vertical-align: bottom;
|
|
padding: 0em;
|
|
}
|
|
|
|
/* Fonts */
|
|
.formula {
|
|
font-family: STIX, "DejaVu Serif", "DejaVu Math TeX Gyre", serif;
|
|
}
|
|
span.radical, /* ensure correct size of square-root sign */
|
|
span.integral { /* upright integral signs for better alignment of indices */
|
|
font-family: "STIXIntegralsUp", STIX;
|
|
/* font-size: 115%; match apparent size with DejaVu */
|
|
}
|
|
span.bracket {
|
|
/* some "STIX" and "DejaVu Math TeX Gyre" bracket pieces don't fit */
|
|
font-family: "DejaVu Serif", serif;
|
|
}
|
|
span.mathsf, span.textsf {
|
|
font-family: sans-serif;
|
|
}
|
|
span.mathrm, span.textrm {
|
|
font-family: STIX, "DejaVu Serif", "DejaVu Math TeX Gyre", serif;
|
|
}
|
|
span.mathtt, span.texttt {
|
|
font-family: monospace;
|
|
}
|
|
span.text, span.textnormal,
|
|
span.mathsf, span.mathtt, span.mathrm {
|
|
font-style: normal;
|
|
}
|
|
span.fraktur {
|
|
font-family: "Lucida Blackletter", eufm10, blackletter;
|
|
}
|
|
span.blackboard {
|
|
font-family: Blackboard, msbm10, serif;
|
|
}
|
|
span.scriptfont {
|
|
font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive;
|
|
font-style: italic;
|
|
}
|
|
span.mathscr {
|
|
font-family: MathJax_Script, rsfs10, cursive;
|
|
font-style: italic;
|
|
}
|
|
span.textsc {
|
|
font-variant: small-caps;
|
|
}
|
|
span.textsl {
|
|
font-style: oblique;
|
|
}
|
|
|
|
/* Colors */
|
|
span.colorbox {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
}
|
|
span.fbox {
|
|
display: inline-block;
|
|
border: thin solid black;
|
|
padding: 2px;
|
|
}
|
|
span.boxed, span.framebox {
|
|
display: inline-block;
|
|
border: thin solid black;
|
|
padding: 5px;
|
|
}
|