Donate
donatewiki
https://donate.wikimedia.org/wiki/Special:FundraiserRedirector
MediaWiki 1.46.0-wmf.24
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
42606
42450
2026-04-15T14:54:50Z
Pcoombe
5
rm skin-donate override, working on new CSS for this
42606
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;
}
.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;
}
.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;
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; }
/* --- 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: 16px;
-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.external {
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;
}
/* 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;
}
}
/* === end of Template:Styles/Default.css === */
cuegalsz75zo2sf30kejws32na09xxo
Template:Appeal/LisaVideo/en
10
10287
42607
2026-04-15T17:39:42Z
PPenloglou-WMF
52
Testing video appeal
42607
wikitext
text/x-wiki
<html>
<style>
/* Show/Hide Tools */
/* body.mw-special-FundraiserLandingPage div#mw-navigation {display: none;} */
body.mw-special-FundraiserLandingPage div#content {margin: 0; margin-left:48px;}
@media (max-width: 981px) {
body.mw-special-FundraiserLandingPage div#mw-navigation {display: block;}
body.mw-special-FundraiserLandingPage div#content {margin: 0;}
#p-logo div {
background-image: url('//upload.wikimedia.org/wikipedia/donate/8/85/Wikimedia_Endowment_2x.png');
background-position: center center; /* center horizontally & vertically */
background-size: 135px auto !important; /* keeps aspect ratio */
background-repeat: no-repeat;
display: block;
width: 100% !important;
height: 140px;
margin: 0;
text-decoration: none;
}
}
/* Supporting Wikipedia Appeal styles */
:root {
--font-serif: "Source Serif 4", Georgia, "Times New Roman", Times, serif;
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Lato,
Helvetica, Arial, sans-serif;
}
#supporting-wp {
max-width: 1440px;
}
#supporting-wp h2 {
font-family: var(--font-serif);
font-size: 34px;
line-height: 125%;
border: none;
margin-bottom: 0.5em;
}
#supporting-wp p {
font-family: var(--font-sans);
line-height: 150%;
margin-bottom: 2.5em;
}
#supporting-wp p.main {
font-size: 18px;
}
#supporting-wp p.footer {
font-size: 14px;
}
#supporting-wp div#badges {
display: flex;
flex-direction: row;
gap: 1em;
}
</style>
<script>
window.onload = function(){
const logoAnchor = document.querySelector('#p-logo a');
if (logoAnchor) {
const logoDiv = document.createElement('div');
logoDiv.setAttribute("class","mw-wiki-logo")
logoAnchor.parentNode.replaceChild(logoDiv, logoAnchor);
}
}
</script>
<section id="supporting-wp">
</html>[[File:Thank_You_from_Lisa.webm|thumbtime=36|800px|Thank you from Lisa]]<html>
</html>
bkhdxvjio7d8u6r01xs0gqglb01ncrk