Add table of contents to documentation pages

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

diff --git a/templates/web/doc/chapter.css b/templates/web/doc/chapter.css
index 0fb173e1cbf6b1a6d36269176bedf2ae1104a8bb..9c883ef64676173dde3c1be541e6ede81f4bbcb4 100644 (file)
--- a/templates/web/doc/chapter.css
+++ b/templates/web/doc/chapter.css
@@ -19,3 +19,55 @@
 #chapter table td {
        padding-left:                   1em;
 }
+
+// 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;
+               }
+       }