Dongzhuoer (Talk | contribs) |
|||
(12 intermediate revisions by 2 users not shown) | |||
Line 19: | Line 19: | ||
<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> | ||
Line 34: | 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 92: | Line 92: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 20vmin; |
text-align:center; | text-align:center; | ||
− | width: | + | width: 100vw; |
− | height: | + | height: 81vh; |
padding: 20px; | padding: 20px; | ||
border: 10px solid orange; | border: 10px solid orange; | ||
Line 161: | Line 161: | ||
height: 50vh; | 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 232: | 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