From bda85a597bf3f71eaf4e2e3af604777ae344d615 Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@ebb.org>
Date: Tue, 30 Apr 2013 20:01:48 -0400
Subject: [PATCH] Styles should live in CSS, not in the template. Properly use
 nav-bg for campaign.

---
 www/conservancy/static/conservancy.css          | 12 +++++++++++-
 www/conservancy/templates/base_conservancy.html |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/www/conservancy/static/conservancy.css b/www/conservancy/static/conservancy.css
index 109b14f6..5dec0022 100644
--- a/www/conservancy/static/conservancy.css
+++ b/www/conservancy/static/conservancy.css
@@ -62,6 +62,16 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 #navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
 #navbar ul { list-style: none; }
 #navbar-clear { clear: both; border-bottom: 1px solid #808080; }
+#navbar li.campaign a {
+  display: block;
+  background: #fafafe;
+  padding: .2em .8em;
+  margin-right: 3px;
+  border: 1px solid #808080;
+  font-size: .8em;
+  background: url(/img/nav-bg-campaign.png) bottom repeat-x;
+  border-color: #ffffff;
+}
 #navbar li a {
   display: block;
   background: #fafafe;
@@ -236,11 +246,11 @@ body.conservancy-sponsors #navbar ul li.sponsors a /* NO COMMA HERE! */
     font-weight: bold;
     background: #fff url(/img/nav-bg-up.png) top repeat-x;
 }
-
 body.conservancy-campaign #navbar ul li.campaign a
 { 
     color: #000033;
     font-weight: bold;
+    background: url(/img/nav-bg-campaign-up.png) bottom repeat-x;
 }
 
 #sponsor ul {
diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index dd6c6271..7dee6327 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -26,7 +26,7 @@
           <li class="About"><a href="/about/">About</a></li>
 	  <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>
 	  <li class="donate"><a href="/donate/">Support Conservancy!</a></li>
-          <li class="campaign"><a style="background: url(/img/nav-bg-campaign.png) bottom repeat-x;" href="/campaign/">Campaign</a></li>
+          <li class="campaign"><a href="/campaign/">Campaign</a></li>
 	</ul>
       </div>
       <div id="navbar-clear"></div>