Move progressbar CSS to CSS file, not hard code.

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

View file

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

View file

@ -7,10 +7,6 @@
<script type="text/javascript" src="/jquery.min.js"></script> <script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.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"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
$("#progressbar").progressbar({ value: (66274.98 / 75000) * 100 }); $("#progressbar").progressbar({ value: (66274.98 / 75000) * 100 });
@ -140,7 +136,7 @@ el.attachEvent('on'+ev, function() {handler.apply(el);});
--> -->
$66,275 raised toward<br/> $66,275 raised toward<br/>
our $75,000 goal.<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> <p style="font-size: 75%">(Progress bar updated monthly.)</p>
<a id="donate" style="text-decoration:none"></a> <a id="donate" style="text-decoration:none"></a>
<h3>Help us reach our goal:</h3> <h3>Help us reach our goal:</h3>

View file

@ -21,7 +21,7 @@
$<span id="fundraiser-so-far">5,056</span> $<span id="fundraiser-so-far">5,056</span>
of $<span id="fundraiser-goal">50,000</span> match met.<br/> 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>Donate now via PayPal:
</p> </p>