bg color

MateoV · Jan 10, 2013 · 0d2b602 · 0d2b602
1 parent 6cc2653
commit 0d2b602
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -15,11 +15,12 @@
 </head>
 
 <body>
+	<div class="whitebg">
   <div class="limiter">
     <div id="rgg_header"><a href="{{base}}/">Rhonda Gowler Greene</a></div>
     <div id="sub_header"><a href="{{base}}/">children's book author & speaker</a></div>
   	<ul id="nav">
-      <li class="books"><a href="{{base}}/books/shape">books</a></li>
+      {% if page == books %} <li class="books_a"><a href="{{base}}/books/shape">books</a></li> {% else %} <li class="books"><a href="{{base}}/books/shape">books</a></li> {% endif %}
 	  <li class="bio"><a href="{{base}}/bio/bio">bio</a></li>
       <li class="visits">
       		<a href="{{base}}/visits/school">visits</a>
@@ -40,7 +41,7 @@
       <a href="mailto:rgowgreene@gmail.com" title="Email Me">rgowgreene@gmail.com</a>
       <a href="http://facebook.com/rhondagowlergreene" title="Rhonda's Facebook" target="_blank"><img src="{{base}}/img/f_logo.png" alt="Rhonda's Facebook" /></a>
     </div>
-  </div>
+  </div></div>
 
 </body>
 </html>
diff --git a/css/style.css b/css/style.css
@@ -4,7 +4,7 @@ body {
 	font-weight: normal;
 	font-variant: normal;
 	color: #333;
-	background-color: #FFF;
+	background-color: #5c7fe3;
 	margin: 0px;
 }
 
@@ -92,12 +92,12 @@ a img {
   width: 810px;
 }
 
-/*.whitebg {
+.whitebg {
 	margin: 0 auto;
 	padding:1px 0;
     width: 900px;
 	background:#FFF;
-}*/
+}
 
 #content {
   position: relative;
@@ -178,6 +178,15 @@ a img {
     transition: border-bottom .4s ease-in-out;
 }
 
+#nav li.books_a:hover {
+	background:#999;
+	border-bottom:13px #999 solid;
+	-webkit-transition: border-bottom .4s ease-in-out;
+    -moz-transition: border-bottom .4s ease-in-out;
+    -o-transition: border-bottom .4s ease-in-out;
+    transition: border-bottom .4s ease-in-out;
+}
+
 #nav li.bio:hover { 
 	background:#23e548;
     border-bottom:13px #23e548 solid;