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 |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1:
<html>
<div class="quote-wrapper">▼
<style>
.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: 100px 40px;
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;
}
.vector-body blockquote {
border-left:none;
padding:0 30px ds;
}
@media (max-width: 1400px) {
.appeal-layout {
flex-wrap: wrap;
padding: 0 5px;
}
.quote-text {
font-size: 22px;
}
.quote-attribution {
font-size: 16px;
}
}
/* Override hiding on mobile */
#appeal-wrapper {
display: block !important;
}
</style>
<div class="appeal-text">
<blockquote class="quote-text">
▲
</blockquote>
<p><cite class="quote-attribution">— Jimmy Wales, Founder of Wikipedia</cite></p>
</div>
</div>
</html>
|