stylesheets, and better ReST conformance

- layout with two columns and fixed footer
- imported docutils official stylesheet
- changed the XSLT code to produce XHTML more in line with rst2html.py

2 files changed, 115 insertions, 13 deletions

diff --git a/additions/content.css b/additions/content.css
index 321a2d8..47b7742 100644
--- a/additions/content.css
+++ b/additions/content.css
@@ -1 +1,8 @@
-div.literal-block { white-space: pre }
+div.footnote {
+  border-left: solid 1px black;
+  margin-left: 1px;
+}
+
+div.caption {
+  font-style: italic;
+}
diff --git a/additions/layout.css b/additions/layout.css
index b25faf7..4ae46d7 100644
--- a/additions/layout.css
+++ b/additions/layout.css
@@ -1,22 +1,117 @@
-body { font: normal 100% Times, Times New Roman, serif; }
+div {
+    border: thin solid green;
+}
 
-h1 { font-family: Georgia, serif; font-size: 2em; margin: 0.5em; }
-#title { max-width: 60em; margin: 0.2em auto;}
+/* sticky footer */
 
-div { border: thin solid green; margin: 0.3em }
+div {
+    margin: 0;
+    padding: 0;
+}
 
-span.title { font-size: 0.3em; display: block; float: right}
+body {
+    font: normal 100%/1.375 Times, Times New Roman, serif;
+}
+
+html, body {
+    height: 100%;
+}
+
+#wrapper {
+    min-height: 100%;
+    margin: 0 auto -4em auto;
+}
+
+#push {
+    height: 4em;
+}
+
+#push {
+    clear: both;
+}
+
+#footer {
+    margin: 0 auto;
+    height: 4em;
+    max-width: 58em;
+}
+
+#wrapper {
+    max-width: 60em; /* leave "air" at the sides */
+}
+
+/* columns */
+
+#main-col {
+    float: left;
+    width: 70%;
+}
+
+#sidebar {
+    float: right;
+    width: 25%;
+}
+
+/* title */
+
+#title {
+    max-width: 60em;
+    margin: 0.2em auto;
+}
+
+h1 {
+    font-family: Georgia, serif;
+    font-size: 2em;
+    line-height: 1.15;
+    margin: 0.5em;
+}
+
+/* top boxes */
+
+#tags, #alt-langs {
+    position: relative;
+    text-align: center;
+    width: 70%;
+    min-height: 1.5em;
+    margin: 0 auto;
+}
+
+#tags ul, #tags li {
+    display: inline;
+    margin: 0.3em;
+    padding: 0;
+    border: none;
+    list-style: none
+}
 
-#tags { position: relative; text-align: center; max-width: 40em; float: left; }
-#tags ul, #tags li { display: inline; margin: 0.3em; padding: 0; border: none; list-style: none }
 #tags li:before { content: '-' }
 #tags li:after { content: '-' }
 
-#nav-links { position: relative; max-width: 15em; float: right; margin: 0 0 0.5em 0.5em; }
-#nav-links dt, #nav-links dd { display: inline }
+/* main content */
 
-#content { clear: left; max-width: 60em; margin: 2em auto 0 auto; }
+#content {
+    width: 100%;
+    line-height: 1.35;
+}
+
+#dates {
+    position: relative;
+    width: 80%;
+    margin: 0 auto;
+}
+
+/* sidebar */
+
+#nav-links, #nav-tags {
+    position: relative;
+}
+
+#nav-links dt, #nav-links dd { display: inline }
 
-#dates { position: relative; max-width: 60em; margin: 0 auto; }
+/* boxes, misc */
 
-#nav-tags { position: absolute; max-width: 15em; right: 0; top :0; }
+span.title {
+    font-size: 0.3em;
+    display: block;
+    float: right
+}