Difference between revisions of "Team:NKU China"
Dongzhuoer (Talk | contribs) |
|||
| (14 intermediate revisions by 2 users not shown) | |||
| 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 style="text-align:center;"> | ||
| + | <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="controls" autoplay="autoplay" 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> | ||
| + | <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 32: | ||
<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=" | + | <div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px; |
margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div> | margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div> | ||
| − | <div id="home-Carousel" class="carousel slide" data-ride="carousel"> | + | <div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel"> |
<!-- 轮播（Carousel）指标 --> | <!-- 轮播（Carousel）指标 --> | ||
<ol class="carousel-indicators"> | <ol class="carousel-indicators"> | ||
| Line 54: | Line 69: | ||
data-slide="next">›</a> | data-slide="next">›</a> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| Line 66: | Line 77: | ||
<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: 20vmin; | ||
| + | text-align:center; | ||
| + | width: 100vw; | ||
| + | height: 81vh; | ||
| + | padding: 20px; | ||
| + | border: 10px solid orange; | ||
| + | background-color: white; | ||
| + | z-index:1002; | ||
| + | overflow: none; } | ||
.introduction{ | .introduction{ | ||
font-size: x-large; | font-size: x-large; | ||
| Line 118: | Line 151: | ||
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%; | ||
padding-left: 10%; | padding-left: 10%; | ||
padding-right: 10%; | padding-right: 10%; | ||
| − | height: | + | height: 50vh; |
position: relative; | position: relative; | ||
| + | } | ||
| + | .video_container video { | ||
| + | height:500px; | ||
| + | |||
} | } | ||
#home-Carousel{ | #home-Carousel{ | ||
| − | margin-left: | + | margin-left:30vw; |
| − | margin-right: | + | margin-right:30vw; |
margin-top:5vmin; | margin-top:5vmin; | ||
margin-bottom:5vmin;} | margin-bottom:5vmin;} | ||
.home-pic{ | .home-pic{ | ||
| − | max-width: | + | max-width:40vw;} |
#mw-content-text { | #mw-content-text { | ||
text-align: justify;} | text-align: justify;} | ||
| Line 199: | Line 236: | ||
.new-wrapper{ | .new-wrapper{ | ||
margin-top:-10vmin;} | margin-top:-10vmin;} | ||
| + | |||
| + | #mw-content-text #home-Carousel { | ||
| + | background-image: url(https://static.igem.org/mediawiki/2017/e/ec/Homecar4-backgroud.png); | ||
| + | background-size: 90% 93%; | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | padding: 0 30vw; | ||
| + | margin: 5vw 10vh; | ||
| + | } | ||
| + | |||
| + | #mw-content-text.carousel-inner { | ||
| + | position: relative; | ||
| + | width: 30vw; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
</style> | </style> | ||
Latest revision as of 03:07, 2 November 2017
