diff options
author | Chris Coyier <chriscoyier@gmail.com> | 2015-10-07 16:58:48 +0300 |
---|---|---|
committer | Chris Coyier <chriscoyier@gmail.com> | 2015-10-07 16:58:48 +0300 |
commit | 0b14e434586040487ec6e4b58c906189eb550fe8 (patch) | |
tree | 86af62f3a72f115e10ed66800d50b7e1808f20bc /demo/css/style.css | |
parent | e1291c61c151ff89f70b3adee0b079e43f42b1df (diff) |
demo page updates
Diffstat (limited to 'demo/css/style.css')
-rw-r--r-- | demo/css/style.css | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/demo/css/style.css b/demo/css/style.css index 75a1e13..382f1f9 100644 --- a/demo/css/style.css +++ b/demo/css/style.css @@ -1,26 +1,21 @@ -/* -CSS-Tricks Example -by Chris Coyier -http://css-tricks.com -*/ - * { margin: 0; padding: 0; } body { - font: 20px/1.6 Georgia, serif; + font: 20px/1.6 georgia, serif; overflow-x: hidden; } #frame { margin: 3px 0 0 1px; } #page-wrap { - width: 570px; + max-width: 570px; margin: 25px auto; + padding: 0 15px; } h1 { - font: bold 50px Helvetica, sans-serif; + font: bold 50px sans-serif; letter-spacing: -2px; margin: 0 0 15px 0; } @@ -43,7 +38,7 @@ p { -moz-border-radius: 10px; -webkit-border-radius: 10px; } -iframe, .drag-arrow { +.drag-arrow { font-size: 14px; vertical-align: middle; } @@ -109,3 +104,16 @@ h2 { #demo-bar-badge:after { display: none !important; } + +.video-wrapper { + height: 0; + padding-top: 56.25%; + position: relative; +} +.video-wrapper > iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +}
\ No newline at end of file |