Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move progressbar CSS to CSS file, not hard code.

Browse source 
Also, increase size of progress bar (HT tmarble)
This commit is contained in:
Bradley M. Kuhn 2015-03-05 13:32:49 -08:00
parent 32e9164d48
commit 097c82ea26
3 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
www/conservancy/static/conservancy.css
View file

@ -117,6 +117,14 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
margin-right: 50px;
}
#progressbar {
height: 30px;
}
#progressbar .ui-widget-header {
background: rgb(206, 31, 31);
}
.content-with-donate-sidebar {
align: left;
width: 80%;

6
www/conservancy/static/npoacct/index.html
View file

@ -7,10 +7,6 @@
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<style type="text/css">
#progressbar .ui-widget-header { background: rgb(206, 31, 31); }
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#progressbar").progressbar({ value: (66274.98 / 75000) * 100 });
@ -140,7 +136,7 @@ el.attachEvent('on'+ev, function() {handler.apply(el);});
-->
$66,275 raised toward<br/>
our $75,000 goal.<br/>
<div id="progressbar" style="height:20px;"><span style="float:right; align:center; margin-right:40%">88.4%</span></div>
<div id="progressbar"><span style="float:right; align:center; margin-right:40%">88.4%</span></div>
<p style="font-size: 75%">(Progress bar updated monthly.)</p>
<a id="donate" style="text-decoration:none"></a>
<h3>Help us reach our goal:</h3>

2
www/conservancy/templates/base_compliance.html
View file

@ -21,7 +21,7 @@
$<span id="fundraiser-so-far">5,056</span>
of $<span id="fundraiser-goal">50,000</span> match met.<br/>
<div id="progressbar" style="height:20px;"><span id="fundraiser-percentage" style="float:right; align:center; margin-right:40%"></span></div>
<div id="progressbar"><span id="fundraiser-percentage" style="float:right; align:center; margin-right:40%"></span></div>
<p>Donate now via PayPal:
</p>