From 3be224c69a812af5e42aef4fba0fde5899b69e6b 2015-03-09 06:48:57
From: Bradley M. Kuhn <bkuhn@ebb.org>
Date: 2015-03-09 06:48:57
Subject: [PATCH] Diff CSS for fundraiser-percentage w/ progressbar.

If Javascript is present to generate the pogressbar, then the CSS really
should be radically different.

Graceful degradation.

---

diff --git a/www/conservancy/static/conservancy.css b/www/conservancy/static/conservancy.css
index 891ee1b099ae830d8699ebf0873bb37cc23e5aa1..e0e7e4ceadcb8dcaa24a77856b6facff5ebb86d2 100644
--- a/www/conservancy/static/conservancy.css
+++ b/www/conservancy/static/conservancy.css
@@ -126,12 +126,7 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 }
 
 #fundraiser-percentage {
-    float: right;
-    align: center;
-    margin-right: 40%;
-    margin-top: 2.5%;
-    font-style: bold;
-    color: green;
+    text-align: center;
 }
 
 .content-with-donate-sidebar {
diff --git a/www/conservancy/static/supporter-page.js b/www/conservancy/static/supporter-page.js
index 93aadb17bd2a97e39e3970ea31103dc0f60209d6..470816563e687dd7254545e9e47f2f5162b57d88 100644
--- a/www/conservancy/static/supporter-page.js
+++ b/www/conservancy/static/supporter-page.js
@@ -12,6 +12,13 @@ $(document).ready(function() {
     var percentage = (parseFloat(noCommaSoFar) / parseFloat(noCommaGoal)) * 100;
 
     $('span#fundraiser-percentage').text(percentage.toFixed(2) + "%");
+    $('span#fundraiser-percentage').css({ 'color'        : 'green',
+                                          'font-weight'  : 'bold',
+                                          'float'        : 'right',
+                                          'margin-right' : '40%',
+                                          'margin-top'   : '2.5%',
+                                          'text-align'   : 'right'});
+
     $("#progressbar").progressbar({ value:  percentage });
 
     $('.toggle-content').hide();