Template:Appeal/FY2324 E3 XM/en: Difference between revisions

Content deleted Content added
No edit summary
mNo edit summary
 
(11 intermediate revisions by the same user not shown)
Line 29:
width: 200px;
margin: 0 auto;
}
 
.wmf-mb-logo {
display: none;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content .mw-parser-output #main-wrapper #form-wrapper {
Line 65 ⟶ 69:
 
@media (max-width: 980px) {
.wmf-mb-logo {display:block; width:200px; margin:20px auto}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo {display:none;}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
overflow-y: auto;
height: max-content;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage {
flex-direction: column-reverse;
Line 70 ⟶ 80:
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content .mw-parser-output #main-wrapper #form-wrapper {
width: 380px;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2,{
flex: 1unset;
background-size: coverunset;
overflow-y: autounset;
max-height: 100vhunset;
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#content.mw-body {
flex: 1unset;
marginheight: 0unset;
paddingoverflow-y: 0hidden;
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-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: 28px16px;
text-alignpadding: center0;
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 {
textfont-alignsize: right14px;
aligntext-itemsalign: center;
}
 
}
</style>
Line 136 ⟶ 112:
var rightSide = document.getElementById("mw-content-text");
rightSide.insertBefore(logo, rightSide.firstChild);
 
 
var emptyParagraph = document.querySelector('.wmf-logo').nextElementSibling;
emptyParagraph.style.display = "none";
Line 142 ⟶ 120:
function addQuote() {
var quote = document.createElement("div");
quote.innerHTML = "<img src='https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg' class='wmf-mb-logo' alt='Wikimedia Foundation Logo'><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");