Template:Optin/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
move styles inline for testing
trying focus method instead
 
(33 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html>
<html>
<fieldset class="optin-options">
<fieldset class="optin-options">
<legend></html>{{Translated|Template:OptinText/Question}}<html></legend>
<ul>
<ul>
<li>
<li>
Line 11: Line 12:
</li>
</li>
</ul>
</ul>
<div class="optin-no-prompt" data-is-translated="</html>{{IsTranslated|Template:OptinText/PromptNo|{{int:lang}}}}<html>">
<div class="optin-smallprint">
* </html>{{Translated|Template:OptinText/Smallprint}}<html>
<div class="optin-no-prompt__no"></html>{{Translated|Template:OptinText/PromptNo}}<html></div>
<div class="optin-no-prompt__yes"></html>{{Translated|Template:OptinText/PromptYes}}<html></div>
</div>
<div id="error-optin" class="lp-error" style="display: none;" tabindex="-1"><!-- tabindex="-1" allows focus with js so it can be announced -->
</html>{{Translated|Template:OptinText/PleaseSelect}}<html>
</div>
<div class="optin-smallprint links-in-new-tab">
</html>{{Translated|Template:OptinText/Smallprint}}<html>
</div>
</div>
</fieldset>
</fieldset>
<style>
/* --- Opt-in --- */

.optin-options ul {
list-style: none;
margin: 0;
}

.optin-options li {
display: block;
clear: both;
}

.lp-radio {
float: left;
height: 18px;
margin: 4px 6px 0px 9px;
cursor: pointer;
}

.lp-radio-label {
display: block;
float: right;
padding: 3px 2px;
width: calc(100% - 30px);
white-space: normal;
font-size: 14px;
line-height: 19px;
font-weight: normal;
cursor: pointer;
}

.lp-radio-label:hover,
.lp-radio:focus + .lp-radio-label,
.lp-radio:hover + .lp-radio-label {
color: #36c;
text-decoration: none;
}

.optin-smallprint {
clear: both;
font-size: 12px;
line-height: 14px;
font-weight: normal;
margin-top: 3px;
padding: 0 4px;
}
</style>
</html>
</html>

Latest revision as of 19:12, 20 November 2024

Can we stay in touch?
Sorry to hear that. We don't email often; would you consider changing your mind?
Thanks for changing your mind! We'll respect your inbox.