Template:Optin/Default: Difference between revisions

Content deleted Content added
add hidden error message (show with javascript)
moved javascript to MediaWiki:DonationForm.js
 
(21 intermediate revisions by 2 users not shown)
Line 1:
<html>
<fieldset class="optin-options">
<legend></html>{{Translated|Template:OptinText/Question}}<html></legend>
<span id="error-optin" class="lp-error" style="display: none;">
</html>{{int:donate_interface-error-msg-opt_in}}<html>
</span>
<ul>
<li>
<input class="lp-radio" type="radio" name="opt_in" id="optin-yes" value="1">
<label class="lp-radio-label" for="optin-yes"></html>{{intTranslated|Template:donate_interface-donor-opt_in_yesOptinText/Yes}}<html></label>
</li>
<li>
<input class="lp-radio" type="radio" name="opt_in" id="optin-no" value="0">
<label class="lp-radio-label" for="optin-no"></html>{{intTranslated|Template:donate_interface-donor-opt_in_noOptinText/No}}<html></label>
</li>
</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>
<span id="error-optin" class="lp-error" style="display: none;">
</html>{{Translated|Template:OptinText/PleaseSelect}}<html>
</span>
<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>
</fieldset>
<style/html>
/* --- Opt-in --- */
 
.optin-options ul {
list-style: none;
margin: 0;
}
 
.optin-options li {
display: table;
}
 
.lp-radio {
display: table-cell;
vertical-align: top;
height: 18px;
margin: 8px;
cursor: pointer;
}
 
.lp-radio-label {
display: table-cell;
vertical-align: top;
padding: 4px 0;
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>