Line 7: | Line 7: | ||
<img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/> | <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/> | ||
</div> | </div> | ||
+ | |||
<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px; | <div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px; | ||
− | margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div> | + | margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div> |
+ | |||
+ | |||
+ | <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"> | ||
+ | <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/> | ||
+ | </a> | ||
+ | <div id="light" class="white_content"> | ||
+ | <div style="font-size:large;"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div> | ||
+ | <div class="video_container"> | ||
+ | <video controls="" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png"> | ||
+ | <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="fade" class="black_overlay"></div> | ||
<!--<div> | <!--<div> | ||
<img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/> | <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/> | ||
Line 15: | Line 30: | ||
<img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/> | <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/> | ||
</div> | </div> | ||
− | + | --> | |
− | + | ||
− | + | ||
<div style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; margin-top: -30px; | <div style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; margin-top: -30px; | ||
Line 54: | Line 67: | ||
data-slide="next">›</a> | data-slide="next">›</a> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 66: | Line 75: | ||
<style> | <style> | ||
− | + | .black_overlay{ | |
− | + | display: none; | |
+ | position: absolute; | ||
+ | top: 0%; | ||
+ | left: 0%; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: black; | ||
+ | z-index:1001; | ||
+ | -moz-opacity: 0.8; | ||
+ | opacity:.80; | ||
+ | filter: alpha(opacity=88); } | ||
+ | .white_content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 25%; | ||
+ | left: 25%; | ||
+ | width: 55%; | ||
+ | height: 55%; | ||
+ | padding: 20px; | ||
+ | border: 10px solid orange; | ||
+ | background-color: white; | ||
+ | z-index:1002; | ||
+ | overflow: auto; } | ||
.introduction{ | .introduction{ | ||
font-size: x-large; | font-size: x-large; | ||
Line 118: | Line 149: | ||
margin-top: 3%;} | margin-top: 3%;} | ||
.homeplaybutton{ | .homeplaybutton{ | ||
− | z-index: | + | z-index: 1; |
− | + | position:absolute; | |
− | margin-left: | + | margin-left: 73vw; |
− | margin-top: | + | margin-top: -15vh;} |
.video_container { | .video_container { | ||
width: 100%; | width: 100%; |
Revision as of 19:05, 1 November 2017