Template:Paymentmethod/Trustly2: Difference between revisions

From Donate
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-trustly .payment-method-button {
.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-trustly .trustly-flag {
.paymentmethod-trustly2 .trustly-flag {
position: absolute;
position: absolute;
right: 0;
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-trustly">
<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">or</div>
<div class="trustly-divider">
<span>or</span>
</div>
</div>
</div>
</html>
</html>

Latest revision as of 20:30, 1 October 2024

or