doc/ttfautohint-css.html

   1 <style type="text/css">
   2   /* use Droid fonts */
   3   @import url("https://fonts.googleapis.com/css?family=Droid+Serif");
   4   @import url("https://fonts.googleapis.com/css?family=Droid+Sans+Mono");
   5
   6   /* top-level appearance */
   7   body {
   8     width: 100%;
   9     margin: 0;
  10     padding: 0;
  11     border: 0;
  12     text-align: left;
  13     font-size: large;
  14     font-family: "Droid Serif", serif;
  15     line-height: 130%; }
  16
  17   /* table of contents; */
  18   /* width and offsets must be synchronized with col2 below */
  19   #TOC {
  20     position: fixed;
  21     overflow: auto;
  22     height: 100%;
  23     /* use smaller font size for TOC */
  24     font-size: 80%;
  25     line-height: 120%;
  26     left: 0em;
  27     width: 17em; }
  28   /* don't display list markers in TOC */
  29   #TOC ul {
  30     list-style: none; }
  31   #TOC li {
  32     /* reduce indentation of nesting levels */
  33     margin-left: -1.5em;
  34     /* negative indentation for the first line of a TOC entry */
  35     text-indent: -0.5em;
  36     /* leave some vertical space between TOC entries */
  37     margin-bottom: 1ex; }
  38   /* since nested `ul' groups are directly embedded into `li' tags, */
  39   /* handle first element specially to get vertical space here, too */
  40   #TOC ul li:first-child {
  41     margin-top: 1ex; }
  42   /* no link color necessary for TOC entries */
  43   #TOC a {
  44     color: black; }
  45
  46   /* pop-up window for a footnote */
  47   #footnotediv {
  48     background-color: white;
  49     padding: 3px;
  50     padding-left: 12px;
  51     padding-right: 12px;
  52     border: 1px solid #CDBBB5;
  53     box-shadow: #555555 0 0 10px;
  54     -webkit-box-shadow: #555555 0 0 10px;
  55     -moz-box-shadow: 0 0 10px #555555;
  56   }
  57
  58   /* column container */
  59   .colmask {
  60     /* this fixes the IE7 overflow hidden bug */
  61     /* and stops the layout jumping out of place */
  62     position: relative;
  63     clear: both;
  64     float: left;
  65     width: 100%;
  66     /* this chops off any overhanging `div's */
  67     overflow: hidden; }
  68   /* two-column left menu settings (col1 is right, col2 is left) */
  69   .leftmenu {
  70     background: white; }
  71   .leftmenu .colright {
  72     float: left;
  73     width: 200%;
  74     position: relative;
  75     left: 15em; /* pad2_l + wd2 + pad2_r */
  76     background: white; }
  77   .leftmenu .col1wrap {
  78     float: right;
  79     width: 50%;
  80     position: relative;
  81     right: 15em; /* pad2_l + wd2 + pad2_r */
  82     padding-bottom: 1ex; }
  83   .leftmenu .col1 {
  84     margin: 0 1em   /* pad2_r */
  85             0 15em; /* pad2_l + wd2 + pad2_r + pad1_l */
  86     position: relative;
  87     right: 100%;
  88     width: 45em;
  89     max-width: 66%;
  90     /* overflow: hidden; */ }
  91   .leftmenu .col2 {
  92     float: left;
  93     width: 17em; /* wd2 */
  94     position: relative;
  95     right: 14em; } /* wd2 + pad2_r */
  96
  97   /* we want the same appearance of markups within blockquotes */
  98   /* as with LaTeX */
  99   blockquote {
 100     font-style: italic;
 101   }
 102   blockquote em {
 103     font-style: normal;
 104   }
 105
 106   code {
 107     font-family: "Droid Sans Mono", monospace;
 108     white-space: nowrap; }
 109   pre code {
 110     white-space: pre; }
 111
 112   /* no underline for links */
 113   a {
 114     text-decoration: none; }
 115
 116   /* we want neither superscripts or subscripts */
 117   /* consume extra vertical space */
 118   sup, sub {
 119     line-height: 0.1ex; }
 120
 121   /* pandoc uses superscripts for footnote numbers, */
 122   /* however, we want a number in brackets */
 123   /* (which is easier to select with the mouse) */
 124   a.footnote-ref > sup:before {
 125     content: "["; }
 126   a.footnote-ref > sup:after {
 127     content: "]"; }
 128
 129   h1 {
 130     margin-top: 3.5ex;
 131     line-height: 130%; }
 132   h2 {
 133     margin-top: 3ex;
 134     line-height: 130%; }
 135   h3 {
 136     margin-top: 2.5ex;
 137     line-height: 130%; }
 138   h4 { }
 139   h5 { }
 140   h6 { }
 141   h1.title {
 142    text-align: center; }
 143   h2.author {
 144    text-align: center; }
 145   h3.date {
 146    text-align: center; }
 147   /* since we have a TOC at a fixed position, */
 148   /* links in headers back to the TOC are unnecessary */
 149   h1 a,
 150   h2 a,
 151   h3 a,
 152   h4 a,
 153   h5 a,
 154   h6 a {
 155     color: black; }
 156
 157   /* figures */
 158   figure {
 159     text-align: center;
 160     margin-top: 5ex;
 161     margin-bottom: 5ex; }
 162   figcaption {
 163     font-size: smaller; }
 164
 165   /* tables */
 166   table {
 167     border-collapse: collapse;
 168     /* the next two lines center the table horizontally */
 169     margin-left: auto;
 170     margin-right: auto;
 171     margin-top: 5ex;
 172     margin-bottom: 5ex; }
 173   td {
 174     padding-left: 0.8em;
 175     padding-right: 0.8em; }
 176   thead {
 177     /* a horizontal rule between table head and body */
 178     border-bottom: solid thin; }
 179   th {
 180     font-weight: normal;
 181     padding-left: 0.8em;
 182     padding-right: 0.8em;
 183     /* some vertical space before the horizontal rule */
 184     padding-bottom: 1ex; }
 185   tbody tr:first-child td {
 186     /* some vertical space after the horizontal rule */
 187     padding-top: 1ex; }
 188   caption {
 189     font-weight: bold;
 190     padding-bottom: 2ex; }
 191
 192   /* if we have paragraphs in definition lists, */
 193   /* suppress the very first vertical space */
 194   dd > p:first-child {
 195     margin-top: 0; }
 196
 197   /* source-code highlighting */
 198   table.sourceCode,
 199   tr.sourceCode,
 200   td.lineNumbers,
 201   td.sourceCode,
 202   table.sourceCode pre {
 203     margin: 0;
 204     padding: 0;
 205     border: 0;
 206     vertical-align: baseline;
 207     border: none; }
 208   td.lineNumbers {
 209     border-right: 1px solid #AAAAAA;
 210     text-align: right;
 211     color: #AAAAAA;
 212     padding-right: 5px;
 213     padding-left: 5px; }
 214   td.sourceCode {
 215     padding-left: 5px; }
 216
 217   pre.sourceCode {
 218     margin-left: 2em; }
 219
 220   code.sourceCode span.kw {
 221     color: #007020;
 222     font-weight: bold; }
 223   code.sourceCode span.pp {
 224     color: blue; }
 225   code.sourceCode span.dt {
 226     color: #902000; }
 227   code.sourceCode span.dv {
 228     color: #40a070; }
 229   code.sourceCode span.bn {
 230     color: #40a070; }
 231   code.sourceCode span.fl {
 232     color: #40a070; }
 233   code.sourceCode span.ch {
 234     color: #4070a0; }
 235   code.sourceCode span.st {
 236     color: #4070a0; }
 237   code.sourceCode span.co {
 238     color: #60a0b0;
 239     font-style: italic; }
 240   code.sourceCode span.ot {
 241     color: #007020; }
 242   code.sourceCode span.al {
 243     color: red;
 244     font-weight: bold; }
 245   code.sourceCode span.fu {
 246     color: #06287e; }
 247   code.sourceCode span.re { }
 248   code.sourceCode span.er {
 249     color: red;
 250     font-weight: bold; }
 251 </style>