From 85c352faf8c87ffc2942f30a81ab7f7a76428a1b Mon Sep 17 00:00:00 2001
From: Werner Lemberg <wl@gnu.org>
Date: Fri, 4 May 2012 09:17:25 +0200
Subject: [PATCH] [doc] Add CSS for HTML output.

---
 doc/Makefile.am          |   6 +--
 doc/ttfautohint-1.pandoc |   2 +-
 doc/ttfautohint.css      | 113 +++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 117 insertions(+), 4 deletions(-)
 create mode 100644 doc/ttfautohint.css

diff --git a/doc/Makefile.am b/doc/Makefile.am
index c9ceebf..ed26f34 100644
--- a/doc/Makefile.am
+++ b/doc/Makefile.am
@@ -23,6 +23,7 @@ endif
 
 if WITH_DOC
   nobase_dist_doc_DATA = $(DOCSRC) \
+                         ttfautohint.css \
                          $(DOCIMAGES) \
                          $(DOCGEN)
 endif
@@ -30,9 +31,8 @@ endif
 ttfautohint-2.pandoc: $(top_srcdir)/lib/ttfautohint.h
 	$(SED) -f $(srcdir)/c2pandoc.sed < $< > $@
 
-# XXX embed CSS data
-ttfautohint.html: $(DOCSRC) $(DOCIMAGES)
-	$(PANDOC) --toc -S -s -o $@ $(DOCSRC)
+ttfautohint.html: $(DOCSRC) $(DOCIMAGES) ttfautohint.css
+	$(PANDOC) --toc -H ttfautohint.css -S -s -o $@ $(DOCSRC)
 
 # XXX write template
 ttfautohint.pdf: $(DOCSRC) $(DOCIMAGES)
diff --git a/doc/ttfautohint-1.pandoc b/doc/ttfautohint-1.pandoc
index a245efc..506671e 100644
--- a/doc/ttfautohint-1.pandoc
+++ b/doc/ttfautohint-1.pandoc
@@ -201,7 +201,7 @@ subglyph 'A' as the base and 'grave' as its accent.  After processing with
 ttfautohint it consists of three subglyphs: '.ttfautohint', 'A', and 'grave'
 (in this order).
 
-  bytecode of    action
+  Bytecode of    Action
   -------------  --------
   .ttfautohint   increase `cvtl_is_subglyph` (now: 1)
   A              do nothing because `cvtl_is_subglyph` > 0
diff --git a/doc/ttfautohint.css b/doc/ttfautohint.css
new file mode 100644
index 0000000..bb39802
--- /dev/null
+++ b/doc/ttfautohint.css
@@ -0,0 +1,113 @@
+<style type="text/css">
+  /* top-level appearance */
+  body {
+    margin-left: 5%;
+    margin-right: 5%;
+    margin-top: 5%;
+    margin-bottom: 5%;
+    text-align: justify;
+    font-size: medium; }
+  code {
+    font-family: monospace; }
+  h1 { }
+  h2 { }
+  h3 { }
+  h4 { }
+  h5 { }
+  h6 { }
+  h1.title {
+   text-align: center; }
+  h2.author {
+   text-align: center; }
+  h3.date {
+   text-align: center; }
+
+  /* figures */
+  div.figure {
+    text-align: center;
+    margin-top: 5ex;
+    margin-bottom: 5ex; }
+  p.caption {
+    font-size: smaller; }
+
+  /* tables */
+  table {
+    border-collapse: collapse;
+    /* the next two lines center the table horizontally */
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 5ex;
+    margin-bottom: 5ex; } 
+  td {
+    padding-left: 0.8em;
+    padding-right: 0.8em; }
+  tbody tr:first-child td {
+    /* some vertical space after the horizontal rule */
+    padding-top: 1ex; }
+  thead {
+    /* a horizontal rule between table head and body */
+    border-bottom: solid thin; }
+  th {
+    padding-left: 0.8em;
+    padding-right: 0.8em;
+    /* some vertical space before the horizontal rule */
+    padding-bottom: 1ex; }
+
+  /* if we have paragraphs in definition lists, */
+  /* suppress the very first vertical space */
+  dd > p:first-child {
+    margin-top: 0; }
+
+  /* source-code highlighting */
+  table.sourceCode,
+  tr.sourceCode,
+  td.lineNumbers,
+  td.sourceCode,
+  table.sourceCode pre {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    vertical-align: baseline;
+    border: none; }
+  td.lineNumbers {
+    border-right: 1px solid #AAAAAA;
+    text-align: right;
+    color: #AAAAAA;
+    padding-right: 5px;
+    padding-left: 5px; }
+  td.sourceCode {
+    padding-left: 5px; }
+
+  pre.sourceCode {
+    margin-left: 2em; }
+
+  code.sourceCode span.kw {
+    color: #007020;
+    font-weight: bold; }
+  code.sourceCode span.dt {
+    color: #902000; }
+  code.sourceCode span.dv {
+    color: #40a070; }
+  code.sourceCode span.bn {
+    color: #40a070; }
+  code.sourceCode span.fl {
+    color: #40a070; }
+  code.sourceCode span.ch {
+    color: #4070a0; }
+  code.sourceCode span.st {
+    color: #4070a0; }
+  code.sourceCode span.co {
+    color: #60a0b0;
+    font-style: italic; }
+  code.sourceCode span.ot {
+    color: #007020; }
+  code.sourceCode span.al {
+    color: red;
+    font-weight: bold; }
+  code.sourceCode span.fu {
+    color: #06287e; }
+  code.sourceCode span.re { }
+  code.sourceCode span.er {
+    color: red;
+    font-weight: bold; }
+</style>
-- 
2.11.4.GIT