EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

prettifying

pull/1/head
Andromeda Yelton 2012-10-05 15:05:15 -04:00
parent 17e110696d
commit 920f856bcd
3 changed files with 88 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/templates/fund_the_pledge.html
View File

@ -107,7 +107,7 @@ $j().ready(function() {
<div id="donate_area">
<form method="GET" action="{{nonprofit.link}}">
{{ donate_form.non_field_errors }}
{{donate_form}}
{{ donate_form }}
<input name="donate_submit" type="submit" value="Donate" id="donate_submit" />
</form>
</div>
@ -119,7 +119,7 @@ $j().ready(function() {
<div class="fund_options clearfix">
<div id="donate_explanation">
<ul>
<li>Donate to our partner charity, {{ nonprofit.name }}</li>
<li>Donate to our partner nonprofit, {{ nonprofit.name }}</li>
<li>Pay immediately</li>
<li>If the campaign succeeds, your donation will support it</li>
<li>If not, your donation will support {{ nonprofit.name }}</li>
@ -129,9 +129,8 @@ $j().ready(function() {
<div id="pledge_explanation">
<ul>
<li>Pledge toward this campaign</li>
<li>Pay later</li>
<li>If the campaign succeeds, your pledge will support it</li>
<li>If not, you won't be charged</li>
<li>Pay later, only if this campaign succeeds</li>
<li>Your pledge will be used only to support this campaign.</li>
<li><a href="#">Learn more</a></li>
</ul>
</div>
@ -177,29 +176,34 @@ kept around for reference as the page is overhauled
<h3>Pledge by Credit Card</h3>
<p>Unglue.it uses Stripe to securely manage your Credit Card information.
</p>
{% if request.user.credit.available %}<p>Although you have ${{request.user.credit.available}} in donation credits, you can't support a campaign with a mixture of credit card pledges and donations.{% endif %}
<div id="cc_pledge">
<span class="payment-errors"></span>
<form action="" method="POST" id="payment-form">
{% csrf_token %}
{{ form.non_field_errors }}
{{ form.as_p }}
<div class="form-row">
<label>Card Number</label>
<input id="card_Number" type="text" size="20" autocomplete="off" class="card-number"/>
</div>
<div class="form-row">
<label>CVC</label>
<input id="card_CVC" type="text" size="4" autocomplete="off" class="card-cvc"/>
</div>
<div class="form-row">
<label>Expiration (MM/YYYY)</label>
<input id="card_ExpiryMonth" type="text" size="2" class="card-expiry-month"/>
<span> / </span>
<input id="card_ExpiryYear" type="text" size="4" class="card-expiry-year"/>
</div>
<input id="cc_submit" type="submit" class="submit-button" value="Complete Pledge" />
</form>
<span class="payment-errors"></span>
<form action="" method="POST" id="payment-form">
<div class="innards">
<div class="clearfix">
{% csrf_token %}
{{ form.non_field_errors }}
{{ form.as_p }}
</div>
<div class="form-row clearfix">
<label>Card Number:</label>
<input id="card_Number" type="text" size="20" autocomplete="off" class="card-number"/>
</div>
<div class="form-row clearfix">
<label>CVC:</label>
<input id="card_CVC" type="text" size="4" autocomplete="off" class="card-cvc"/>
</div>
<div class="form-row clearfix">
<label>Expiration:</label>
<input id="card_ExpiryMonth" type="text" size="2" value="MM" class="card-expiry-month" />
<span> / </span>
<input id="card_ExpiryYear" type="text" size="4" value="YYYY" class="card-expiry-year" />
</div>
</div>
<input id="cc_submit" type="submit" class="submit-button" value="Complete Pledge" />
</form>
</div>
</div>

26
static/css/pledge.css
View File

@ -257,6 +257,32 @@ span.menu-item-price {
margin-top: 10px;
padding: 10px;
}
#authorize div.innards input {
font-size: 15px;
line-height: 22.5px;
float: left;
border-width: 1%;
padding: 1% 1%;
margin: 1% 0;
color: #3d4e53;
}
#authorize div.innards label {
width: 23%;
float: left;
line-height: 22.5px;
font-size: 15px;
border: solid white;
border-width: 1% 0;
padding: 1% 2% 1% 0;
margin: 1% 0;
}
#authorize div.innards .form-row span {
float: left;
line-height: 22.5px;
font-size: 15px;
margin: 1%;
padding: 1% 0;
}
span.level2.menu.answer {
border-left: solid 7px #edf3f4;
}

31
static/less/pledge.less
View File

@ -197,6 +197,37 @@ span.menu-item-price {
.one-border-radius(5px);
margin-top: 10px;
padding: 10px;
div.innards {
input {
font-size: @font-size-larger;
line-height: @font-size-larger*1.5;
float: left;
border-width: 1%;
padding: 1% 1%;
margin: 1% 0;
color: @text-blue;
}
label {
width: 23%;
float: left;
line-height: @font-size-larger*1.5;
font-size: @font-size-larger;
border: solid white;
border-width: 1% 0;
padding: 1% 2% 1% 0;
margin: 1% 0;
}
.form-row span {
float: left;
line-height: @font-size-larger*1.5;
font-size: @font-size-larger;
margin: 1%;
padding: 1% 0;
}
}
}
span.level2.menu.answer {