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

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
mNo edit summary
mNo edit summary
 
(21 intermediate revisions by the same user not shown)
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 {
flex: 1;
margin: 0;
padding: 0;
height: max-content;
overflow-y: auto;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#bodyContent.vector-body {
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;
flex-direction: column;
padding: 30px;
gap: 30px;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content div#appeal-wrapper {
display: none;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo {
width: 200px;
margin: 0 auto;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content .mw-parser-output #main-wrapper #form-wrapper {
width: 35vw;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
flex: 1;
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.svg");
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow-y: hidden;
max-height: 100vh;
background-size: cover;
background-position: center;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2,
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation div#mw-panel {
display: none;
}
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 {
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;
}


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


/* Right Side */
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#bodyContent.vector-body {
overflow-y: auto;
max-height: 100vh;
}


@media (max-width: 1400px) {}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content {
</style>
overflow-y: auto;
<script>
display: flex;
function addImageOnLoad() {
flex-direction: column;
var logo = document.createElement("img");
padding: 0px;
logo.src = "https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg";
gap: 30px;
logo.classList.add("wmf-logo");
var rightSide = document.getElementById("mw-content-text");
rightSide.insertBefore(logo, rightSide.firstChild);
var emptyParagraph = document.querySelector('.wmf-logo').nextElementSibling;
emptyParagraph.style.display = "none";
}
}


function addQuote() {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content p {
var quote = document.createElement("div");
margin: 0;
quote.innerHTML = "<p class='jimmy-quote'>“Imagine a world in which every single person on the planet has free access to the sum of all human knowledge.”</p><p class='jimmy-founder'>Jimmy Wales - Founder of Wikipedia</p>";
quote.classList.add("jimmy-appeal")
var leftSide = document.getElementById("mw-navigation");
leftSide.insertBefore(quote, leftSide.firstChild);
}
}
document.addEventListener("DOMContentLoaded", addImageOnLoad);

document.addEventListener("DOMContentLoaded", addQuote);
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo {
</script>
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>
</html>

Latest revision as of 11:54, 16 October 2023

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Template:Appeal/en6c-email3-demo/en&oldid=38767"