Move topbar and footer(=pageinfo) styling from test to style.

2 files changed, 11 insertions, 7 deletions

diff --git a/style.scss b/style.scss
index 988dab7..b2f198a 100644
--- a/style.scss
+++ b/style.scss
@@ -157,7 +157,7 @@ body {
 	height: 10em;
 	margin: 0;
 	padding: 1.5em 0;
-	background-color: lightblue;
+	background-color: #336699;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 //	position: absolute;
@@ -165,6 +165,7 @@ body {
 //	right: 0;
 }
 
+
 //styling of background image.//
 .topbar .imgframe {
 	@extend  .topbar;
@@ -424,6 +425,7 @@ th {
 		@include no-bullets;
 		padding: 0;
 	}
+// to secure readability with current colors.
 	img {
 		height: auto;
 		float: none;
@@ -455,7 +457,14 @@ th {
 	margin: 0;
 	border-top: 0;
 	padding:1em 1em 1em 20px;
-	background-color: lightblue;
+	background-color: #336699;
+	color: LightBlue;
+	a {
+		color: LightBlue;
+		&:hover {
+		color: white;
+		}
+	}
 }
 
 .pagedate {
diff --git a/test.scss b/test.scss
index e15d207..1d578b7 100644
--- a/test.scss
+++ b/test.scss
@@ -1,11 +1,6 @@
 @import 'h5bp/helpers';
 @import 'compass/css3';
 
-.topbar,
-#pageinfo {
-	background-color: #336699;
-}
-
 #content {
 	width: 96%;
 	max-width: none;