Template:Optin/Default: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
trying focus method instead |
||
(29 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> |
||
<input class="lp-radio" type="radio" name="opt_in" id="optin-yes" value="1"> |
<input class="lp-radio" type="radio" name="opt_in" id="optin-yes" value="1"> |
||
<label class="lp-radio-label" for="optin-yes"></html>{{ |
<label class="lp-radio-label" for="optin-yes"></html>{{Translated|Template:OptinText/Yes}}<html></label> |
||
</li> |
</li> |
||
<li> |
<li> |
||
<input class="lp-radio" type="radio" name="opt_in" id="optin-no" value="0"> |
<input class="lp-radio" type="radio" name="opt_in" id="optin-no" value="0"> |
||
<label class="lp-radio-label" for="optin-no"></html>{{ |
<label class="lp-radio-label" for="optin-no"></html>{{Translated|Template:OptinText/No}}<html></label> |
||
</li> |
</li> |
||
</ul> |
</ul> |
||
<div class="optin-no-prompt" data-is-translated="</html>{{IsTranslated|Template:OptinText/PromptNo|{{int:lang}}}}<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"> |
<div class="optin-smallprint links-in-new-tab"> |
||
</html>{{Translated|Template:OptinText/Smallprint}}<html> |
|||
</html>{{#tag:html|{{int:donate_interface-donor-opt_in_explain|https://foundation.wikimedia.org/wiki/Special:LandingCheck?basic=true&language={{int:lang}}&landing_page=Donor_privacy_policy}}}}<html> |
|||
</div> |
</div> |
||
</fieldset> |
</fieldset> |
||
<input type="hidden" name="variant" value="emailExplain" /><!-- don't show opt-in on payments --> |
|||
<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; |
|||
padding: 4px; |
|||
} |
|||
</style> |
|||
</html> |
</html> |
Latest revision as of 19:12, 20 November 2024