Initial attempt at index generation

[exim-website.git] / templates / web / doc / chapter.css

diff --git a/templates/web/doc/chapter.css b/templates/web/doc/chapter.css
index 0fb173e1cbf6b1a6d36269176bedf2ae1104a8bb..b3799689a1bcb70e82715fee22a76b76c7775999 100644 (file)
--- a/templates/web/doc/chapter.css
+++ b/templates/web/doc/chapter.css
@@ -1,21 +1,83 @@
 .previous_page, .next_page {
-       font-size:                      1.2em;
+  font-size:      1.2em;
 }
 
 .previous_page {
-       float:                          left;
-       clear:                          left;
+  float:        left;
+  clear:        left;
 }
 
 .next_page {
-       float:                          right;
-       clear:                          right;
+  float:        right;
+  clear:        right;
 }
 
 #chapter table {
-       margin-bottom:                  1em;
+  margin-top:       1em;
+  margin-bottom:    1em;
 }
 
 #chapter table td {
-       padding-left:                   1em;
+  padding-left:     1em;
+  padding-right:    1em;
+  background-color: #eaeaea;
+  border: thin solid white;
+  font-size: 80%;
 }
+
+td .docbook_option, td .docbook_emphasis {
+  font-size: 125%;
+}
+
+
+// Side Table of Contents
+
+  #outer > #toc {
+    position:     fixed;
+    top:        35%;
+    left:       0;
+    z-index:      3000;
+  }
+
+  #outer > #toc img {
+    position:     fixed;
+    top:        35%;
+    left:       0;
+    background-color:   #304b66;
+    padding:      0.5em;
+    z-index:      3000;
+    display:      none;
+  }
+
+  #outer > #toc img:hover {
+    cursor:       pointer;
+    background-color:   #000;
+  }
+
+  #outer > #toc > ul {
+    position:     fixed;
+    top:        30%;
+    background-color:   #fff;
+    min-height:     200px;
+    max-height:     65%;
+    overflow-y:     auto;
+    padding:      0.5em 0;
+    border-top:     1px solid #bbb;
+    border-bottom:      1px solid #bbb;
+    z-index:      3000;
+  }
+  #outer > #toc a {
+    font-size:      1.2em;
+    color:        #304b67;
+    text-decoration:    none;
+    padding:      0 0.5em;
+  }
+  #outer > #toc a:hover {
+    color:        #000;
+  }
+
+  @media all and ( max-width: 640px ){
+    #outer > #toc {
+      display:    none;
+    }
+  }