Template:Styles/2015 Trilogy default.css: Difference between revisions
Content deleted Content added
No edit summary |
add payment method buttons css |
||
Line 95:
font-size: .75em;
text-transform: uppercase;
font-weight: normal;
}
Line 233 ⟶ 234:
box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
}
.radiobuttons-cell label:active,
Line 250 ⟶ 249:
}
/* --- Payment method buttons --- */
.payment-method-button {
background-color: #eaeaea;
background-repeat: no-repeat;
background-position: center center;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.2), inset 0 14px 16px rgba(255,255,255,.75), inset 0 0 7px #fff;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2), inset 0 14px 16px rgba(255,255,255,.75), inset 0 0 7px #fff;
box-shadow: 0 0 2px rgba(0,0,0,.2), inset 0 14px 16px rgba(255,255,255,.75), inset 0 0 7px #fff;
background-size: auto 65%;
border: 1px solid #ddd;
width: 100%;
height: 3em;
display: block;
margin-bottom: .5em;
line-height: 1;
font-size: 1.4em;
text-transform: uppercase;
color: #367fb4;
cursor: pointer;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.payment-method-button:hover {
background-color: #e1e1e1;
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.4), 0 0 2px rgba(0,0,0,.2), inset 0 25px 16px rgba(255,255,255,.75), inset 0 0 24px rgba(255,255,255,.6);
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.4), 0 0 2px rgba(0,0,0,.2), inset 0 25px 16px rgba(255,255,255,.75), inset 0 0 24px rgba(255,255,255,.6);
box-shadow: 0 1px 6px rgba(0,0,0,.4), 0 0 2px rgba(0,0,0,.2), inset 0 25px 16px rgba(255,255,255,.75), inset 0 0 24px rgba(255,255,255,.6);
}
.payment-method-button:active {
background-color: #f9f9f9;
-moz-box-shadow: 0 0 2px rgba(0,0,0,.2), inset 1px 1px 3px rgba(0,0,0,.3), inset 0 0 7px #fff;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2), inset 1px 1px 3px rgba(0,0,0,.3), inset 0 0 7px #fff;
box-shadow: 0 0 2px rgba(0,0,0,.2), inset 1px 1px 3px rgba(0,0,0,.3), inset 0 0 7px #fff;
}
/* This will be overridden for IE 8 and below */
.paymentmethod-pp input,
.paymentmethod-amazon input,
.paymentmethod-bpay input {
text-indent: -10000px;
overflow: hidden;
}
.paymentmethod-cc input {
background-image: none;
}
.paymentmethod-pp input {
background-image: url('//upload.wikimedia.org/wikipedia/donate/8/8d/Paypal-color.svg');
}
.paymentmethod-amazon input {
background-image: url('//upload.wikimedia.org/wikipedia/donate/e/e4/Amazon-color.svg');
}
.paymentmethod-bpay input {
background-image: url('//upload.wikimedia.org/wikipedia/donate/e/e3/BPAY_Landscape_MONO.gif');
}
/* Don't mess with iDEAL and its weird capitalisation */
.paymentmethod-ideal .payment-method-button {
text-transform: none;
}
| |||