Difference between revisions of "Team:TUST China"

 
(37 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
    <meta charset="UTF-8">
−
     <title>index</title>
+
     <title>main</title>
−
        <link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/mainbackground?action=raw&ctype=text/css" />
+
−
<style>
+
−
body {
+
  
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:TUST_China/css/mainbackground?action=raw&ctype=text/css" />
  
−
             background-color:#F5F6C9;
+
 
 +
    <style>
 +
.tustfoot{
 +
    position: absolute;
 +
    z-index: 99;
 +
   
 +
    top: 272vw!important;
 +
    display: block;
 +
}
 +
.quan{
 +
    position: absolute;
 +
    display: block;
 +
    opacity: 0.9;
 +
    z-index: 99;
 +
    top: 300px;
 +
}
 +
.tustfoot{
 +
display:block;
 +
position:absolute;
 +
top:2100%;
 +
}
 +
 
 +
#main-btn{
 +
            position: absolute;
 +
            z-index: 1;
 +
            width: 10%;
 +
            opacity: 0.7;
 +
            font-size: 1.1vw;
 +
            top: 600px;
 +
            left: 50%;
 +
            -webkit-transform: translateX(-50%);
 +
            -moz-transform: translateX(-50%);
 +
            -ms-transform: translateX(-50%);
 +
            -o-transform: translateX(-50%);
 +
            transform: translateX(-50%);
 +
            color: #000;
 +
            background-color: #FFFFCC;
 +
            z-index: 10;
 +
 
 +
        }
 +
#mainbackground3d {
 +
 
 +
            position: absolute;
 +
 
 +
            height: 800px;
 +
 
 +
            width: 103%;
 +
            z-index: 9;
 +
 
 +
        }
 +
  #top_title{display:none;}
 +
    #top_title{display:none;}
 +
    #content{margin:0px;padding:0px; width:100%; }
 +
#HQ_page p{height:auto}
 +
        body {
 +
 
 +
 
 +
             background-color:#fff;
 
             margin: 0;
 
             margin: 0;
  
 
         }
 
         }
  
−
        .mainbackground3d {
+
          </style>
 +
<script>
  
−
            position: absolute;
+
$(function () {
  
−
            height: 100%;
 
  
−
            width: 100%;
 
−
</style>
 
−
</head>
 
  
−
<body>
+
            var city_top = 810;
−
<body>
+
  
 +
            $('#main-btn').click(function () {
 +
 +
                $('html,body').animate({scrollTop:city_top},810);
 +
 +
            })
 +
 +
        })
 +
     
 +
       
 +
</script>
 +
</head><body>
 
<script type="text/javascript" src="https://2018.igem.org/Template:TUST_China/js/mainbackground?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:TUST_China/js/mainbackground?action=raw&ctype=text/javascript"></script>
 +
 +
<button id="main-btn" class="btn" onclick="sild()">Read<br>More</button>
 +
<div id="mainbackground3d" class="mainbackground3d" style="top:-2px;">
 +
 +
    <div id="output" class="mainbackground3d">
 +
 +
        <div class="DNA-container" id="first">
 +
 +
            <div class="wave">
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
            </div>
 +
 +
        </div>
 +
        <div class="DNA-container" id="second">
 +
 +
            <div class="wave">
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
            </div>
 +
 +
        </div>
 +
        <div class="DNA-container" id="three">
 +
 +
            <div class="wave">
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
                <div class="dot"></div>
 +
            </div>
 +
 +
        </div>
 +
    </div>
 +
    <div class="main-DNA-container">
 +
        <div class="first-content"> </div>
 +
    </div>
 +
</div>
 +
<center><div class="quan"><img src="https://static.igem.org/mediawiki/2018/2/2f/T--TUST_China--title.png" width="90%" height="auto" style="opacity: 0.9;"></div></center>
 +
<div>
 +
 +
  <img src="https://static.igem.org/mediawiki/2018/2/29/T--TUST_China--mainzhubai.png" width="103%" style="left: -5px;top:790px;position: absolute"/>
 +
</div>
 +
 
<script>
 
<script>
  
Line 654: Line 781:
  
 
</script>
 
</script>
−
<div id="mainbackground3d" class="mainbackground3d">
 
  
−
    <div id="output" class="mainbackground3d">
 
−
 
−
        <div class="DNA-container" id="first">
 
−
 
−
            <div class="wave">
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
            </div>
 
−
 
−
        </div>
 
−
        <div class="DNA-container" id="second">
 
−
 
−
            <div class="wave">
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
            </div>
 
−
 
−
        </div>
 
−
        <div class="DNA-container" id="three">
 
−
 
−
            <div class="wave">
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
                <div class="dot"></div>
 
−
            </div>
 
−
 
−
        </div>
 
−
    </div>
 
−
    <div class="main-DNA-container">
 
−
        <div class="first-content"> </div>
 
−
    </div>
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{TUST China/foot}}

Latest revision as of 01:50, 18 October 2018

nav

main

foot