Another tweak to DL layout

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

diff --git a/templates/web/doc/chapter.css b/templates/web/doc/chapter.css
index 0fb173e1cbf6b1a6d36269176bedf2ae1104a8bb..c206e88061fdebe06a158f15265711250c08a8c2 100644 (file)
--- a/templates/web/doc/chapter.css
+++ b/templates/web/doc/chapter.css
@@ -1,21 +1,115 @@
 .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%;
+}
+
+/* Index section styling */
+
+h3.index {
+  padding-top: 10px;
+  border-bottom: medium solid #000;
+  margin-bottom: 10px;
+}
+
+dl dt
+{
+  clear: left;
+  float: left;
+  margin: 0;
+  font-weight: bold;
+  padding-left: 2em;
+  line-height: 1.1;
+}
+
+dl dd
+{
+  margin-left: 4em;
+  padding-top: 0.2em;
+  clear: left;
+  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;
+   }
+ }