Permalink
Browse files

Integrate mobile.css for donations page

  • Loading branch information...
1 parent 000074d commit 9a716f5f174bf0cbf4ccb97273f1a4c1ac2b913e @MayaLi MayaLi committed May 3, 2012
Showing with 15 additions and 4 deletions.
  1. +12 −0 app/css/mobile.css
  2. +3 −4 app/templates/mobile_donation.html
View
@@ -218,4 +218,16 @@ p.motto{
iframe {
width: 100%;
height: 100%;
+}
+
+/* Vertical fade on donations page */
+.vertical_fade {
+ -webkit-mask-image: -webkit-gradient(linear, left top,
+ left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
+ -moz-mask-image: -moz-gradient(linear, left top,
+ left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
+ -o-mask-image: -o-gradient(linear, left top,
+ left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
+ mask-image: gradient(linear, left top,
+ left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
@@ -23,15 +23,14 @@
<div id="donationSummary"> </div>
<div class="story">
- <div id="listThanks" style="-webkit-mask-image: -webkit-gradient(linear, left top,
- left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));"></div>
+ <div id="listThanks" class="vertical_fade"></div>
</div>
</div>
<script type="text/template" id="client-donation-template">
- <a href="#donations">Donations for <%= name %></a>
+ <a href="#donations" class="button help">Donations for <%= name %></a>
<div id="gauge" class="centered"></div>
- <div id="numDonors" class="centered" style="font-size: 15px; color: orange;">Total <%= numDonors %> donors</a> </div>
+ <div id="numDonors" class="centered" style="font-size: 20px; color: orange;">Total <%= numDonors %> donors</a> </div>
</script>
<script type="text/template" id="item-transaction-template">

0 comments on commit 9a716f5

Please sign in to comment.