make perks section responsive
MehrabKamrani commited on 2015-12-26 07:25:15
Zeige 2 geänderte Dateien mit 7 Einfügungen und 3 Löschungen.
- css/donate-style.css 1bd0eea5a..7eb4ff061
- donate/en/donate.wml 4d00b5cb2..ae70b180e
| ... | ... |
@@ -147,6 +147,7 @@ html {
|
| 147 | 147 |
} |
| 148 | 148 |
.no-padding{
|
| 149 | 149 |
padding: 0; |
| 150 |
+ margin-bottom: 20px; |
|
| 150 | 151 |
} |
| 151 | 152 |
.half-opacity{
|
| 152 | 153 |
opacity: 0.5; |
| ... | ... |
@@ -336,6 +337,9 @@ footer.footer{
|
| 336 | 337 |
blockquote::before {
|
| 337 | 338 |
display: none; |
| 338 | 339 |
} |
| 340 |
+ #bitpayDonation > .well {
|
|
| 341 |
+ margin-bottom: 30px; |
|
| 342 |
+ } |
|
| 339 | 343 |
.dsmall{
|
| 340 | 344 |
padding: 0 5%; |
| 341 | 345 |
} |
| ... | ... |
@@ -41,9 +41,9 @@ |
| 41 | 41 |
</noscript> |
| 42 | 42 |
|
| 43 | 43 |
<h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4> |
| 44 |
- <div class="col-sm-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div> |
|
| 45 |
- <div class="col-sm-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div> |
|
| 46 |
- <div class="col-sm-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div> |
|
| 44 |
+ <div class="col-xs-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div> |
|
| 45 |
+ <div class="col-xs-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div> |
|
| 46 |
+ <div class="col-xs-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div> |
|
| 47 | 47 |
</div> |
| 48 | 48 |
|
| 49 | 49 |
<div class="donate-section col-sm-5"> |
| 50 | 50 |