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   /* column container */
  40   .colmask {
  41     /* this fixes the IE7 overflow hidden bug */
  42     /* and stops the layout jumping out of place */
  43     position: relative;
  44     clear: both;
  45     float: left;
  46     width: 100%;
  47     /* this chops off any overhanging `div's */
  48     overflow: hidden; }
  49   /* two-column left menu settings (col1 is right, col2 is left) */
  50   .leftmenu {
  51     background: white; }
  52   .leftmenu .colright {
  53     float: left;
  54     width: 200%;
  55     position: relative;
  56     left: 15em; /* pad2_l + wd2 + pad2_r */
  57     background: white; }
  58   .leftmenu .col1wrap {
  59     float: right;
  60     width: 50%;
  61     position: relative;
  62     right: 15em; /* pad2_l + wd2 + pad2_r */
  63     padding-bottom: 1em; }
  64   .leftmenu .col1 {
  65     margin: 0 1em   /* pad2_r */
  66             0 15em; /* pad2_l + wd2 + pad2_r + pad1_l */
  67     position: relative;
  68     right: 100%;
  69     width: 45em;
  70     max-width: 66%;
  71     /* overflow: hidden; */ }
  72   .leftmenu .col2 {
  73     float: left;
  74     width: 13em; /* wd2 */
  75     position: relative;
  76     right: 14em; } /* wd2 + pad2_r */
  77
  78   blockquote {
  79     font-style: italic;
  80   }
  81
  82   code {
  83     font-family: "Droid Sans Mono", monospace; }
  84   /* no underline for links */
  85   a {
  86     text-decoration: none; }
  87
  88   h1 {
  89     margin-top: 3.5ex; }
  90   h2 {
  91     margin-top: 3ex; }
  92   h3 {
  93     margin-top: 2.5ex; }
  94   h4 { }
  95   h5 { }
  96   h6 { }
  97   h1.title {
  98    text-align: center; }
  99   h2.author {
 100    text-align: center; }
 101   h3.date {
 102    text-align: center; }
 103   /* since we have a TOC at a fixed position, */
 104   /* links in headers back to the TOC are unnecessary */
 105   h1 a,
 106   h2 a,
 107   h3 a,
 108   h4 a,
 109   h5 a,
 110   h6 a {
 111     color: black; }
 112
 113   /* figures */
 114   div.figure {
 115     text-align: center;
 116     margin-top: 5ex;
 117     margin-bottom: 5ex; }
 118   p.caption {
 119     font-size: smaller; }
 120
 121   /* tables */
 122   table {
 123     border-collapse: collapse;
 124     /* the next two lines center the table horizontally */
 125     margin-left: auto;
 126     margin-right: auto;
 127     margin-top: 5ex;
 128     margin-bottom: 5ex; }
 129   td {
 130     padding-left: 0.8em;
 131     padding-right: 0.8em; }
 132   thead {
 133     /* a horizontal rule between table head and body */
 134     border-bottom: solid thin; }
 135   th {
 136     padding-left: 0.8em;
 137     padding-right: 0.8em;
 138     /* some vertical space before the horizontal rule */
 139     padding-bottom: 1ex; }
 140   tbody tr:first-child td {
 141     /* some vertical space after the horizontal rule */
 142     padding-top: 1ex; }
 143
 144   /* if we have paragraphs in definition lists, */
 145   /* suppress the very first vertical space */
 146   dd > p:first-child {
 147     margin-top: 0; }
 148
 149   /* source-code highlighting */
 150   table.sourceCode,
 151   tr.sourceCode,
 152   td.lineNumbers,
 153   td.sourceCode,
 154   table.sourceCode pre {
 155     margin: 0;
 156     padding: 0;
 157     border: 0;
 158     vertical-align: baseline;
 159     border: none; }
 160   td.lineNumbers {
 161     border-right: 1px solid #AAAAAA;
 162     text-align: right;
 163     color: #AAAAAA;
 164     padding-right: 5px;
 165     padding-left: 5px; }
 166   td.sourceCode {
 167     padding-left: 5px; }
 168
 169   pre.sourceCode {
 170     margin-left: 2em; }
 171
 172   code.sourceCode span.kw {
 173     color: #007020;
 174     font-weight: bold; }
 175   code.sourceCode span.dt {
 176     color: #902000; }
 177   code.sourceCode span.dv {
 178     color: #40a070; }
 179   code.sourceCode span.bn {
 180     color: #40a070; }
 181   code.sourceCode span.fl {
 182     color: #40a070; }
 183   code.sourceCode span.ch {
 184     color: #4070a0; }
 185   code.sourceCode span.st {
 186     color: #4070a0; }
 187   code.sourceCode span.co {
 188     color: #60a0b0;
 189     font-style: italic; }
 190   code.sourceCode span.ot {
 191     color: #007020; }
 192   code.sourceCode span.al {
 193     color: red;
 194     font-weight: bold; }
 195   code.sourceCode span.fu {
 196     color: #06287e; }
 197   code.sourceCode span.re { }
 198   code.sourceCode span.er {
 199     color: red;
 200     font-weight: bold; }
 201 </style>