Dongzhuoer (Talk | contribs) |
|||
(171 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | <html | + | {{NKU_China/header}} |
+ | <html> | ||
<head> | <head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
− | <body> | + | <body> |
− | + | <div> | |
− | + | <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; | |
− | + | 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> | ||
− | + | <div> | |
− | + | <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/> | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | --> | |
− | </body> | + | |
+ | <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; | ||
+ | padding: 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}} |
Latest revision as of 03:07, 2 November 2017