Test new sidebar css

[frsh-forb-www.git] / local.css

diff --git a/local.css b/local.css
index 0783274f9c894fab79f3441805e2efc300993891..99947bbb2129a4089f3a778de71cbfd80aecd2fb 100644 (file)
--- a/local.css
+++ b/local.css
@@ -30,16 +30,16 @@ body {
   padding:0;
 }
 
+#sidebar, .pageheader {
+  margin: 0px;
+  padding: 0px;
+  background-color: #568dc1;
+  color: white;
+}
+
 .pageheader {
-  background:#206cbc;
   width: 100%;
   height: 107px;
-  margin:0;
-  padding:0;
-  color:#dff;
-  position: absolute;
-  top: 0;
-  left: 0;
 }
 
 .pageheader .header {
@@ -73,16 +73,16 @@ body {
 }
 
 #content,#comments,#footer {
-  margin:1em 2em;
+  margin-left: 20ex;
+  padding-left: 1em;
 }
 
-.pagefooter, .inlinefooter, .comment-header {
+#pageinfo, .inlinefooter, .comment-header {
   color: gray;
   font-size: 70%;
 }
 
 #content {
-  margin-top: 107px;
   padding-top: 1ex;
   max-width: 60em;
 }
@@ -235,52 +235,45 @@ legend {
 
 #sidebar {
   position: absolute;
-  bottom: 0px;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  padding-left: 1em;
-  float: none;
-  background-color: transparent;
+  left: 0px;
 }
 
 #sidebar ul {
-  margin:0;
-  padding:0;
+  margin: 0px;
+  padding: 0px;
+  color: white;
 }
 
+#sflogo {
+  margin-top: 2em;
+  margin-bottom: 0em;
+}
 
 #sidebar li {
-  display: inline;
-  list-style:none;
-  padding: 0;
-  margin: 0;
-}
-
-#sidebar ul li a, #sidebar ul li span {
-  color: #FFF;
-  background-color: #206cbc;
-  display: inline-block;
-  border: none;
-  margin: 0;
-  padding: 0;
-  width: 10em;
-  height: 3ex;
-  border: 1px solid #7faede;
-  border-style: solid solid none solid;
-  vertical-align: bottom;
-  text-align: center;
-  border-radius:.3em .3em 0 0;
-  -moz-border-radius: .3em .3em 0 0;
-}
-#sidebar ul li a:hover {
-  background-color: #7faede;
+  display: block;
+  border-top: solid 1px lightgray;
+  border-bottom: solid 1px lightgray;
+  margin: 0px 0px -1px -1px;           /* Collapse borders */
+  padding-right: 1em;
+}
+
+#sidebar li:hover {
+  background: #0052a0;
+  color: white;
 }
+
+#sidebar li a, #sidebar ul li span.selflink {
+  padding-left: 1em;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+
 #sidebar ul li span.selflink {
   background-color: white;
   color: black;
-//  border: 1px solid #eee;
-//  border-style: none none solid none;
 }
 
 .toc {