Dongzhuoer (Talk | contribs) |
|||
(135 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | <html | + | {{NKU_China/header}} |
+ | <html> | ||
<head> | <head> | ||
− | + | </head> | |
− | + | <body> | |
− | + | <div> | |
− | < | + | <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <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> | ||
+ | <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/> | ||
+ | </div> | ||
+ | <div> | ||
+ | <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/> | ||
+ | </div> | ||
+ | --> | ||
+ | |||
+ | <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> | ||
+ | <div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- 轮播(Carousel)指标 --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#home-Carousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#home-Carousel" data-slide-to="1"></li> | ||
+ | <li data-target="#home-Carousel" data-slide-to="2"></li> | ||
+ | <li data-target="#home-Carousel" data-slide-to="3"></li> | ||
+ | <li data-target="#home-Carousel" data-slide-to="4"></li> | ||
+ | </ol> | ||
+ | <!-- 轮播(Carousel)项目 --> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <img class="home-pic" src="https://static.igem.org/mediawiki/2017/c/cf/T--NKU_China--homecar1.jpg" alt="T--NKU_China--homecar1.jpg"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="home-pic" src="https://static.igem.org/mediawiki/2017/3/3c/T--NKU_China--homecar2.jpg" alt="T--NKU_China--homecar2.jpg"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="home-pic" src="https://static.igem.org/mediawiki/2017/a/a3/T--NKU_China--homecar3.jpg" alt="T--NKU_China--homecar3.jpg"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="home-pic" src="https://static.igem.org/mediawiki/2017/9/93/T--NKU_China--homecar4.jpg" alt="T--NKU_China--homecar4.jpg"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="home-pic" src="https://static.igem.org/mediawiki/2017/d/d6/T--NKU_China--homecar5.jpg" alt="T--NKU_China--homecar5.jpg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 轮播(Carousel)导航 --> | ||
+ | <a class="carousel-control left" href="#home-Carousel" | ||
+ | data-slide="prev">‹</a> | ||
+ | <a class="carousel-control right" href="#home-Carousel" | ||
+ | data-slide="next">›</a> | ||
+ | </div> | ||
− | + | ||
− | + | ||
− | + | ||
+ | </body> | ||
+ | |||
− | + | <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{ | ||
+ | font-size: x-large; | ||
+ | font-family: "Futura LT Medium",sans-serif; | ||
+ | line-height: 1.42857143; | ||
+ | color:#FFFFFF;} | ||
+ | .header{ | ||
+ | margin-top:50px; | ||
+ | text-align: left; | ||
+ | font-size: 60px; | ||
+ | font-family: "Georgia",sans-serif;} | ||
+ | .sub-header{ | ||
+ | display:flex; | ||
+ | justify-content:center; | ||
+ | align-items:center; | ||
+ | padding-bottom: 0; | ||
+ | line-height: 60px; | ||
+ | font-size:30px; | ||
+ | font-family: "Hot Pizza",sans-serif;} | ||
+ | .backgroundblur{ | ||
+ | filter: url(blur.svg#blur); | ||
+ | -webkit-filter: blur(5px); | ||
+ | -moz-filter: blur(5px); | ||
+ | -ms-filter: blur(5px); | ||
+ | filter: blur(5px); | ||
+ | filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); | ||
+ | height: 110%; | ||
+ | width: 110%; | ||
+ | margin-top: -30px; | ||
+ | margin-left: -30px; | ||
+ | position: fixed; | ||
+ | z-index: -1;} | ||
+ | .homepagebackground{ | ||
+ | height: 110%; | ||
+ | width: 110%; | ||
+ | margin-top: -30px; | ||
+ | margin-left: -30px; | ||
+ | z-index: -1; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .homepagelogo{ | ||
+ | z-index: 0; | ||
+ | height: 120px; | ||
+ | margin-left: 8%; | ||
+ | margin-top: 4%;} | ||
+ | .homepageword{ | ||
+ | z-index: 0; | ||
+ | height:220px; | ||
+ | margin-left: 7%; | ||
+ | margin-top: 3%;} | ||
+ | .homeplaybutton{ | ||
+ | z-index: 1; | ||
+ | position:absolute; | ||
+ | margin-left: 73vw; | ||
+ | margin-top: -15vh;} | ||
+ | .video_container { | ||
+ | width: 100%; | ||
+ | padding-left: 10%; | ||
+ | padding-right: 10%; | ||
+ | height: 50vh; | ||
+ | position: relative; | ||
+ | } | ||
+ | .video_container video { | ||
+ | height:500px; | ||
+ | |||
+ | } | ||
+ | #home-Carousel{ | ||
+ | margin-left:30vw; | ||
+ | margin-right:30vw; | ||
+ | margin-top:5vmin; | ||
+ | margin-bottom:5vmin;} | ||
+ | .home-pic{ | ||
+ | max-width:40vw;} | ||
+ | #mw-content-text { | ||
+ | text-align: justify;} | ||
+ | |||
+ | #top_menu_14 { | ||
+ | box-sizing: content-box;} | ||
+ | #top_menu_inside { | ||
+ | box-sizing: content-box; | ||
+ | height: 16px;} | ||
+ | #sideMenu, #top_title { | ||
+ | display: none;} | ||
+ | #mw-content-text > p { | ||
+ | margin: 0px;} | ||
+ | #content { | ||
width: 100vw; | width: 100vw; | ||
padding: 0px; | padding: 0px; | ||
− | margin: 0px; | + | margin: 0px;} |
− | + | #mw-content-text>p { | |
− | + | height:0;} | |
− | + | #top_menu_under { | |
− | + | line-height:1;} | |
− | + | #bars_item { | |
− | + | line-height:1;} | |
− | + | #user_item{ | |
− | + | line-height:1;} | |
− | + | body{ | |
− | + | overflow-x:hidden;} | |
− | + | .menu{ | |
− | + | text-align:center; | |
− | + | padding-left: 0; | |
− | + | margin-bottom:0; | |
+ | list-style: none; | ||
+ | width: 100%; | ||
+ | margin-top: 20px; | ||
+ | height:auto;} | ||
+ | .menu>li{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | text-align:center; | ||
+ | font-family:'CHERL',sans-serif; | ||
+ | font-size: 5vmin; | ||
+ | margin-right: 20px; | ||
+ | float: none; | ||
+ | vertical-align: middle; | ||
+ | height:20vmin;} | ||
+ | .menu>li>a{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 10px 15px; | ||
+ | text-decoration: none; | ||
+ | color:#e4b9b9; | ||
+ | border-radius: 4px; | ||
+ | margin-bottom: 5px; | ||
+ | text-align: center;} | ||
+ | .active{ | ||
+ | background-color:#e4b9b9;} | ||
+ | @media (min-width: 768px) { | ||
+ | .menu> li { | ||
+ | display: table-cell; | ||
+ | width: 1%;} | ||
+ | .menu> li > a { | ||
+ | margin-bottom: 0;}} | ||
+ | .new-wrapper{ | ||
+ | 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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> | ||
{{NKU_China/footer}} | {{NKU_China/footer}} |
Latest revision as of 03:07, 2 November 2017