API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 29th, 2011
415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" class="ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px"><head><base href="http://www.ben4boise.com/mobile">
  3. <meta http-equiv="Content-Language" content="en-us">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport">
  6.  
  7. <!-- jquery start-->
  8. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css">
  9. <!-- jquery end -->
  10.  
  11. <title>Donate Now - Ben Quintana</title>
  12.  
  13. <style type="text/css">
  14.  
  15. .ui-btn-up-a
  16. {
  17.   border: 1px solid #666666;
  18.   background: #000000;
  19.   text-shadow: 0 -1px 1px #666666;
  20.   background-image: -moz-linear-gradient(top, #000000, #666666);
  21.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #666666));
  22.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#666666')";
  23. }
  24.  
  25. .ui-btn-hover-a
  26. {
  27.   border: 1px solid #000000;
  28.   background: #666666;
  29.   text-shadow: 0 -1px 1px #000000;
  30.   background-image: -moz-linear-gradient(top, #666666, #000000);
  31.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #000000));
  32.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d46666667272', EndColorStr='#000000')";
  33. }
  34.  
  35. .ui-btn-down-a {
  36.   border: 1px solid #000000;
  37.   background: #000000;
  38.   text-shadow: 0 -1px 1px #666666;
  39.   background-image: -moz-linear-gradient(top, #000000, #000000);
  40.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #000000));
  41.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
  42.   }
  43.  
  44. .ui-btn-up-b
  45. {
  46.   border: 1px solid #CA0000;
  47.   background:  #990000;
  48.   text-shadow: 0 -1px 1px #CA0000;
  49.   color:white;
  50.   background-image: -moz-linear-gradient(top, #990000, #CA0000);
  51.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #990000), color-stop(1, #CA0000));
  52.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#CA0000')";
  53. }
  54.  
  55. .ui-btn-hover-b
  56. {
  57.   border: 1px solid #990000;
  58.   background: #CA0000;
  59.   text-shadow: 0 -1px 1px #990000;
  60.   color:white;
  61.   background-image: -moz-linear-gradient(top, #CA0000, #990000);
  62.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CA0000), color-stop(1, #990000));
  63.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CA0000', EndColorStr='#990000')";
  64. }
  65.  
  66. .ui-btn-down-b {
  67.   border: 1px solid #990000;
  68.   background: #990000;
  69.   text-shadow: 0 -1px 1px #CA0000;
  70.   color:white;
  71.   background-image: -moz-linear-gradient(top, #990000, #990000);
  72.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #990000), color-stop(1, #990000));
  73.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#990000')";
  74.   }
  75.  
  76. .ui-bar-b {
  77.   border: 1px solid #CA0000;
  78.   background:  #990000;
  79.   text-shadow: 0 -1px 1px #CA0000;
  80.   color:white;
  81.   background-image: -moz-linear-gradient(top, #990000, #CA0000);
  82.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #990000), color-stop(1, #CA0000));
  83.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#990000', EndColorStr='#CA0000')";
  84.   }
  85.  
  86. .ui-bar-blue {
  87.   border: 1px solid #322E83;
  88.   background: #262262;
  89.   text-shadow: 0 -1px 1px #322E83;
  90.   color:white;
  91.   background-image: -moz-linear-gradient(top, #262262, #322E83);
  92.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262262), color-stop(1, #322E83));
  93.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#262262', EndColorStr='#322E83')";
  94.   }
  95.  
  96. .ui-btn-up-blue {
  97.   border: 1px solid #322E83;
  98.   background: #262262;
  99.   text-shadow: 0 -1px 1px #322E83;
  100.   color:white;
  101.   background-image: -moz-linear-gradient(top, #262262, #322E83);
  102.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262262), color-stop(1, #322E83));
  103.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#262262', EndColorStr='#322E83')";
  104.   }
  105.  
  106. .ui-btn-hover-blue {
  107.   border: 1px solid #322E83;
  108.   background: #262262;
  109.   text-shadow: 0 -1px 1px #322E83;
  110.   color:white;
  111.   background-image: -moz-linear-gradient(top, #262262, #322E83);
  112.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262262), color-stop(1, #322E83));
  113.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#262262', EndColorStr='#322E83')";
  114.   }
  115.  
  116. .ui-btn-down-blue {
  117.   border: 1px solid #322E83;
  118.   background: #262262;
  119.   text-shadow: 0 -1px 1px #322E83;
  120.   color:white;
  121.   background-image: -moz-linear-gradient(top, #262262, #322E83);
  122.   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262262), color-stop(1, #322E83));
  123.   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#262262', EndColorStr='#322E83')";
  124.   }
  125.  
  126.  
  127. .HeaderText
  128. {
  129.    text-align: left;
  130.    font-size: large;
  131. }
  132.  
  133. .ProfilePic
  134. {
  135.   margin-bottom: 5px;
  136.   margin-right: 15px;
  137.   clear:both;
  138. }
  139.  
  140. .PaidForText
  141. {
  142.   border: thin gray solid;
  143.    padding: 10px;
  144.    text-align: center;
  145.   color: white;
  146. }
  147.  
  148. .ContactTheCampaign
  149. {
  150.    text-align: center;
  151.   color: white;
  152. }
  153.  
  154. .SocialIcons {
  155.   border-width: 0px;
  156.   margin-left: 10px;
  157.   margin-right: 10px;
  158.  
  159. }
  160. .style1 {
  161.   border-width: 0px;
  162. }
  163. </style>
  164.  
  165. </head>
  166.  
  167. <body class="ui-mobile-viewport">
  168.  
  169.  
  170. <div data-theme="d" data-role="page" id="HomePage" data-url="HomePage" class="ui-page ui-body-d ui-page-active" style="min-height: 442px;">
  171.  
  172.   <div data-theme="a" data-role="header" class="ui-header ui-bar-a" role="banner">
  173.     <div data-theme="a" data-role="navbar" class="ui-navbar ui-navbar-noicons" role="navigation">
  174.       <ul class="ui-grid-solo">
  175.         <li style="text-align:left" data-theme="a" class="ui-block-a"><a href="/mobile" data-theme="a" class="ui-btn ui-btn-hover-a"><span class="ui-btn-inner"><span class="ui-btn-text"><span class="HeaderText"><strong>Vote Ben Quintana</strong> for<br><strong>Boise City Council</strong></span></span></span></a></li>
  176.       </ul>
  177.     </div><!-- /navbar -->
  178.   </div><!-- /header -->
  179.   <div data-theme="d" data-role="content" class="ui-content ui-body-d" role="main">  
  180.  
  181.    
  182.  
  183.  
  184.     <ul data-theme="c" data-role="listview" class="ui-listview">
  185.       <li data-theme="b" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-b"><div class="ui-btn-inner ui-li"><div class="ui-btn-text" style="text-align: center"><a>Donate Now</a></div></div></li>
  186.     </ul>
  187. <div style="padding: 15px; font-size: large;">
  188.   </div>
  189.  
  190.   <style type="text/css">
  191.   div.email3_form{ display: none}
  192. input.success-button{
  193. font-size: 18px;
  194. font-weight: bold;
  195. padding: 20px;
  196. width: 95%;
  197. margin: auto;
  198. display: block;
  199. background-color: #0b8c08;
  200. color: #fff;
  201. -moz-border-radius: 8px;
  202.     -webkit-border-radius: 8px;
  203.     border-radius: 8px;
  204. }
  205. input, select{
  206. font-size: 16px;
  207. }
  208.   </style>
  209. {% form_for donation autocomplete:off %}
  210.  
  211.     <div class="form_wrap_twocol">
  212.     <div class="form">
  213.  
  214.       <div class="form_errors">
  215.    
  216.         {% error_messages_for donation %}
  217.        
  218.       </div>      
  219.    
  220.       {% if page.donation.has_merchant_account? == false %}
  221.         <div class="padtopmore">
  222.           <span class="red"><b>No bank account:</b> This page will not work until you add a bank account</span>
  223.         </div>
  224.       {% elsif page.donation.merchant_account.is_test_mode? %}
  225.         <div class="padtopmore">
  226.           <span class="red"><b>Testing mode:</b> Transactions will not be processed. Use your regular credit card to test, you will not actually be charged.</span>
  227.         </div>
  228.       {% endif %}
  229.    
  230.  
  231.          <p><label for="donation_first_name">First Name</label><br>{% text_field "first_name", class:"text" %}</p>
  232.    <p><label for="donation_last_name">Last Name</label><br>{% text_field "last_name", class:"text" %}</p>
  233.  
  234.           <p style="display: none;"><label for="donation_country">Country</label><br>{% collection_select "billing_address.country_code", page.donation.countries, "code", "name", class:"select" %}</p>
  235.    
  236.           <p><label for="donation_address1">Address</label>
  237.             <br>{% text_field "billing_address.address1", class:"text" %}
  238.           </p>
  239.  
  240. <p><label for="donation_city">City</label><br>{% text_field "billing_address.city", class:"text" %}</p>
  241. <p><label for="donation_state">State</label><br><input type="text" name="donation[billing_address_attributes][state]" id="donation_billing_address_state" class="text" value="ID"></p>
  242. <p><label for="donation_zip">Postal code</label><br><input type="number" name="donation[billing_address_attributes][zip]" id="donation_billing_address_zip" class="text"></p>
  243.          
  244.           <p><label for="donation_email">Email</label><br><input type="email" name="donation[email]" id="donation_email" class="text"></p>
  245.           <p><label for="donation_phone">Phone</label><br><input type="number" name="donation[billing_address_attributes][phone_number]" id="donation_billing_address_phone_number" class="text"></p>
  246.     {% check_box "email_opt_in" %} Send me email updates
  247.    
  248.           {% if page.donation.merchant_account.is_taxable? %}
  249.             <p>Contributions are <i>not</i> tax deductible.</p>
  250.           {% else %}
  251.             <p>Contributions are tax deductible.</p>
  252.           {% endif %}
  253.  
  254.  
  255.           <p><label for="donation_amounts">Amount</label><br/>
  256.     <select name="donation[amount_option]">
  257.       <option value="">Please select</option>
  258.       <option value="1000">$1000</option>
  259.       <option value="600">$600</option>
  260.       <option value="300">$300</option>
  261.       <option value="150">$150</option>
  262.       <option value="75">$75</option>
  263.       <option value="30">$30</option>
  264.       <option value="">Other</option>
  265.     </select>
  266.     <br><em>or</em> Other $<input type="number" class="text" id="donation_amount" name="donation[amount]">
  267.           </p>
  268.  
  269.           {% if page.donation.has_merchant_account? and page.donation.merchant_account.is_paypal_express? == false %}
  270.     <p><label for="donation_card_number">Credit card number</label><br><input type="number" name="donation[card_number]" id="donation_card_number" class="text"></p>
  271.                 {{ page.donation.merchant_account.accepted_card_icons }} <img src="http://c722883.r83.cf2.rackcdn.com/images/secure.jpg" width="30" height="30"/>
  272.  
  273.     <p><label for="donation_card_expires_on">Expires</label><br>{{ page.donation.form_card_expires_on }}</p>
  274.                 <p><label for="donation_card_verification">Security code (on back)</label><br><input type="number" name="donation[card_verification]" id="donation_card_verification" class="text"></p>
  275.           {% endif %}
  276.  
  277.           {% if page.donation.merchant_account.has_contribution_rules? %}
  278.             <p><label for="is_confirmation_text">Contribution rules</label><br/>
  279.               {{ page.donation.merchant_account.contribution_rules }}
  280.             </p>
  281.             <p><label for="donation_is_confirmed">{% check_box "is_confirmed", class:"checkbox" %} I confirm that the above statements are true and accurate.</label></p>
  282.           {% endif %}
  283.          
  284.           {% if page.donation.merchant_account.is_de? %}
  285.             <p><label for="donation_is_de_confirmed">{% check_box "is_de_confirmed", class:"checkbox" %}
  286.               I agree to the Democracy Engine <a href="http://democracyengine.com/ToS.html" target="_new">Terms of Service</a>
  287.               and <a href="http://democracyengine.com/privacypolicy.html" target="_new">Privacy Policy</a>. You will not receive any emails from them, they just deliver your donation to us.
  288.             </label></p>
  289.           {% endif %}
  290.        
  291.           {% if site.ask_to_publish_to_stream? %}
  292.           <p><label for="donation_is_private">{% check_box "is_private", class:"checkbox" %} Don't publish my donation on the website.</label></p>
  293.           {% endif %}
  294.      
  295.           <div class="padtop">
  296.               {% submit_tag "Process Donation", class:"success-button" %}
  297.             <div class="form_submit"></div>
  298.           </div>
  299.  
  300.     </div>
  301.     </div>
  302.  
  303.   {% endform_for %}
  304.   </div>
  305.  
  306.   <!-- Page Footer -->
  307.   <div data-theme="a" data-role="header" class="ui-header ui-bar-a" role="banner">
  308.     <div data-theme="a" data-role="navbar" class="ui-navbar ui-navbar-noicons" role="navigation">
  309.       <ul class="ui-grid-solo">
  310.         <li data-theme="a" class="ui-block-a"><a href="#HomePage" data-theme="a" class="ui-btn ui-btn-up-a"><span class="ui-btn-inner"><span class="ui-btn-text"><span class="HeaderText">Contact the Campaign</span></span></span></a></li>
  311.       </ul>
  312.     </div><!-- /navbar -->
  313.   </div>
  314.  
  315.   <!-- Page Footer -->
  316.   <div data-theme="a" data-role="content" class="ui-content ui-body-a" role="main">  
  317.  
  318.     <ul data-theme="c" data-role="listview" class="ui-listview">
  319.     <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="tel:2084170814" class="ui-link-inherit">(208) 417-0814</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
  320.     <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="mailto:info@ben4boise.com?subject=Ben's Campaign" class="ui-link-inherit">info@ben4boise.com</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
  321.     <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-icon"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="http://www.facebook.com/ben4boise" class="ui-link-inherit"><img width="16" src="http://www.beaconguides.com/guides/ben4boise/b_facebook.jpg" class="ui-li-icon ui-li-thumb">ben4boise</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
  322.     <li data-theme="c" class="ui-btn ui-btn-up-c ui-btn-icon-right ui-li ui-li-has-icon"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="http://www.twitter.com/ben4boise" class="ui-link-inherit"><img width="16" src="http://www.beaconguides.com/guides/ben4boise/b_twitter.jpg" class="ui-li-icon ui-li-thumb">@benquintana</a></div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span></div></li>
  323.     </ul>
  324.     <br>
  325.  
  326.     <p class="PaidForText">Paid for by Vote Ben Quintana. P.O. Box 7734, Boise, ID 83707.<br>Powered by NationBuilder and Beacon Guides</p>
  327.   </div><!-- Content End -->
  328.  
  329. </div>
  330.  
  331.  
  332.  
  333. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!