Template:Appeal/en6c-email3-demo/en: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
mNo edit summary
mNo edit summary
Line 1: Line 1:
<html>
<html>
<style>
<style>
body.mw-special-FundraiserLandingPage.page-Special_LandingPage {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage {
display: flex;
display: flex;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#content.mw-body {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#content.mw-body {
flex: 1;
margin: 0;
flex: 1;
padding: 0;
margin: 0;
padding: 0;
height: max-content;
height: max-content;
overflow-y: auto;
overflow-y: auto;
}
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#bodyContent.vector-body {

overflow-y: auto;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#bodyContent.vector-body {
max-height: 100vh;
overflow-y: auto;
}
max-height: 100vh;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content {
}
overflow-y: auto;

display: flex;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content {
flex-direction: column;
overflow-y: auto;
padding: 30px;
gap: 30px;
display: flex;
flex-direction: column;
}
padding: 30px;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content div#appeal-wrapper {
display: none;
gap: 30px;
}
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content div#appeal-wrapper {
width: 200px;
display: none;
margin: 0 auto;
}
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo {
flex: 1;
width: 200px;
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.png");
margin: 0 auto;
background-position-y: 0%;
}
background-size: auto;

background-position-y: center;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
display: flex;
align-items: center;
flex: 1;
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.png");
justify-content: center;
background-position-y: 0%;
flex-direction: column;
background-size: auto;
overflow-y: hidden;
background-position-y: center;
max-height: 100vh;
display: flex;
}
align-items: center;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2,
justify-content: center;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation div#mw-panel {
flex-direction: column;
display: none;
overflow-y: hidden;
}
max-height: 100vh;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal {
padding: 0 2rem;
}

}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-quote {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2,
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation div#mw-panel {
font-size: 28px;
text-align: center;
display: none;
}
line-height: 1.5;

font-weight: bold;
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal {
padding: 0 2rem;
margin-bottom: 30px;
padding: 0 2rem;
}
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-founder {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-quote {
text-align: right;
font-size: 28px;
}
text-align: center;
line-height: 1.5;
font-weight: bold;
padding: 0 2rem;
margin-bottom: 30px;
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-founder {
text-align: right;
}


@media (max-width: 1400px) {}
@media (max-width: 1400px) {}
Line 71: Line 81:
var rightSide = document.getElementById("mw-content-text");
var rightSide = document.getElementById("mw-content-text");
rightSide.insertBefore(logo, rightSide.firstChild);
rightSide.insertBefore(logo, rightSide.firstChild);
var emptyParagraph = document.querySelector('wmf-logo').nextElementSibling;
emptyParagraph.style.display = "none";
}
}


Line 83: Line 95:
document.addEventListener("DOMContentLoaded", addQuote);
document.addEventListener("DOMContentLoaded", addQuote);
</script>
</script>

</html>
</html>

Revision as of 10:55, 16 October 2023