Use `Control_Type' to handle different segment directions.
[ttfautohint.git] / doc / ttfautohint-css.html
blob836c3bd9494e4a8be5ed9488bb241a7cb80f9e7f
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");
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%; }
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; }
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;
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 */
90 /* we want the same appearance of markups within blockquotes */
91 /* as with LaTeX */
92 blockquote {
93 font-style: italic;
95 blockquote em {
96 font-style: normal;
99 code {
100 font-family: "Droid Sans Mono", monospace;
101 white-space: nowrap; }
102 pre code {
103 white-space: pre; }
105 /* no underline for links */
107 text-decoration: none; }
109 /* we want neither superscripts or subscripts */
110 /* consume extra vertical space */
111 sup, sub {
112 line-height: 0.1ex; }
114 /* pandoc uses superscripts for footnote numbers, */
115 /* however, we want a number in brackets */
116 /* (which is easier to select with the mouse) */
117 a.footnoteRef > sup:before {
118 content: "["; }
119 a.footnoteRef > sup:after {
120 content: "]"; }
122 h1 {
123 margin-top: 3.5ex; }
124 h2 {
125 margin-top: 3ex; }
126 h3 {
127 margin-top: 2.5ex; }
128 h4 { }
129 h5 { }
130 h6 { }
131 h1.title {
132 text-align: center; }
133 h2.author {
134 text-align: center; }
135 h3.date {
136 text-align: center; }
137 /* since we have a TOC at a fixed position, */
138 /* links in headers back to the TOC are unnecessary */
139 h1 a,
140 h2 a,
141 h3 a,
142 h4 a,
143 h5 a,
144 h6 a {
145 color: black; }
147 /* figures */
148 div.figure {
149 text-align: center;
150 margin-top: 5ex;
151 margin-bottom: 5ex; }
152 p.caption {
153 font-size: smaller; }
155 /* tables */
156 table {
157 border-collapse: collapse;
158 /* the next two lines center the table horizontally */
159 margin-left: auto;
160 margin-right: auto;
161 margin-top: 5ex;
162 margin-bottom: 5ex; }
163 td {
164 padding-left: 0.8em;
165 padding-right: 0.8em; }
166 thead {
167 /* a horizontal rule between table head and body */
168 border-bottom: solid thin; }
169 th {
170 font-weight: normal;
171 padding-left: 0.8em;
172 padding-right: 0.8em;
173 /* some vertical space before the horizontal rule */
174 padding-bottom: 1ex; }
175 tbody tr:first-child td {
176 /* some vertical space after the horizontal rule */
177 padding-top: 1ex; }
178 caption {
179 font-weight: bold;
180 padding-bottom: 2ex; }
182 /* if we have paragraphs in definition lists, */
183 /* suppress the very first vertical space */
184 dd > p:first-child {
185 margin-top: 0; }
187 /* source-code highlighting */
188 table.sourceCode,
189 tr.sourceCode,
190 td.lineNumbers,
191 td.sourceCode,
192 table.sourceCode pre {
193 margin: 0;
194 padding: 0;
195 border: 0;
196 vertical-align: baseline;
197 border: none; }
198 td.lineNumbers {
199 border-right: 1px solid #AAAAAA;
200 text-align: right;
201 color: #AAAAAA;
202 padding-right: 5px;
203 padding-left: 5px; }
204 td.sourceCode {
205 padding-left: 5px; }
207 pre.sourceCode {
208 margin-left: 2em; }
210 code.sourceCode span.kw {
211 color: #007020;
212 font-weight: bold; }
213 code.sourceCode span.dt {
214 color: #902000; }
215 code.sourceCode span.dv {
216 color: #40a070; }
217 code.sourceCode span.bn {
218 color: #40a070; }
219 code.sourceCode span.fl {
220 color: #40a070; }
221 code.sourceCode span.ch {
222 color: #4070a0; }
223 code.sourceCode span.st {
224 color: #4070a0; }
225 code.sourceCode span.co {
226 color: #60a0b0;
227 font-style: italic; }
228 code.sourceCode span.ot {
229 color: #007020; }
230 code.sourceCode span.al {
231 color: red;
232 font-weight: bold; }
233 code.sourceCode span.fu {
234 color: #06287e; }
235 code.sourceCode span.re { }
236 code.sourceCode span.er {
237 color: red;
238 font-weight: bold; }
239 </style>