Difference between revisions of "Team:NKU China"

Line 7: Line 7:
 
             <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-height:100vh; margin-top: -30px;  
 
<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>   
+
     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 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="" 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 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 15: Line 30:
 
             <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 style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; margin-top: -30px;  
 
<div style="text-align:center;margin-top:5vmin;"><img style="max-width:100%; margin-top: -30px;  
Line 54: Line 67:
 
  data-slide="next">&rsaquo;</a>
 
  data-slide="next">&rsaquo;</a>
 
</div>  
 
</div>  
<div class="video_container">
+
 
    <video controls="" 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>
+
 
 
 
 
 
 
 
 
Line 66: Line 75:
  
 
<style>
 
<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: 25%;
 +
            left: 25%;
 +
            width: 55%;
 +
            height: 55%;
 +
            padding: 20px;
 +
            border: 10px solid orange;
 +
            background-color: white;
 +
            z-index:1002;
 +
            overflow: auto; }
 
.introduction{
 
.introduction{
 
     font-size: x-large;
 
     font-size: x-large;
Line 118: Line 149:
 
     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;}
 
.video_container {
 
.video_container {
 
     width: 100%;
 
     width: 100%;

Revision as of 19:05, 1 November 2017

 
 

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071