Line 56: | Line 56: | ||
} | } | ||
.video { width: 680px; height: 400px; margin: auto; padding-top: 50px; padding-bottom: 50px;} | .video { width: 680px; height: 400px; margin: auto; padding-top: 50px; padding-bottom: 50px;} | ||
+ | .banner {display:table; margin:auto; width: 50%} | ||
<!--FadeIn--> | <!--FadeIn--> | ||
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | ||
Line 62: | Line 63: | ||
.container {position: fixed; top: 25%; left: 25%;} | .container {position: fixed; top: 25%; left: 25%;} | ||
− | + | ||
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
Line 106: | Line 107: | ||
-webkit-animation-delay: 2.1s; | -webkit-animation-delay: 2.1s; | ||
-moz-animation-delay:2.1s; | -moz-animation-delay:2.1s; | ||
− | animation-delay: 2.1s; | + | animation-delay: 2.1s;F |
} | } | ||
.fade-in.two.fourth { | .fade-in.two.fourth { | ||
Line 182: | Line 183: | ||
<iframe width="680" height="400" src="https://www.youtube.com/embed/DDVjJcul0pE" frameborder="0" allowfullscreen></iframe> | <iframe width="680" height="400" src="https://www.youtube.com/embed/DDVjJcul0pE" frameborder="0" allowfullscreen></iframe> | ||
</div> | </div> | ||
− | <div class="box fade-in | + | <div class="box fade-in third"> |
<div class="banner"> | <div class="banner"> | ||
<img src="https://static.igem.org/mediawiki/2016/3/3b/File-T--KoreaSonyeodul--KSBanner3.jpg"></img> | <img src="https://static.igem.org/mediawiki/2016/3/3b/File-T--KoreaSonyeodul--KSBanner3.jpg"></img> |
Revision as of 05:31, 16 October 2016