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