Template:Appeal/FY2324 JP E3 H/ja: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
Creating Appeal for JP Email 3 - Test H (FY2324) |
m Deleted wrong CSS |
||
| Line 1: | Line 1: | ||
<div class="quote-wrapper"> |
|||
<html> |
|||
{{quote |
|||
<style> |
|||
|地球上のすべての人が、人類の知識の総和に自由にアクセスできる世界を想像してみてください。 |
|||
.appeal-layout { |
|||
|ジミー・ウェールズ（ウィキペディア創設者） |
|||
padding: 40px 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; |
|||
} |
|||
} |
|||
@media (min-width: 1200px) { |
|||
#main-wrapper #form-wrapper { |
|||
width: 50%; |
|||
} |
|||
} |
|||
#main-wrapper { |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
/* Override hiding on mobile */ |
|||
#appeal-wrapper { |
|||
display: block !important; |
|||
} |
|||
</style> |
|||
<div class="appeal-layout"> |
|||
<div class="appeal-text"> |
|||
<blockquote class="quote-text"> |
|||
<p>地球上のすべての人が、人類の知識の総和に自由にアクセスできる世界を想像してみてください。</p> |
|||
</blockquote> |
|||
<p><cite class="quote-attribution">ジミー・ウェールズ（ウィキペディア創設者）</cite></p> |
|||
</div> |
|||
</div> |
</div> |
||
</html> |
|||
Latest revision as of 02:07, 25 February 2024
地球上のすべての人が、人類の知識の総和に自由にアクセスできる世界を想像してみてください。
— ジミー・ウェールズ（ウィキペディア創設者）