Template:Styles/Default.css: Difference between revisions

Jump to navigation Jump to search
Content deleted Content added
updated Amazon Pay logo (sadly not in SVG)
make buttons more consistent with banners, more accessible
Line 137: Line 137:
font-family: inherit;
font-family: inherit;
font-weight: 500;
font-weight: 500;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
}
.frequency-options label:hover,
.frequency-options label:hover,
Line 153: Line 155:
border-color: #7d8389;
border-color: #7d8389;
}
}

.frequency-options label.checked,
.radiobuttons-cell input[type="radio"]:checked + label {
background-color: #2a4b8d;
color: #fff;
border-color: #7d8389;
}

/* Focus styles */
.frequency-options label:focus,
.frequency-options label:focus,
.radiobuttons-cell label:focus,
.radiobuttons-cell label:focus,
.payment-method-button:focus {
.payment-method-button:focus {
outline: 0;
border-color: #3366cc;
border-color: #3366cc;
box-shadow: inset 0 0 0 1px #3366cc;
box-shadow: inset 0 0 0 1px #3366cc;
}
}

.frequency-options label.checked,
.radiobuttons-cell input[type="radio"]:checked + label {
.radiobuttons-cell input[type="radio"]:checked + label:focus {
box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
background-color: #2a4b8d;
color: #fff;
border-color: #7d8389;
}
}


Line 251: Line 261:
background-position: center center;
background-position: center center;
background-size: auto 60%;
background-size: auto 60%;
color: #367fb4;
color: #3366cc;
font-size: 1.1em;
font-size: 1.1em;
-webkit-appearance: none;
-webkit-appearance: none;