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

From Donate
Jump to navigation Jump to search
Content deleted Content added
m PPenloglou-WMF moved page Template:Appeal/en6c-email3-demo to Template:Appeal/en6c-email3-demo/en: Added English to name.
m Testing CSS rearrangement
Line 1: Line 1:
<html>
== Demo ==
<style>
body {
display: flex;
flex-direction: row-reverse;
}


div#content.mw-body {
Thank you for considering a donation to the Wikimedia Foundation, the nonprofit that hosts Wikipedia and other crucial free knowledge projects.
flex: 1;
margin: 0;
padding: 0;
height: max-content;
overflow-y: auto;
}


/* Right Side */
Each year, because of the 2% of readers who give to support our mission, we can expand the reach of free knowledge to new corners of the world. If Wikipedia matters and is useful to you too, please join them and donate {{AppealAmountSwitch|language=en|country={{{country}}}|amount=all|$5, $20, $50}} or whatever feels right to you today.
div#bodyContent.vector-body {
overflow-y: auto;
max-height: 100vh;
}


div#mw-content-text.mw-body-content {
Wikipedia is different. No advertising, no subscription fees, no paywalls. Those don't belong here. Wikipedia is a place to learn, free from bias or agenda.
overflow-y: auto;
display: flex;
flex-direction: column;
padding: 0px;
gap: 30px;
}


div#mw-content-text.mw-body-content p {
Today, we invite you to donate whatever feels right. Show the world that access to independent and unbiased information matters to you.
margin: 0;
}


div#mw-content-text.mw-body-content img.wmf-logo {
Thank you.
width: 200px;
margin: 0;
}

/* Left Side */

div#mw-nagivation {
flex: 1;
background: url('https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.png');
background-position-y: 0%;
background-size: auto;
background-position-y: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow-y: hidden;
max-height: 100vh;
}

div#mw-nagivation h2{
display:none;
}
@media (max-width: 1400px) {}
</style>

</html>

Revision as of 22:45, 15 October 2023