Template:Paymentmethod/Trustly2: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> |
<html> |
||
<style> |
<style> |
||
.paymentmethod- |
.paymentmethod-trustly2 .payment-method-button { |
||
height: auto; |
height: auto; |
||
display: block; |
display: block; |
||
Line 7: | Line 7: | ||
overflow: visible; |
overflow: visible; |
||
margin-top: 1em; |
margin-top: 1em; |
||
color: #222; |
|||
padding: 10px; |
|||
} |
} |
||
.paymentmethod- |
.paymentmethod-trustly2 .trustly-flag { |
||
position: absolute; |
position: absolute; |
||
right: |
right: -1px; |
||
top: 0; |
top: 0; |
||
translate: 0 -100%; |
translate: 0 -100%; |
||
Line 20: | Line 22: | ||
line-height: 1; |
line-height: 1; |
||
padding: 4px 16px; |
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> |
</style> |
||
<div class="payment-method-div monthly-capable paymentmethod- |
<div class="payment-method-div monthly-capable paymentmethod-trustly2"> |
||
<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 30: | 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