Template:Styles/Default.css: Difference between revisions
Jump to navigation
Jump to search
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: | Line 278: | ||
appearance: none; |
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 --- */ |
/* --- Payment method buttons --- */ |