diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css index bda2447..036c89e 100644 --- a/prosopopee/themes/exposure/static/css/style-page.css +++ b/prosopopee/themes/exposure/static/css/style-page.css @@ -477,3 +477,21 @@ 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: 77%; + width: 77%; + margin-left: 11.5%; + margin-right: 11.5%; +} diff --git a/prosopopee/themes/exposure/templates/sections/youtube.html b/prosopopee/themes/exposure/templates/sections/youtube.html new file mode 100644 index 0000000..72720da --- /dev/null +++ b/prosopopee/themes/exposure/templates/sections/youtube.html @@ -0,0 +1,5 @@ +
+
+ +
+