Dongzhuoer (Talk | contribs) |
|||
(13 intermediate revisions by 2 users not shown) | |||
Line 14: | Line 14: | ||
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"> | <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"/> | <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/> | ||
− | </a> | + | </a> |
+ | <div style="text-align:center;"> | ||
<div id="light" class="white_content"> | <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 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"> | <div class="video_container"> | ||
− | <video controls="" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png"> | + | <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"> | <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4"> | ||
</video> | </video> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
<div id="fade" class="black_overlay"></div> | <div id="fade" class="black_overlay"></div> | ||
<!--<div> | <!--<div> | ||
Line 32: | Line 34: | ||
--> | --> | ||
− | <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 90: | Line 92: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 20vmin; |
− | + | text-align:center; | |
− | width: | + | width: 100vw; |
− | height: | + | height: 81vh; |
padding: 20px; | padding: 20px; | ||
border: 10px solid orange; | border: 10px solid orange; | ||
background-color: white; | background-color: white; | ||
z-index:1002; | z-index:1002; | ||
− | overflow: | + | overflow: none; } |
.introduction{ | .introduction{ | ||
font-size: x-large; | font-size: x-large; | ||
Line 157: | Line 159: | ||
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 230: | 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