Template:Styles/Default.css: Difference between revisions

Jump to navigation Jump to search
Content deleted Content added
No edit summary
re-working buttons - attempting to fix phab:T216830
Line 173: Line 173:
.payment-method-button {
.payment-method-button {
display: block;
display: block;
background-color: #f8f9fa;
height: 50px;
line-height: 50px;
padding: 0 4px;
color: #222;
color: #222;
background-color: #f8f9fa;
border: 1px solid #9aa0a7;
border: 1px solid #a2a9b1;
border-radius: 2px;
border-radius: 2px;
padding: 1em .1em;
text-align: center;
text-align: center;
cursor: pointer;
font-family: inherit;
font-family: inherit;
font-weight: 500;
font-weight: 500;
transition: all .25s ease-in-out;
transition: all 100ms;
cursor: pointer;
}
}
.frequency-options label:hover,
.frequency-options label:hover,
.amount-options label:hover {
.amount-options label:hover {
background-color: #fff;
border-color: #a2a9b1;
color: #444;
color: #444;
}
.payment-method-button:hover {
background-color: #fff;
border-color: #a2a9b1;
}
}


Line 224: Line 220:
box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
}
}



/* --- Donation Amounts --- */
/* --- Donation Amounts --- */
Line 245: Line 240:
}
}
.amount-options label {
.amount-options label {
height: 4em;
height: 60px;
line-height: 2;
line-height: 60px;
}
}


.input_amount_other label {
.input_amount_other label {
padding: .5em;
display: table-cell;
line-height: 1.2;
vertical-align: middle;
line-height: 1;
}
}


.input_amount_other label span {
.input_amount_other label span {
font-size: .8em;
font-size: 12px;
}
}


Line 289: Line 285:
margin: 0;
margin: 0;
width: 100%;
width: 100%;
color: #3366cc;
color: #36c;
font-size: 1.1em;
font-size: 1.1em;
-webkit-appearance: none;
-webkit-appearance: none;
Line 297: Line 293:
padding: 0;
padding: 0;
height: 50px;
height: 50px;
line-height: initial;
}
}