Changeset - 194f95d0168c
[Not reviewed]
0 2 0
Bradley Kuhn (bkuhn) - 9 years ago 2014-12-02 17:09:43
bkuhn@ebb.org
Float Donate button to the center beside questions

The donate button is now centered beside the questions that relate to
the supporter program.
2 files changed with 12 insertions and 9 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/forms.css
Show inline comments
 
#supporter-form label {
 
    display: inline-block;
 
    width: 200px;
 
    text-align: right;
 
}
 

	
 
#supporter-form-inputs {
 
    float: left;
 
}
 
#supporter-form-submit {
 
    padding-left: 100px;
 
    padding-left: 500px;
 
    padding-top: 100px;
 
    float: center;
 
}
 

	
 
#supporter-form div {
 
    margin-top: 1em;
 
}
 

	
 
.form-error {
 
    display: none;
 
    margin-left: 10px;
 
    color: green;
 
}		
 

	
www/conservancy/static/supporter/index.html
Show inline comments
...
 
@@ -112,25 +112,25 @@ of dollars in licensing fees for subpar accounting software.</li>
 
our
 
<a 
 
href="https://gitorious.org/conservancy/policies/source/master:">
 
internal policies</a> are published and available for scrutiny.</p>
 

	
 
<p>Please <a href="#donate-box" class="donate-now">join our Supporter program</a> and spread software freedom!</p>
 

	
 
[1] the shirts will ship First Quarter 2015.
 

	
 
<h2>Become a Supporter Now!</h2>
 
<a id="now"></a>
 
<form id="supporter-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" name="supporter">
 
<div>
 
<div id="supporter-form-inputs">
 
            <input type="hidden" name="cmd" value="_xclick" />
 
            <input type="hidden" name="business" value="supporter@sfconservancy.org" />
 
            <input type="hidden" name="item_name" value="Conservancy Supporter, Annual" />
 
  <label for="amount"><strong>Amount:</strong> $</label>
 
  <input id="amount" type="text" name="amount" size="7" value="120" />
 
  <span class="form-error"><small>$120 minimum to become a Conservancy
 
  Supporter.  We welcome you to <a href="/donate">donate other amounts here</a>.</small></span><br/>
 

	
 
                      <label for="wantGift"><strong>Do you want to receive a t-shirt? </strong></label>
 
                      <input type="hidden" name="on1" value="wantGift" />
 
                      <input type="radio" checked="checked" name="os1" value="Yes" />Yes
 
                      <input type="radio" name="os1" value="No" />No
...
 
@@ -150,27 +150,26 @@ internal policies</a> are published and available for scrutiny.</p>
 
                      </select><br/>
 
                      <label for="publicAck"><strong>
 
                          Should we list you publicly as a Conservancy Supporter? </strong></label>
 
                      <input type="hidden" name="on2" value="publicAck" />
 
                      <input type="radio" checked="checked" name="os2" value="Yes" />Yes
 
                      <input type="radio" name="os2" value="No" />No<br/>
 
            
 
                      <label for="joinList"><strong>Join Conservancy's
 
                      Low-Traffic Announcement Email List? </strong></label>
 
                      <input type="hidden" name="on4" value="joinList" />
 
                      <input type="radio" checked="checked" name="os4" value="Yes" />Yes
 
                      <input type="radio" name="os4" value="No" />No<br>
 
                      <br />
 
                      <br /></div>
 
                      <div id="supporter-form-submit">
 
                      <input type="image"
 
                             src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
 
                             border="0" name="submit" alt="Become a Supporter Now!">
 
                      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
 
                      </div><br/>
 
                      <small>You will be redirected to the Paypal website to
 
                      become a supporter when you click &ldquo;Donate&rdquo;.</small>
 

	
 
</div></form>
 
                      <br/><small>You will be redirected to PayPal's site when you click &ldquo;Donate&rdquo;.</small>
 
                      </div>
 
                      </div>
 

	
 
</form>
 
</div>
 

	
 
{% endblock %}
0 comments (0 inline, 0 general)