Update CSS a bit

1 files changed, 95 insertions, 46 deletions

diff --git a/local.css b/local.css
index ef08fc3..7da0e80 100644
--- a/local.css
+++ b/local.css
@@ -1,29 +1,30 @@
 body {
 	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
 	font-size: medium;
+	background-color: #AAAAAA;
 }
 
 h1, h2, h3, h4 {
-  font-weight: bold;
-  margin-bottom: -10px;
-  margin-top: +20px;
+	font-weight: bold;
+	margin-bottom: -10px;
+	margin-top: +20px;
 }
 
-h1 { font-size: 140%; }
-h2 { font-size: 120%; }
-h3 { font-size: 110%; }
-h4 { font-size: 105% }
+h1 { font-size: 140%; color: #a0a0a0}
+h2 { font-size: 120%; color: #a0a0a0}
+h3 { font-size: 110%; color: #a0a0a0}
+h4 { font-size: 105%; color: #a0a0a0}
 
-.header {
-	color: black;
-	border: thin solid black;
-	padding: 3px;
-	background:#ADD8E6
-}
+span.title { color:#182C41; }
 
 .toc {
 	float: right;
 	border:thin solid #aaaaaa;
+	-moz-box-shadow: 0px 0px 8px #aaaaaa;
+	-webkit-box-shadow: 0px 0px 8px #aaaaaa;
+	box-shadow: 0px 0px 8px #aaaaaa;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
 }
 
 .toc ol {
@@ -32,67 +33,115 @@ h4 { font-size: 105% }
 	padding-right: 0.5em;
 }
 
-a:visited {
-	color: #A9A9A9 !important;
-	text-decoration: underline !important;
+a {
+	color: #182C41 !important;
+	text-decoration: none;
+	font-weight: normal;
 }
 
-a:link {
-	color: black !important;
-	text-decoration: underline !important;
+a:hover {
+	text-decoration: underline;
 }
 
-.parentlinks a {
-	color: black !important;
-	text-decoration: none !important;
+#content a {
+	font-weight: bold;
 }
 
-.parentlinks a:visited:hover {
-	color: black !important;
-	text-decoration: underline !important;
+#content .toc a {
+	font-weight: normal !important;
 }
 
 #searchform div:before {
-  font-size: small;
-  vertical-align: top;
-  content: "search:";
+	font-size: small;
+	vertical-align: top;
+	color:#182C41;
+	content: "search:";
 }
 
 #searchform input {
-  border-top: none;
-  border-bottom: none;
-  vertical-align: bottom;
-  margin-right: 7px;
+	border-top: none;
+	border-bottom: none;
+	vertical-align: bottom;
+	margin-right: 7px;
 }
 
 input {
-  border: solid 1px;
-  border-color: #aaa;
+	border: solid 1px;
+	border-color: #aaa;
 }
 
+div.pageheader {
+	margin-top: 1em;
+}
+
+/* the upper part of the header */
+.pageheader .header {
+	color: black;
+	background:#ADD8E6;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	-moz-border-radius-topleft: 10px;
+	border-top-left-radius: 10px;
+	-moz-border-radius-topright: 10px;
+	border-top-right-radius: 10px;
+	-moz-box-shadow: 0px 0px 8px #000;
+	-webkit-box-shadow: 0px 0px 8px #000;
+	box-shadow: 0px 0px 8px #000;
+}
+
+/* the lower part of the header */
 .pageheader .actions ul {
-	border-left: 1px solid #000;
-	border-right: 1px solid #000;
-	border-bottom: 1px solid #000;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-bottom: 0.5em;
   	font-size: small;
+	background-color: white;
+	-moz-border-radius-bottomleft: 10px;
+	border-bottom-left-radius: 10px;
+	-moz-border-radius-bottomright: 10px;
+	border-bottom-right-radius: 10px;
+	-moz-box-shadow: 0px 0px 8px #000;
+	-webkit-box-shadow: 0px 0px 8px #000;
+	box-shadow: 0px 0px 8px #000;
 }
 
-
 #content {
 	padding-left: 1em;
 	padding-right: 1em;
+	padding-top: 0.25em;
+	padding-bottom: 0.25em;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	background-color: white;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	-moz-box-shadow: 0px 0px 8px #000;
+	-webkit-box-shadow: 0px 0px 8px #000;
+	box-shadow: 0px 0px 8px #000;
+}
+
+#pageinfo {
+	padding-left: 1em;
+	padding-right: 1em;
+	padding-top: 0.5em;
+	padding-bottom: 0.5em;
+	background-color: white;
+	border-top: thin none black;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	font-size: small;
+	background-color: white;
+	-moz-box-shadow: 0px 0px 8px #000;
+	-webkit-box-shadow: 0px 0px 8px #000;
+	box-shadow: 0px 0px 8px #000;
 }
 
-.pagefooter {
-  font-size: small;
-}
-
-#backlinks {
-  padding: 0.5em;
-  border: 1px solid #000;
+div#backlinks {
+	margin-top: 0em;
 }
 
 .floatright {
 	float: right;
 }
-