Template:Styles/2015 Trilogy default.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
add payment method buttons css |
||
Line 95: | Line 95: | ||
font-size: .75em; |
font-size: .75em; |
||
text-transform: uppercase; |
text-transform: uppercase; |
||
font-weight: normal; |
|||
} |
} |
||
Line 233: | Line 234: | ||
box-shadow: inset 0 1px 3px rgba(0,0,0,.25); |
box-shadow: inset 0 1px 3px rgba(0,0,0,.25); |
||
} |
} |
||
.radiobuttons-cell label:active, |
.radiobuttons-cell label:active, |
||
Line 250: | Line 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; |
|||
} |
|||