doc/ttfautohint-css.html

   1 <style type="text/css">
   2   /* use Droid fonts */
   3   @import url("http://fonts.googleapis.com/css?family=Droid+Serif");
   4   @import url("http://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.footnoteRef > sup:before {
 125     content: "["; }
 126   a.footnoteRef > sup:after {
 127     content: "]"; }
 128
 129   h1 {
 130     margin-top: 3.5ex; }
 131   h2 {
 132     margin-top: 3ex; }
 133   h3 {
 134     margin-top: 2.5ex; }
 135   h4 { }
 136   h5 { }
 137   h6 { }
 138   h1.title {
 139    text-align: center; }
 140   h2.author {
 141    text-align: center; }
 142   h3.date {
 143    text-align: center; }
 144   /* since we have a TOC at a fixed position, */
 145   /* links in headers back to the TOC are unnecessary */
 146   h1 a,
 147   h2 a,
 148   h3 a,
 149   h4 a,
 150   h5 a,
 151   h6 a {
 152     color: black; }
 153
 154   /* figures */
 155   div.figure {
 156     text-align: center;
 157     margin-top: 5ex;
 158     margin-bottom: 5ex; }
 159   p.caption {
 160     font-size: smaller; }
 161
 162   /* tables */
 163   table {
 164     border-collapse: collapse;
 165     /* the next two lines center the table horizontally */
 166     margin-left: auto;
 167     margin-right: auto;
 168     margin-top: 5ex;
 169     margin-bottom: 5ex; }
 170   td {
 171     padding-left: 0.8em;
 172     padding-right: 0.8em; }
 173   thead {
 174     /* a horizontal rule between table head and body */
 175     border-bottom: solid thin; }
 176   th {
 177     font-weight: normal;
 178     padding-left: 0.8em;
 179     padding-right: 0.8em;
 180     /* some vertical space before the horizontal rule */
 181     padding-bottom: 1ex; }
 182   tbody tr:first-child td {
 183     /* some vertical space after the horizontal rule */
 184     padding-top: 1ex; }
 185   caption {
 186     font-weight: bold;
 187     padding-bottom: 2ex; }
 188
 189   /* if we have paragraphs in definition lists, */
 190   /* suppress the very first vertical space */
 191   dd > p:first-child {
 192     margin-top: 0; }
 193
 194   /* source-code highlighting */
 195   table.sourceCode,
 196   tr.sourceCode,
 197   td.lineNumbers,
 198   td.sourceCode,
 199   table.sourceCode pre {
 200     margin: 0;
 201     padding: 0;
 202     border: 0;
 203     vertical-align: baseline;
 204     border: none; }
 205   td.lineNumbers {
 206     border-right: 1px solid #AAAAAA;
 207     text-align: right;
 208     color: #AAAAAA;
 209     padding-right: 5px;
 210     padding-left: 5px; }
 211   td.sourceCode {
 212     padding-left: 5px; }
 213
 214   pre.sourceCode {
 215     margin-left: 2em; }
 216
 217   code.sourceCode span.kw {
 218     color: #007020;
 219     font-weight: bold; }
 220   code.sourceCode span.dt {
 221     color: #902000; }
 222   code.sourceCode span.dv {
 223     color: #40a070; }
 224   code.sourceCode span.bn {
 225     color: #40a070; }
 226   code.sourceCode span.fl {
 227     color: #40a070; }
 228   code.sourceCode span.ch {
 229     color: #4070a0; }
 230   code.sourceCode span.st {
 231     color: #4070a0; }
 232   code.sourceCode span.co {
 233     color: #60a0b0;
 234     font-style: italic; }
 235   code.sourceCode span.ot {
 236     color: #007020; }
 237   code.sourceCode span.al {
 238     color: red;
 239     font-weight: bold; }
 240   code.sourceCode span.fu {
 241     color: #06287e; }
 242   code.sourceCode span.re { }
 243   code.sourceCode span.er {
 244     color: red;
 245     font-weight: bold; }
 246 </style>