Styling of topbar navigation.

1 files changed, 23 insertions, 11 deletions

diff --git a/test.scss b/test.scss
index 41ecc06..2cfdbf7 100644
--- a/test.scss
+++ b/test.scss
@@ -1,20 +1,33 @@
 @import 'h5bp/helpers';
 @import 'compass/css3';
 
-.pageheader .actions {
-	background-color: none;
-	top: 0;
+.topbar {
+	background-color: #336699;
 }
 
-.topbar ul {
-	display: block;
-	margin: 3em 0;
-}
+//.topbar ul {
+//	display: block;
+//	margin: 3em 0;
+//}
 
 .topbar ul li {
-	background-color: lightblue;
+	display: inline-block;
+	position: relative;
+	top: 1.5em;
+	width: 10em;
 	padding: 1em;
-	margin: 0 0.2em;
+	margin: 0 0.2em 0;
+	background-color: #6699cc;
+	&:hover {
+		background-color: lightblue;
+	}
+}
+
+.topbar ul li a {
+	color: white;
+	&:hover {
+		color: #336699;
+	}
 }
 
 #content {
@@ -30,7 +43,6 @@
 	background-color: none;
 }
 
-
 .inlinepage .header a {
 	font-weight: normal;
 	color: white;
@@ -41,7 +53,7 @@
 
 //set to annull style.css
 .inlinecontent {
-margin-top: 0;
+	margin-top: 0;
 }
 
 .inlinecontent p {