Donate
donatewiki
https://donate.wikimedia.org/wiki/Special:FundraiserRedirector
MediaWiki 1.48.0-wmf.4
first-letter
Media
Special
Talk
User
User talk
Donate
Donate talk
File
File talk
MediaWiki
MediaWiki talk
Template
Template talk
Help
Help talk
Category
Category talk
Campaign
Campaign talk
TimedText
TimedText talk
Module
Module talk
Template:Styles/Default.css
10
6437
43255
43075
2026-11-10T17:40:48Z
Pcoombe
5
make the opt-in prompt more like standard codex message
43255
css
text/css
/* === Template:Styles/Default.css === */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* visually hidden - screenreader only */
.sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
line-height: 1.6;
font-size: 16px;
color: #202122;
}
p {
margin: 0.5em 0;
}
/* Hide these until the required JavaScript fiddling has been done */
#actual-form,
.consider-amounts {
display: none;
}
#actual-form-loading {
text-align: center;
line-height: 1.2;
}
.error-nojs {
max-width: 300px;
color: #d73333;
}
/* Hide default MediaWiki stuff we don't want */
#mw-page-base, #mw-head-base,
#mw-panel .portal,
#mw-head, #catlinks,
#firstHeading, #contentSub, #contentSub2, #siteSub,
#jump-to-nav, .uls-tipsy,
.mw-editsection, .printfooter {
display: none;
}
.mw-jump-link {
display: none !important;
}
/* Hide minerva stuff */
.header-container {
display: none;
}
/* Vector 2022 */
.vector-column-end,
.vector-main-menu-landmark,
.vector-header-end,
.vector-page-titlebar,
.vector-page-toolbar {
display: none !important;
}
/* Re-add gradient background */
body {
background-image: linear-gradient(to bottom, #fff 40px, #f6f6f6 80px);
background-position: top;
background-repeat: repeat-x;
background-color: #f6f6f6;
}
body #content {
background-color: transparent;
background-image: none;
border: 0;
padding-top: 32px;
}
/* Link colors for visibility */
.mw-parser-output a,
.mw-parser-output a.external,
.mw-parser-output a.extiw {
color: #36c;
text-decoration: none;
}
.mw-parser-output a:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:visited {
color: #6f4db3;
}
.mw-parser-output a:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.extiw:hover {
text-decoration: underline;
}
.lp-error {
color: #d73333;
font-weight: 500;
font-size: 14px;
}
/* Prevent site logos from showing through modals (e.g. for monthly convert) */
.vector-body {
position: inherit;
}
body.modal-open {
overflow: hidden;
position: fixed;
}
/* --- Overall layout of the landing page --- */
#main-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
body.rtl #main-wrapper {
direction: rtl;
}
#form-wrapper {
width: 380px;
background-color: #fff;
border: 1px solid #a2a9b1;
border-radius: 2px;
padding: 24px;
font-size: 14px;
}
#appeal-wrapper {
flex: 1 0 0;
}
/* --- Appeal --- */
#appeal {
font-size: 16px;
}
#appeal .mw-heading2,
#appeal-head {
font-size: 21px;
padding-bottom: 10px;
border-bottom: 1px solid #a2a9b1;
margin-bottom: 21px;
}
.quote-wrapper {
padding: 140px 0;
}
/* --- Hide non-recurring capable payment methods on recurring forms --- */
.form-monthly .not-monthly-capable,
form[data-frequency="monthly"] .not-monthly-capable,
form[data-frequency="annual"] .not-monthly-capable {
display: none;
}
/* --- Form --- */
#donate-form-wrapper fieldset {
width: 100%;
border: 0;
margin: 0 0 8px 0;
padding: 0;
}
.frequency-options ul,
.amount-options ul {
display: grid;
margin: 0;
padding: 0;
list-style: none;
gap: 8px;
margin-bottom: 8px;
}
.frequency-options ul {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.amount-options ul {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
/*
Use 3 columns for 3 or 6 amount options
Note :has() and :is() support are not universal, but this is fine as a progressive enhancement.
*/
.amount-options ul:has(li:nth-child(3):is(:last-child)),
.amount-options ul:has(li:nth-child(6):is(:last-child)) {
grid-template-columns: 1fr 1fr 1fr;
}
.frequency-options ul li,
.amount-options ul li {
padding: 0;
}
/* --- Subheaders --- */
#radiobuttons-table-header,
#paymenttype-table-header {
display: block;
margin-bottom: 6px;
text-align: center;
font-weight: bold;
}
/* --- Commmon button styles --- */
.frequency-options input[type="radio"],
.amount-options input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
.frb-btn,
.payment-method-button {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
text-align: center;
height: 50px;
padding: 0 2px;
border-radius: 2px;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
background-color: #f8f9fa;
color: #222;
border: 1px solid #a2a9b1;
}
.frb-btn:hover {
background-color: #fff;
color: #444;
border-color: #a2a9b1;
}
.frb-btn:active {
background-color: #c8ccd1;
color: #000;
border-color: #72777d;
box-shadow: none;
}
input[type="radio"]:checked + .frb-btn {
background-color: #2a4b8d;
color: #fff;
border-color: #2a4b8d;
}
@media screen and (forced-colors: active) {
input[type="radio"]:checked + .frb-btn {
background-color: Highlight;
}
}
.frb-btn:focus,
.payment-method-button:focus {
outline: 0;
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
}
input[type="radio"]:focus + .frb-btn,
input[type="radio"]:checked + .frb-btn:focus {
box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
}
.payment-method-button {
color: #36c;
}
.payment-method-button:hover {
background-color: #fff;
border-color: #447ff5;
}
.payment-method-button:active {
background-color: #eff3fa;
color: #2a4b8d;
border-color: #2a4b8d;
box-shadow: none;
}
/* --- Donation Amounts --- */
.amount-options .frb-btn {
height: 60px;
font-size: 15px;
line-height: 1.2;
text-align: center;
}
/* Smaller font size for countries with v long amounts */
.country-CO .amount-options .frb-btn,
.country-CR .amount-options .frb-btn,
.country-KR .amount-options .frb-btn,
.country-PY .amount-options .frb-btn,
.country-VN .amount-options .frb-btn {
font-size: 13px;
}
.input_amount_other .frb-btn span {
display: block;
font-size: 12px;
line-height: 1;
margin-bottom: 2px;
white-space: normal;
text-align: center;
}
.input_amount_other input {
display: block;
width: 100%;
border: 1px solid #a2a9b1;
color: #222;
padding: 2px;
border-radius: 2px;
direction: ltr;
text-align: center;
font-family: inherit;
font-size: 16px; /* must be >=16px or mobile Safari zooms in when selected */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 4px;
}
/* --- Opt-in and PTF input styles --- */
.lp-radio-wrapper,
.lp-checkbox-wrapper {
display: table;
}
.lp-radio,
.lp-checkbox {
display: table-cell;
vertical-align: top;
margin: 7px 8px 8px 2px;
cursor: pointer;
}
body.rtl .lp-radio,
body.rtl .lp-checkbox {
margin: 7px 2px 8px 8px;
}
.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;
}
.lp-radio:disabled + .lp-radio-label,
.lp-checkbox:disabled + .lp-checkbox-label {
color: #a2a9b1;
}
/* --- Opt-in --- */
.optin-options legend {
padding: 0;
font-size: inherit;
font-weight: bold;
}
.optin-options ul {
list-style: none;
margin: 0;
padding: 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;
background-color: #ffe9e5;
border: 1px solid #f54739;
border-radius: 2px;
font-size: 14px;
line-height: 18px;
font-weight: normal;
}
.optin-no-prompt.is-positive {
background-color: #dff2eb;
border-color: #099979;
}
.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; }
/* --- PTF --- */
.ptf {
display: none;
}
/* --- Payment method buttons --- */
.payment-method-div {
padding: 4px 0;
}
/* Hide extra empty <p> tags between buttons */
.payment-method-div ~ p {
display: none;
}
.payment-method-button {
margin: 0;
width: 100%;
font-size: 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
gap: 2px;
}
/* --- Infobox ("Where your donation goes") --- */
#infobox-wrapper {
font-size: 13px;
line-height: 1.4;
color: #54595d;
font-weight: normal;
margin-top: 8px
}
#infobox-wrapper .mw-heading2 {
font-size: 16px;
font-weight: bold;
color: inherit;
border: 0;
margin-bottom: 8px;
}
#infobox-wrapper h2 {
font-size: inherit;
}
/* --- Privacy and links --- */
#donate-footer {
width: 100%;
max-width: 948px;
margin: 24px auto;
text-align: left;
font-size: 13px;
line-height: 1.4;
color: #54595d;
}
/* RTL fix for footer.*/
[lang="ar"] #donate-footer,
[lang="he"] #donate-footer,
[lang="fa"] #donate-footer,
[lang="ur"] #donate-footer,
[lang="ps"] #donate-footer,
[lang="sd"] #donate-footer,
[lang="dv"] #donate-footer,
[lang="yi"] #donate-footer,
[lang="ckb"] #donate-footer {
text-align: start;
}
#donate-footer > div {
margin-bottom: 1em;
}
.form-info-links,
.form-info-links ul {
list-style: none;
margin: 0;
text-align: center;
font-size: 15px;
}
.form-info-links li {
display: inline-block;
}
.form-info-links a {
padding: 14px !important;
}
/* --- Footer --- */
.mw-footer {
display: none;
}
/* Credit card logos.
* Classes are added by https://donate.wikimedia.org/wiki/MediaWiki:DonationForm.js ---
*/
.paymentmethod-cc svg {
display: none;
}
.cctypes-vmad,
.cctypes-vmaj,
.cctypes-vmj,
.cctypes-vma,
.cctypes-vm,
.cctypes-CBvma,
.cctypes-vmar {
font-size: 0; /* Remove spacing between icons */
}
.cctypes-vmad .cc-logo-visa,
.cctypes-vmad .cc-logo-mastercard,
.cctypes-vmad .cc-logo-amex,
.cctypes-vmad .cc-logo-discover,
.cctypes-vmaj .cc-logo-visa,
.cctypes-vmaj .cc-logo-mastercard,
.cctypes-vmaj .cc-logo-amex,
.cctypes-vmaj .cc-logo-jcb,
.cctypes-vmj .cc-logo-visa,
.cctypes-vmj .cc-logo-mastercard,
.cctypes-vmj .cc-logo-jcb,
.cctypes-vma .cc-logo-visa,
.cctypes-vma .cc-logo-mastercard,
.cctypes-vma .cc-logo-amex,
.cctypes-vm .cc-logo-visa,
.cctypes-vm .cc-logo-mastercard,
.cctypes-CBvma .cc-logo-CB,
.cctypes-CBvma .cc-logo-visa,
.cctypes-CBvma .cc-logo-mastercard,
.cctypes-CBvma .cc-logo-amex,
.cctypes-vmar .cc-logo-visa,
.cctypes-vmar .cc-logo-mastercard,
.cctypes-vmar .cc-logo-amex,
.cctypes-vmar .cc-logo-rupay {
display: inline-block !important;
}
.paymentmethod-cc .cc-logo-rupay {
border: 0;
}
/* Logos - WP on top, WMF horizontal below */
#p-logo a {
/* Need explicit height for backgrounds for IE */
background: top 30% center/160px 24px url(https://donate.wikimedia.org/static/images/mobile/copyright/wikipedia-wordmark-en.svg), top 70% center/160px 37px url(https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg);
background-repeat: no-repeat;
margin-left: 8px;
cursor: default;
}
/* Mobile styles */
@media (max-width: 981px) {
/* Text & Logo layout */
body.skin-vector-legacy #content {
margin: 0;
padding: 140px 24px 24px 24px;
}
#mw-panel, #p-logo, #p-logo a {
width: 100% !important;
height: 140px;
margin: 0;
}
#p-logo a {
margin-left: 0;
}
/* Hide appeal */
#appeal-wrapper {
display: none;
}
#form-wrapper {
padding: 16px;
}
/* Footer */
div#footer {
margin: 0;
}
}
@media (max-width: 721px) {
/* Stack appeal and form */
#appeal-wrapper {
flex-basis: 100%;
padding: 0;
}
}
@media (max-width: 501px) {
/* Appeal same width as form */
#appeal-wrapper {
max-width: 380px;
padding: 0;
}
body.skin-vector-legacy #content {
padding: 140px 8px 8px 8px;
}
#donate-footer {
max-width: 380px;
}
}
#country-confirm {
text-align: center;
margin-top: -12px;
padding: 4px 0;
border-bottom: 1px solid #a2a9b1;
margin-bottom: 8px;
font-size: 90%;
}
@media (min-width: 980px) {
#country-confirm {
margin-top: -18px;
}
}
/* -- Donate skin fixes -- */
body.skin-donate .mw-body-content {
padding: 0 24px 24px 24px;
}
body.skin-donate #p-logo a {
display: block;
}
body.skin-donate h2 {
font-size: 21px;
font-weight: normal;
margin-bottom: 0;
}
@media screen and (min-width: 982px) {
body.skin-donate .mw-body-content {
padding: 1.25em 1.5em 1.5em 1.5em;
}
body.skin-donate #main-wrapper {
margin-left: 200px;
width: auto;
}
body.skin-donate #p-logo a {
position: absolute;
display: block;
height: 160px;
width: 160px;
left: 16px;
}
}
/* === end of Template:Styles/Default.css === */
ipy0z9ffq6ewm3x7nlfvb6kv84d56ii
Template:Paymentmethod/Trustly
10
9777
43256
42408
2026-11-11T00:58:04Z
CStone (WMF)
50
Turning off trustly
43256
wikitext
text/x-wiki
<!--<html>
<style>
form[data-frequency="onetime"] .paymentmethod-trustly { display: none; }
</style>
<div class="payment-method-div monthly-capable paymentmethod-trustly">
<button class="payment-method-button" onclick="donationForm.redirectPayment('trustly'); return false;" style="flex-direction: column; gap: 1px; font-size: 15px; color: #222;">
<img src="https://upload.wikimedia.org/wikipedia/donate/c/cb/Trustly_donate_wiki.png" height="22" alt="Trustly">
Donate by online banking
</button>
</div>
</html>-->
f0ceggllhs43qm5m21r6kztaybeygom