Move progressbar CSS to CSS file, not hard code.
Also, increase size of progress bar (HT tmarble)
This commit is contained in:
parent
32e9164d48
commit
097c82ea26
3 changed files with 10 additions and 6 deletions
|
@ -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%;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue