Template:Styles/Default.css: Difference between revisions

Content deleted Content added
change amount label styles to frb-btn so we can use a label for PTF in amount section
moving styles from opt-in template, and adding checkbox styles for PTF
Line 278:
appearance: none;
}
 
/* --- Opt-in and PTF input styles --- */
 
.lp-radio, .lp-checkbox {
display: table-cell;
vertical-align: top;
margin: 7px 8px 8px 2px;
cursor: pointer;
}
 
.lp-radio-label, .lp-checkbox-label {
display: table-cell;
vertical-align: top;
padding: 4px 0;
white-space: normal;
font-size: 14px;
line-height: 18px;
font-weight: normal;
cursor: pointer;
}
 
.lp-radio-label:hover,
.lp-radio:focus + .lp-radio-label,
.lp-radio:hover + .lp-radio-label,
.lp-checkbox-label:hover,
.lp-checkbox:focus + .lp-checkbox-label,
.lp-checkbox:hover + .lp-checkbox-label {
color: #36c;
text-decoration: none;
}
 
/* --- Opt-in --- */
 
.optin-options {
padding: 0 4px !important;
}
.optin-options legend {
padding: 0;
font-size: inherit;
font-weight: bold;
}
 
.optin-options ul {
list-style: none;
margin: 0;
}
 
.optin-options li {
display: table;
}
 
.optin-smallprint {
clear: both;
font-size: 12px;
line-height: 14px;
margin-top: 8px;
}
 
.optin-no-prompt {
display: none;
margin: 0;
padding: 6px;
border: 2px solid #900;
border-radius: 2px;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}
.optin-no-prompt.is-positive {
border-color: #14866d;
font-weight: bold;
}
 
.optin-no-prompt__yes { display: none; }
.optin-no-prompt__no { display: block; }
 
.optin-no-prompt.is-positive .optin-no-prompt__yes { display: block; }
.optin-no-prompt.is-positive .optin-no-prompt__no { display: none; }
 
/* --- Payment method buttons --- */