Additional index styling

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

diff --git a/templates/web/doc/chapter.css b/templates/web/doc/chapter.css
index b3799689a1bcb70e82715fee22a76b76c7775999..4b88550c194fe39a85193006adb9848fe136992c 100644 (file)
--- a/templates/web/doc/chapter.css
+++ b/templates/web/doc/chapter.css
@@ -29,55 +29,86 @@ td .docbook_option, td .docbook_emphasis {
   font-size: 125%;
 }
 
+/* Index section styling */
 
-// 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;
-    }
-  }
+h3.index {
+  padding-top: 10px;
+  border-bottom: medium solid #000;
+  margin-bottom: 10px;
+}
+
+dl dt
+{
+  clear: left;
+  float: left;
+  width: 220px;
+  margin: 0;
+  font-weight: bold;
+  padding-left: 2em;
+  line-height: 1.1;
+}
+
+dl dd
+{
+  margin-left: 230px;
+  line-height: 1.1;
+  white-space: normal;
+}
+
+dl dd dl
+{
+  margin-left: -180px;
+}
+
+
+/* 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;
+   }
+ }