Difference between revisions of "Team:NKU China"

 
(32 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{NKU_China/header}}
 
<html>
 
<html>
−
        <head>
+
<head>
−
            <meta charset="utf-8">
+
</head>
−
            <meta name="viewport" content="width=device-width, initial-scale=1">
+
<body>       
−
             <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/style?action=raw&ctype=text/css">
+
    <div>
−
            <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css">
+
             <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/>
−
            <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css">
+
        </div>
−
             <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css">
+
 
−
            <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css">
+
<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px;
−
            <link rel="stylesheet" href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css">  
+
    margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>
−
            <script src="https://2017.igem.org/Team:NKU_China/Javascript/jQuery?action=raw&ctype=text/javascript"></script>
+
 
−
            <script src="https://2017.igem.org/Team:NKU_China/Javascript/main?action=raw&ctype=text/javascript"></script>
+
−
             <script src="https://2017.igem.org/Team:NKU_China/Javascript/bootstrap?action=raw&ctype=text/javascript"></script>
+
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
−
             <script src="https://2017.igem.org/Team:NKU_China/Javascript/bootsnav?action=raw&ctype=text/javascript"></script>      
+
             <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
−
         <style>
+
</a>
−
                #top_menu_14 {
+
<div style="text-align:center;">
−
                    box-sizing: content-box;
+
        <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">
−
                #top_menu_inside {
+
    <video controls="controls" autoplay="autoplay" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png">
−
                    box-sizing: content-box;
+
      <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4">
−
                    height: 16px;
+
    </video>
−
                }
+
</div>
−
       
+
</div>
−
                #sideMenu, #top_title {
+
</div>
−
                    display: none;
+
        <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"/>
−
                #mw-content-text > p {
+
        </div>
−
                    margin: 0px;
+
    <div>
−
                }
+
             <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/>
−
       
+
         </div>
−
                #content {
+
      -->
−
                    width: 100vw;
+
         
−
                    padding: 0px;
+
<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;  
−
                    margin: 0px;
+
    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）指标 -->
−
        @font-face {
+
<ol class="carousel-indicators">
−
            font-family: 'Hotpizza';
+
<li data-target="#home-Carousel" data-slide-to="0" class="active"></li>
−
            src: url('https://static.igem.org/mediawiki/2017/7/7d/T--NKU_China--hotpizza_eot.eot');
+
<li data-target="#home-Carousel" data-slide-to="1"></li>
−
            src: url('https://static.igem.org/mediawiki/2017/d/d8/T--NKU_China--hotpizza_ttf.ttf') format('truetype'),
+
<li data-target="#home-Carousel" data-slide-to="2"></li>
−
            url('https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--hotpizza_svg.svg') format('svg'),
+
<li data-target="#home-Carousel" data-slide-to="3"></li>
−
            url('https://static.igem.org/mediawiki/2017/f/fb/T--NKU_China--hotpizza_woff.woff') format('woff');
+
<li data-target="#home-Carousel" data-slide-to="4"></li>
−
            font-weight: normal;
+
</ol> 
−
            font-style: normal;}
+
<!-- 轮播（Carousel）项目 -->
−
        @font-face {
+
<div class="carousel-inner">
−
          font-family: 'Futura LT Light';
+
<div class="item active">
−
          src: url('https://static.igem.org/mediawiki/2017/3/3d/T--NKU_China--futura-It-light_eot.eot');
+
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/c/cf/T--NKU_China--homecar1.jpg"  alt="T--NKU_China--homecar1.jpg">
−
          src: url('https://static.igem.org/mediawiki/2017/1/1e/T--NKU_China--futura-lt-light_woff.woff') format('woff'),
+
</div>
−
          url('https://static.igem.org/mediawiki/2017/6/6b/T--NKU_China--futura-lt-light_ttf.ttf') format('truetype'),
+
<div  class="item">
−
          url('https://static.igem.org/mediawiki/2017/7/76/T--NKU_China--futura-lt-light_svg.svg') format('svg');
+
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/3/3c/T--NKU_China--homecar2.jpg"  alt="T--NKU_China--homecar2.jpg">
−
          font-weight: normal;
+
</div>
−
          font-style: normal;}
+
<div class="item">
−
        @font-face {
+
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/a/a3/T--NKU_China--homecar3.jpg"  alt="T--NKU_China--homecar3.jpg">
−
          font-family: 'Futura LT Medium';
+
</div>
−
          src: url('https://static.igem.org/mediawiki/2017/2/23/T--NKU_China--futura-lt-medium.eot');
+
<div class="item">
−
          src: url('https://static.igem.org/mediawiki/2017/c/ca/T--NKU_China--futura-lt-medium_woff.woff') format('woff'),
+
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/9/93/T--NKU_China--homecar4.jpg"  alt="T--NKU_China--homecar4.jpg">
−
          url('https://static.igem.org/mediawiki/2017/b/b7/T--NKU_China--futura-lt-medium_ttf.ttf') format('truetype'),
+
</div>
−
          url('https://static.igem.org/mediawiki/2017/8/89/T--NKU_China--futura-lt-medium_svg.svg') format('svg');
+
<div class="item">
−
          font-weight: normal;
+
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/d/d6/T--NKU_China--homecar5.jpg"  alt="T--NKU_China--homecar5.jpg">
−
          font-style: normal;}
+
</div>
−
        @font-face {
+
</div>
−
          font-family: 'Georgia';
+
<!-- 轮播（Carousel）导航 -->
−
          src: url('https://static.igem.org/mediawiki/2017/a/a4/T--NKU_China--Georgia_eot.eot');
+
<a class="carousel-control left" href="#home-Carousel"
−
          src: url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--Georgia_woff.woff') format('woff'),
+
  data-slide="prev">&lsaquo;</a>
−
          url('https://static.igem.org/mediawiki/2017/9/94/T--NKU_China--Georgia_ttf.ttf') format('truetype'),  
+
<a class="carousel-control right" href="#home-Carousel"
−
          url('https://static.igem.org/mediawiki/2017/1/11/T--NKU_China--Georgia_svg.svg') format('svg');
+
  data-slide="next">&rsaquo;</a>
−
          font-weight: normal;
+
</div>
−
          font-style: normal;}
+
 
−
        @font-face {
+
−
          font-family: 'CHERL';
+
−
          src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
+
−
          src: url('https://static.igem.org/mediawiki/2017/6/67/T--NKU_China--CHERL_woff.woff') format('woff'),
+
</body>
−
          url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--CHERL_ttf.ttf') format('truetype'),
+
−
          url('https://static.igem.org/mediawiki/2017/4/4c/T--NKU_China--CHERL_svg.svg') format('svg');
+
 
−
          font-weight: normal;
+
<style>
−
          font-style: normal;}
+
    .black_overlay{
−
            </style>
+
            display: none;
−
        </head>
+
            position: absolute;
−
       
+
            top: 0%;
−
        <body>
+
            left: 0%;
−
        </body>
+
            width: 100%;
−
        </html>
+
            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>
 +
{{NKU_China/footer}}

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