Donate

Template:FrDS HeroVideo: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
RLopez-WMF (talk | contribs)
399 edits
No edit summary
RLopez-WMF (talk | contribs)
399 edits
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 1:
<templatestyles src="Template:FrDS_HeroVideo/styles.css" />
<html>
<style>
/* Hero styles */
.hero {
display: flex;
padding: 40px 0px;
background: #DBF3EC;
}
.hero .wrapper{
display: flex;
padding: 0px 20px;
flex-direction: column;
gap: 40px;
max-width: 1060px;
margin: 0 auto;
}
.hero .wrapper div:first-of-type{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.hero .wrapper div:last-of-type{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.player > pre{
padding: 0;
border-radius: 20px;
font-size: 0;
}
.player > pre > span{
display: block;
}
.mw-tmh-label{
font-size: 12px !important;
color: #202122;
background-color: rgba(255,255,255,0.8);
}
@media only screen and (min-width:960px) {
.hero .wrapper{
flex-direction: row;
gap: 100px;
align-items: center;
}
.hero .wrapper .player{
width: 480px;
flex-shrink: 0;
}
}
</style>
<header class="hero">
<div class="wrapper">
<div>
<p><a href="https://donate.wikimedia.org/wiki/Ways_to_Give" class="link--has-no-underline">← <span class="link--has-underline">Ways to give</span></a></p>
<h1>Giving monthly</h1>
<p>If Wikipedia is a feature of your daily life, help us ensure every person on the planet gets the same access to knowledge.</p>
<a href="#https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?monthly=true&uselang=en&wmf_medium=recurringHub&wmf_campaign=recurringHub&wmf_source=recurringHub_hero" class="button green-bg">
<img src="https://upload.wikimedia.org/wikipedia/donate/a/a1/Icon-donate-white.png">
Support Us
Retrieved from "https://donate.wikimedia.org/wiki/Template:FrDS_HeroVideo"