Difference between revisions of "Team:NKU China"

 
(21 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
</head>
 
</head>
−
<body>
+
<body>         
−
    <div class="homefirstpage">         
+
 
     <div>
 
     <div>
 
             <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-width:100%; margin-top: -30px;  
+
 
−
     margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></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>
 
       <!--<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 16: 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>
+
       -->
−
            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
+
−
        </div>-->
+
 
           
 
           
−
    </div>
+
<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;  
−
<div style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; 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>   
−
            </body>
+
<div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel">
−
<style>
+
<!-- 轮播（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">&lsaquo;</a>
 +
<a class="carousel-control right" href="#home-Carousel"
 +
  data-slide="next">&rsaquo;</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{
 
.introduction{
 
     font-size: x-large;
 
     font-size: x-large;
Line 65: Line 139:
 
     z-index: -1;
 
     z-index: -1;
 
     position:absolute;
 
     position:absolute;
−
 
 
}
 
}
 
.homepagelogo{
 
.homepagelogo{
Line 78: Line 151:
 
     margin-top: 3%;}
 
     margin-top: 3%;}
 
.homeplaybutton{
 
.homeplaybutton{
−
     z-index: 0;
+
     z-index: 1;
−
    height: 60px;
+
position:absolute;
−
     margin-left: 10%;
+
     margin-left: 73vw;
−
     margin-top: 1%;}
+
     margin-top: -15vh;}
−
.homefirstpage{
+
.video_container {
−
    height:100vmin; }
+
    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 {
 
#mw-content-text {
 
     text-align: justify;}
 
     text-align: justify;}
Line 147: 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

　
　

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071
　
Copyright © Team NKU-China 2017