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

Content deleted Content added
Created page with "<div class="quote-wrapper"> {{quote |We can use the power of the internet for good. We will achieve this not as individuals, but as a collaborative movement of knowledge seekers. |Jimmy Wales, Founder of Wikipedia }} </div>"
 
No edit summary
Line 1:
<html>
<div class="quote-wrapper">
<style>
{{quote
.appeal-layout {
|We can use the power of the internet for good. We will achieve this not as individuals, but as a collaborative movement of knowledge seekers.
padding: 140px 40px;
|Jimmy Wales, Founder of Wikipedia
display: flex;
}}
align-items: center;
justify-content: center;
gap: 24px;
}
 
.appeal-text {
line-height: 1.8;
}
 
.appeal-text p.headline {
line-height:1.7;
font-size:26px;
font-weight:bold;
}
 
.appeal-text p.paragraph {
font-size:16px;
}
.quote-text {
margin: 0;
padding: 0 30px;
font-size: 26px;
line-height: 32px;
position: relative;
border: 0;
}
 
.quote-text::before,.quote-text::after{
color: #B2B7F2;
font-size: 40px;
line-height: 26px;
font-family: "Times New Roman",serif;
font-weight: bold;
position: absolute;
}
 
.quote-text::before {
content: open-quote;
top: 0;
left: 0;
}
 
.quote-text::after {
content: close-quote;
bottom: 0;
right: 0;
}
 
.quote-attribution {
display: block;
margin-top: 1em;
text-align: right;
font-size: 18px;
font-style: normal;
}
 
@media (max-width: 1400px) {
.appeal-layout {
flex-wrap: wrap;
padding: 0 5px;
}
 
.appeal-text p.headline {
font-size:24px;
}
 
}
 
/* Override hiding on mobile */
#appeal-wrapper {
display: block !important;
}
</style>
<div class="quoteappeal-wrapperlayout">
<div class="appeal-text">
<blockquote class="quote-text">
| <p>We <em>can</em> use the power of the internet for good. We will achieve this not as individuals, but as a collaborative movement of knowledge seekers.</p>
</blockquote>
<p><cite class="quote-attribution">— Jimmy Wales, Founder of Wikipedia</cite></p>
</div>
</div>
</html>