Template:FrDS HeroVideo: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
RLopez-WMF (talk | contribs) No edit summary |
RLopez-WMF (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
<templatestyles src="Template:FrDS_HeroVideo/styles.css" /> |
|||
<html> |
<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: #FFFFFF; |
|||
background-color: rgba(0,0,0,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"> |
<header class="hero"> |
||
<div class="wrapper"> |
<div class="wrapper"> |
Revision as of 21:09, 26 July 2023
Giving monthly
If Wikipedia is a feature of your daily life, help us ensure every person on the planet gets the same access to knowledge.
Support Us