make get-in-touch section responsive
MehrabKamrani commited on 2015-12-26 07:25:15
Zeige 2 geänderte Dateien mit 12 Einfügungen und 2 Löschungen.
- css/donate-style.css 741d3c57a..1bd0eea5a
- donate/en/donate.wml 68b3e365a..4d00b5cb2
| ... | ... |
@@ -339,6 +339,16 @@ footer.footer{
|
| 339 | 339 |
.dsmall{
|
| 340 | 340 |
padding: 0 5%; |
| 341 | 341 |
} |
| 342 |
+ .title {
|
|
| 343 |
+ min-height: auto; |
|
| 344 |
+ margin: 20px 8% 0; |
|
| 345 |
+ border-right: none; |
|
| 346 |
+ border-bottom: 2px solid #3D855B; |
|
| 347 |
+ padding: 0 0 10px; |
|
| 348 |
+ } |
|
| 349 |
+ .detail {
|
|
| 350 |
+ margin: 10px 0 20px; |
|
| 351 |
+ } |
|
| 342 | 352 |
|
| 343 | 353 |
} |
| 344 | 354 |
@media (max-width: 659px) {
|
| ... | ... |
@@ -271,10 +271,10 @@ |
| 271 | 271 |
<div class="get-in-touch"> |
| 272 | 272 |
<div class="container"> |
| 273 | 273 |
<div class="row"> |
| 274 |
- <div class="col-xs-4"> |
|
| 274 |
+ <div class="col-sm-4"> |
|
| 275 | 275 |
<h3 class="title"><strong>Get in touch.</strong></h3> |
| 276 | 276 |
</div> |
| 277 |
- <div class="col-xs-8"> |
|
| 277 |
+ <div class="col-sm-8"> |
|
| 278 | 278 |
<p class="detail">Contact us at donations@torproject.org for more donation details.</p> |
| 279 | 279 |
</div> |
| 280 | 280 |
</div> |
| 281 | 281 |