Template:Paymentmethod/Trustly2: Difference between revisions
Content deleted Content added
Created page with "<html> <div class="payment-method-div monthly-capable paymentmethod-trustly"> <button class="payment-method-button" onclick="window.alert('This will go to Trustly'); return false;"> <div class="trustly-flag">Recommended</div> <div class="trustly-title">Donate with Online Banking</div> <div class="trustly-subtitle">More of your donation goes to Wikimedia Foundation</div> <!-- hotlinked image so they can update su..." |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
Line 1:
<html>
<style>
<div class="payment-method-div monthly-capable paymentmethod-trustly">▼
.paymentmethod-trustly2 .payment-method-button {
height: auto;
display: block;
position: relative;
overflow: visible;
margin-top: 1em;
color: #222;
padding: 10px;
}
.paymentmethod-trustly2 .trustly-flag {
position: absolute;
right: -1px;
top: 0;
translate: 0 -100%;
border: 1px solid #a2a9b1;
border-bottom: 0;
background-color: #2a4b8d;
color: #fff;
font-size: 12px;
line-height: 1;
padding: 4px 16px;
}
.paymentmethod-trustly2 .trustly-title {
font-weight: bold;
}
.paymentmethod-trustly2 .trustly-subtitle {
font-size: .8em;
margin-bottom: 10px;
}
.trustly-divider {
position: relative;
text-align: center;
margin-top: 4px;
}
.trustly-divider::before {
content: "";
position: absolute;
height: 1px;
width: 100%;
background: #a2a9b1;
left: 0;
top: 50%;
}
.trustly-divider span {
background: #fff;
position: relative;
z-index: 2;
padding: 0 8px;
}
</style>
<button class="payment-method-button" onclick="window.alert('This will go to Trustly'); return false;">
<div class="trustly-flag">Recommended</div>
Line 8 ⟶ 60:
<img src="https://paywithmybank.com/assets/mark_190x26/mark_190x26_default_light_en-US@4x.png" height="30" alt="">
</button>
<div class="trustly-divider"
<span>or</span>
</div>
</div>
</html>
| |||