Make the donation info boxes have the same size when displayed next to each other
This commit is contained in:
parent
b1377ca150
commit
b076a28be3
2 changed files with 42 additions and 13 deletions
|
@ -82,6 +82,23 @@ pre {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.my-0 {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.my-1 {
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row-equal-column {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
/* Basic */
|
/* Basic */
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
@ -1652,6 +1669,10 @@ pre {
|
||||||
margin: 0 0 25px 0;
|
margin: 0 0 25px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content .row-equal-column section {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
#content h2 {
|
#content h2 {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
color: #acb4b7;
|
color: #acb4b7;
|
||||||
|
|
34
donate.html
34
donate.html
|
@ -56,32 +56,40 @@
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row row-equal-column my-0">
|
||||||
<div class="col-6 col-12-medium">
|
<div class="col-6 col-12-medium">
|
||||||
<section>
|
<section>
|
||||||
<h3>Wire transfer</h3>
|
<h3>Wire transfer</h3>
|
||||||
<p>
|
<div>
|
||||||
Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!
|
<p>Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!</p>
|
||||||
<center><table>
|
<table>
|
||||||
<tr><td>
|
<tbody>
|
||||||
Account holder: <td> NewPipe e.V.
|
<tr><td>Account holder: </td><td>NewPipe e.V.</td></tr>
|
||||||
<tr><td>
|
<tr><td>IBAN: </td><td><pre>DE94 4306 0967 1308 7563 00</pre></td></tr>
|
||||||
IBAN: <td><pre>DE94 4306 0967 1308 7563 00</pre>
|
<tr><td>BIC: </td><td><pre>GENODEM1GLS</pre></td></tr>
|
||||||
<tr><td>
|
</tbody>
|
||||||
BIC: <td><pre>GENODEM1GLS</pre>
|
</table>
|
||||||
</table></center>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-12-medium">
|
<div class="col-6 col-12-medium">
|
||||||
<section>
|
<section>
|
||||||
<h3>Liberapay</h3>
|
<h3>Liberapay</h3>
|
||||||
<p>
|
<div>
|
||||||
We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.
|
<p>We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.</p>
|
||||||
<center><a class="button-large" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a></center>
|
<div class="text-center">
|
||||||
|
<a class="button-large my-1" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row my-0">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<section>
|
<section>
|
||||||
<h3>Since you're a non-profit, can I get a donation receipt?</h3>
|
<h3>Since you're a non-profit, can I get a donation receipt?</h3>
|
||||||
|
|
Loading…
Reference in a new issue