Template:Paymentmethod/Trustly2: Difference between revisions
Jump to navigation
Jump to search
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: | Line 1: | ||
<html> |
<html> |
||
<style> |
|||
| ⚫ | |||
.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;"> |
<button class="payment-method-button" onclick="window.alert('This will go to Trustly'); return false;"> |
||
<div class="trustly-flag">Recommended</div> |
<div class="trustly-flag">Recommended</div> |
||
| Line 8: | Line 60: | ||
<img src="https://paywithmybank.com/assets/mark_190x26/mark_190x26_default_light_en-US@4x.png" height="30" alt=""> |
<img src="https://paywithmybank.com/assets/mark_190x26/mark_190x26_default_light_en-US@4x.png" height="30" alt=""> |
||
</button> |
</button> |
||
<div class="trustly-divider" |
<div class="trustly-divider"> |
||
<span>or</span> |
|||
</div> |
|||
</div> |
</div> |
||
</html> |
</html> |
||
Latest revision as of 20:30, 1 October 2024
or