Restyle top bar and command/options entries

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

diff --git a/templates/web/doc/chapter.css b/templates/web/doc/chapter.css
index 9c883ef64676173dde3c1be541e6ede81f4bbcb4..b3799689a1bcb70e82715fee22a76b76c7775999 100644 (file)
--- a/templates/web/doc/chapter.css
+++ b/templates/web/doc/chapter.css
@@ -1,73 +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 {
+    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 {
+    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 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;
-       }
+  #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;
-               }
-       }
+  @media all and ( max-width: 640px ){
+    #outer > #toc {
+      display:    none;
+    }
+  }