Template:Appeal/en6c-email3-demo-countdown/en: Difference between revisions
Content deleted Content added
Donation page based on ZC_XXXXxxxx_Country(CR)_English(en)_Email3_ZC-Design-CountdownTimer |
mNo edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 5:
</figure>
<div class="appeal-text">
<strong>This year, will you take one minute to support our work?</strong> Whether you’ve used Wikipedia to study or you regularly just let one article lead you to the next, the joy of learning belongs to all of us. Let’s keep it that way.
</div>
</div>
<style>
body.mw-special-FundraiserLandingPage.page-Special_LandingPage{
background-color: #F9F9F9;
background-image:none;
}▼
.appeal-layout {
padding: 40px
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
background: #F7F5F2;
}
.appeal-image {
Line 20 ⟶ 26:
max-width: 100%;
}
▲ border: 1px solid #a2a9b1;
▲}
.appeal-image figcaption {
position: absolute;
Line 56 ⟶ 60:
display: block !important;
}
/* Form updates */
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper {
background: #F7F5F2;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper input[type="radio"]:checked + .frb-btn {
background-color: #D8623D;
color: #fff;
border-color: #D8623D;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper input[type="radio"]:focus + .frb-btn, input[type="radio"]:checked + .frb-btn:focus {
box-shadow: inset 0 0 0 1px #D8623D, inset 0 0 0 2px #fff;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper .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:#D8623D;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper .payment-method-button {
color:#D8623D;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage #form-wrapper .payment-method-button:hover {
border-color:#D8623D;
}
</style>
</html>
|