prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

youtube on light theme

Browse Source
This commit is contained in:
Adrien Beudin 2017-05-03 18:49:55 +02:00
parent 1813b8b1ca
commit dc7b297141
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
prosopopee/themes/light/static/css/style-page.css
View File

@ -230,3 +230,25 @@ footer a {
font-family: 'montserrat', sans-serif;
color: #111;
}
video.responsive-video {
max-width: 100%;
height: auto;
}
.youtube-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

5
prosopopee/themes/light/templates/sections/youtube.html Normal file
View File

@ -0,0 +1,5 @@
<section class="pictures-group">
<div class="youtube-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video_id }}" frameborder="0" allowfullscreen></iframe>
</div>
</section>