added style for page controlrel_0_3_2

1 files changed, 120 insertions, 76 deletions

diff --git a/doc/docs.css b/doc/docs.css
index 753612557..087d0adba 100644
--- 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;
+}