added style for page control

diff --git a/doc/docs.css b/doc/docs.css
index 753612557e43db21c89b688f2757105b30b2e1a9..087d0adba1303b4e78efd95bfee24ae284752994 100644 (file)
--- a/doc/docs.css
+++ b/doc/docs.css
@@ -7,8 +7,8 @@
 }
 
 .sidebar {
-       background-color: #EEEEFB;
-       border: 1px solid;
+       background-color: #fbfbee;
+       border: solid 1px #ccc;
        padding: 5px 5px 5px 5px;
        margin: 0px 5px 5px 0px;
        width:120px;
@@ -20,8 +20,8 @@
 }
 
 .sectionnav {
-       background-color: #EEEEFB;
-       border: 1px solid;
+       background-color: #fbfbee;
+       border: solid 1px #ccc;
        padding: 10px 10px 10px 10px; 
        margin: 35px 0px 15px 5px;
        float:right;
@@ -29,19 +29,23 @@
 
 
 .topnav {
-       background-color: #EEEEFB;
-       border: 1px solid;
+       background-color: #fbfbee;
+       border: solid 1px #ccc;
        padding:10px 10px 0px 10px;
        margin:0px 0px 10px 0px;
 }
 
 .tipbox {
-       background-color: #EEEEFB;
+       background-color: #fbfbee;
        border:1px solid;
        padding:10px;
        margin: 5px;
 }
 
+.multipage {
+       float:right;
+}
+
 /* optional margin to add to topnav */
 .topnavmargin {
        margin:10px;
@@ -61,8 +65,7 @@
 }
 
 .topnavheader {
-       font-weight: bold;
-       font-size: 16px;
+    font: normal 20px/24px arial,helvetica,sans-serif;
        margin: 0px 0px 0px 0px;
        padding:0px 0px 15px 0px;
 }
@@ -76,73 +79,75 @@
 }
 
 .code {
-       font-family:courier, serif;
+       font-family: courier, "courier new", serif;
        font-size:12px;
-       background-color: #E2E2EB;
+       background-color: #f0f0f0;      
        padding:2px 2px 2px 10px;
        margin: 5px 5px 5px 5px;
 }
 
+.sliding_code {
+       font-family: courier, "courier new", serif;
+       font-size:12px;
+       background-color: #f0f0f0;      
+       padding:2px 2px 2px 10px;
+       margin: 5px 5px 5px 5px;
+       overflow:auto;
+}
+
 .codetitle {
        font-family: verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration:underline;
-       padding:5px 5px 5px 0px;
-}
-
-code {
-       font-family:courier, serif;
-       font-size:12px;
+       padding:5px;
 }
 
-pre {
-    /*overflow:auto;*/
-}
 .codeline {
-       font-family:courier, serif;
-       font-size:12px;
+       font-family: courier, "courier new", serif;
+       font-size:1.1em;
+    color: #960;
 }
 
 
 .content {
-       border: 1px solid;
+       border: solid 1px #ccc;
        padding: 0px 10px 20px 0px;
 }
 
 .sectioncontent {
-       border: 1px solid;
+       border: solid 1px #fff;
        padding: 0px 10px 20px 0px;
+    line-height: 1.5em;
 }
 
 .onepagecontent {
-       border: 1px solid;
+       border: solid 1px #ccc;
        margin: 0px 0px 0px 0px;
 }
 
 h1, .docheadertext {
-       font-size: 16px;
-       font-weight: bold;
-       padding: 0px;
-       margin: 0px;
+    font: normal 20px/22px arial,helvetica,sans-serif;
+    color: #222;
+    padding:0px;
+   margin:0px;   
 }
 
 h2 {
-    font-size: 16px;
-    font-weight: bold;
-    display: inline;
-    padding: 0px;
-    margin: 0px;
-}
-
-h3, .sectionheadertext {
-       font-weight: bold;
-       font-size: 16px;
-       display: inline;
+    font-size:16px;
+    font-weight:bold;
+    display:inline;
+    padding:0px;
+    margin:0px;
 }
 
 .docheader {
        margin: 0px 0px 10px 0px;
+    line-height: 1.2em;
+}
+
+.docheaderversion {
+       margin: 0.8em 0;
 }
 
 .subsection {
@@ -155,6 +160,11 @@ h3, .sectionheadertext {
        padding: 20px 0px 0px 0px;
 }
 
+h3, .sectionheadertext {
+    font-family: arial, sans-serif;
+       font-weight: bold;
+       font-size: 16px;
+}
 
 .sectiontext {
        font-size: 12px;
@@ -162,32 +172,55 @@ h3, .sectionheadertext {
 }
 
 .maintoc {
-       background-color: #EEEEFB;
-       border: 1px solid;
+       /*background-color: #fbfbee;*/
+    background-color: #fbfbee; 
+       border: solid 1px #ccc;
        padding: 10px 10px 10px 10px; 
        margin: 0px 0px 10px 0px;
 }
 
+.toclinkcontainer {
+       padding:0px 0px 0px 8px;
+       /*border:1px solid;*/
+}
+
+.tocsection {
+       padding:2px 2px 2px 8px;
+}
+
 .toc_list {
-    padding:0px;
-       margin: 0px;
-    }
+   padding:0px;
+   margin:0px;
+}
+
 .toc_list li {
-       font-size: 12px;
-       list-style-type: none;
-    padding:0px 0px 3px 8px;
-       margin: 0px;
+   font-size:12px;
+   list-style-type:none;
+   padding:0px 0px 3px 8px;
+   margin:0px;
 }
+
 .small_toc_list {
-    padding: 0px 0px 0px 8px;
+   padding:0px 0px 0px 8px;
 }
+
 .small_toc_list li {
-       font-size: 11px;
-       list-style-type: none;
+   font-size: 11px;
+  list-style-type:none;
 }
+
+
+
 .toclink {
+    font-weight: bold;
        font-size: 12px;
        padding:0px 0px 3px 8px;
+       /*border:1px solid;*/
+}
+
+.smalltoclink {
+       font-size: 11px;
+       padding:0px 0px 3px 0px;
 }
 
 .docstring {
@@ -197,49 +230,60 @@ h3, .sectionheadertext {
 }
 
 .darkcell {
+    font-family: courier, "courier new", serif;
        margin:0px 0px 10px 0px;
        padding:4px 4px 4px 4px;
-       background-color: #D2D2D2;
+       background-color: #f0f0f0;      
+       border: solid 1px #ccc;
 }
 
 .code {
-       font-family:courier, serif;
-       font-size:12px;
-       background-color: #E2E2EB;
-       padding:2px 2px 2px 10px;
-       margin: 5px 5px 5px 5px;
-       line-height:1.2em;
-}
-
-.sliding_code {
-       font-family:courier, serif;
-       font-size:12px;
-       background-color: #E2E2EB;
+       font-family: courier, "courier new", serif;
+       background-color: #f0f0f0;      
+       border: solid 1px #ccc;
        padding:2px 2px 2px 10px;
        margin: 5px 5px 5px 5px;
        line-height:1.2em;
-       overflow:auto;
 }
 
-.codepop {
-       font-weight:bold;
-       font-family: verdana, sans-serif;
-       font-size:12px;
-       color:#000000;
-       border:1px solid;
+.codepop
+{
+       font-family: courier, "courier new", serif;
+       color:#000;
+       background-color: #fbfbee;
+       border: 1px solid #d9d9d9;
+       border-right: 1px solid #999;
+       border-bottom: 1px solid #999;          
        padding:10px;
        width:95%;
        /*margin:5px 10px 5px 0px;*/
        /*clear:right;*/
 }
 
-.codepoplink {
-       font-weight:bold;
-       font-family: verdana, sans-serif;
+
+.codepoplink,
+#docs a.codepoplink
+{
+       font-weight:normal;
+       font-family: arial, sans-serif;
+    text-transform: uppercase;
        font-size:11px;
-       color:#000000;
+       color:#666;
        border:1px solid;
        padding:1px 2px 1px 2px;
        margin:0px 10px 0px 15px;
        float:right;
 }
+#docs a.codepoplink {
+    text-decoration: none;
+}
+#docs a.codepoplink:hover {
+    text-decoration: none;
+       color:#fff;
+       border:1px solid #900;    
+    background-color: #900;
+}
+
+.popup {
+       margin:10px;
+}