Difference between revisions of "Team:OUC-China"

 
(83 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
{{:Team:OUC-China/CSS0}}
+
<html>
<html lang="en-US">
+
<head>
<head>
+
<title>Team OUC-China: Main</title>
<meta charset="utf-8">
+
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:OUC-China/CSS6?action=raw&ctype=text/css" />
  
<title>Light Theme</title>
+
<body bgcolor="#G#FFFFFF">
+
<style>
  
<style type="text/css">
+
#bodyContent{
html{
+
margin:0;
width:1350px;
+
padding:0;   
height:4823px;
+
position:absolute;
 +
top:0 !important;
 +
width:100%;
 +
}
 +
.copyright1 {
 +
text-align: center;
 +
padding-top: 20px;
 +
padding-bottom: 20px;
 +
background-color: gray;
 +
color: #FFFFFF;
 +
text-transform: uppercase;
 +
font-weight: lighter;
 +
letter-spacing: 2px;
 +
border-top-width: 2px;
 +
        position:absolute;
 +
        bottom: 0;
 +
        width:100%
 +
}
 +
.rr {
 +
    position: relative;
 +
}
 +
 +
    .ouc-teammate{position: absolute;top: 0;right:0;z-index: 1000;opacity: 0;transition: 0.5s}
 +
.topleft1:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft2:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft3:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft4:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft5:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft6:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
.topleft7:hover .ouc-teammate{opacity: 1;transition: 0.5s}
 +
 +
.topleft0 {
 +
    position: absolute;
 +
    top: 15%;
 +
    left: 0;
 +
}
 +
 +
 +
.topleft1 {
 +
    position: absolute;
 +
    top: 26.5%;
 +
    left: 61%;
 +
    font-size: 18px;
 +
}
 +
#div1{
 +
    position: absolute;
 +
    top: 26%;
 +
    left: 5%;
 +
    font-size: 18px;
 
}
 
}
  
 
+
.topleft2 {
 
+
    position: absolute;
 
+
    top: 35.2%;
body{
+
    left: 10%;
 
+
    font-size: 18px;
background-image: url("https://static.igem.org/mediawiki/2018/8/8e/T--OUC-China--home.png");  
+
background-size:cover;
+
background-repeat:no-repeat;
+
width:100%;
+
height:100%;
+
 
+
 
}
 
}
img {
+
#div2{
     width: 50px;//重置大小,最终图片大小确定
+
     position: absolute;
 +
    top: 34%;
 +
    left: 40%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft3 {
 +
    position: absolute;
 +
    top: 45%;
 +
    left: 62%;
 +
    font-size: 18px;
 
}
 
}
a:link {
+
#div3{
text-decoration: none;
+
    position: absolute;
color: #1D7AC5;
+
    top: 43%;
 +
    left: 6%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft4 {
 +
    position: absolute;
 +
    top: 54.5%;
 +
    left: 10%;
 +
    font-size: 18px;
 
}
 
}
a:visited {
+
#div4{
text-decoration: none;
+
    position: absolute;
color: #1D7AC5;
+
    top: 52%;
 +
    left: 40%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft5 {
 +
    position: absolute;
 +
    top: 64%;
 +
    left: 64%;
 +
    font-size: 18px;
 
}
 
}
a:hover {
+
#div5{
text-decoration: none;
+
    position: absolute;
color: #1D7AC5;
+
    top: 62%;
 +
    left: 6%;
 +
    font-size: 18px;
 +
}
 +
 +
.topleft6 {
 +
    position: absolute;
 +
    top: 73%;
 +
    left: 15%;
 +
    font-size: 18px;
 
}
 
}
a:active {
+
#div6{
text-decoration: none;
+
    position: absolute;
color: #1D7AC5;
+
    top: 70.5%;
 +
    left: 45%;
 +
    font-size: 18px;
 +
}
 +
 +
 +
.topleft7 {
 +
    position: absolute;
 +
    top: 82%;
 +
    left: 64%;
 +
    font-size: 18px;
 
}
 
}
 +
#div7{
 +
    position: absolute;
 +
    top: 80%;
 +
    left: 12%;
 +
    font-size: 18px;
 +
}
  
.div0 {
+
    .topleft9 {
 +
    position: absolute;
 +
    top: 86%;
 +
    left: 0;
 +
}
 +
</style>
 +
<script>
 +
 +
 +
 
 +
$(document).ready(function(){
 +
    $(".topleft1").mouseover(function(){
 +
    $("#div1").fadeIn(50);
 +
  });
 +
});
 +
$(document).ready(function(){
 +
    $(".topleft1").mouseout(function(){
 +
        $("#div1").fadeOut(50);
 +
    });
 +
});
 +
  
    width: 30%;
+
 
  background-color:rgba(255,255,255,0);
+
$(document).ready(function(){
    margin: 50px;
+
  $(".topleft2").mouseover(function(){
}
+
$("#div2").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft2").mouseout(function(){
 +
    $("#div2").fadeOut(50);
 +
  });
 +
});
 +
  
  
 +
 +
$(document).ready(function(){
 +
  $(".topleft3").mouseover(function(){
 +
$("#div3").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft3").mouseout(function(){
 +
    $("#div3").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft4").mouseover(function(){
 +
$("#div4").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft4").mouseout(function(){
 +
    $("#div4").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft5").mouseover(function(){
 +
$("#div5").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft5").mouseout(function(){
 +
    $("#div5").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
$(document).ready(function(){
 +
  $(".topleft6").mouseover(function(){
 +
$("#div6").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft6").mouseout(function(){
 +
    $("#div6").fadeOut(50);
 +
  });
 +
});
 +
 +
$(document).ready(function(){
 +
  $(".topleft7").mouseover(function(){
 +
$("#div7").fadeIn(50);
 +
});
 +
});
 +
$(document).ready(function(){
 +
  $(".topleft7").mouseout(function(){
 +
    $("#div7").fadeOut(50);
 +
  });
 +
});
 +
 +
 +
 +
    </script>
 +
 +
</head>
 +
<body class="homepage">
 +
 +
 +
<div id="rr" >
 +
 +
 +
<!-- Nav -->
 +
<nav id="nav">
 +
<ul>
 +
<li ><a href="https://2018.igem.org/Team:OUC-China">Main</a>
 +
</li>
 +
<li>
 +
<a href="#">Project</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Description">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Results">Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Demonstrate">Demonstrate</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Lab WORK</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Safety">Safety</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/InterLab">InterLab</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Model</a>
 +
                                                <ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Model">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe">miniToe</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/miniToe Family">miniToe Family</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/polycistron">polycistron</a></li>
 +
</ul>
 +
                                                </li>
 +
                                                <li><a href="#">Parts</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Parts">List</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Improve">Improve</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">HP</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human Practices</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Team</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Team">Team Member</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
 +
 +
</ul>
 +
</nav>
 +
 +
 +
<!-- Banner -->
 +
<img src="https://static.igem.org/mediawiki/2018/8/8e/T--OUC-China--home.png"alt="banner"width="100%">
 +
<div class="topleft0">
 +
<img  src="https://static.igem.org/mediawiki/2018/d/d2/T--OUC-China--ADFADS.jpg" width=1000x>
 +
</div>
 +
<div class="topleft9">
 +
<img  src="https://static.igem.org/mediawiki/2018/d/d1/T--OUC-China--lalalalalalalalalal.jpg" width=1300x>
 +
</div>
 +
 +
<div class="topleft1"> <a href="https://2018.igem.org/Team:OUC-China/Description">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/8/8a/T--OUC-China--hpro.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/b/be/T--OUC-China--hprob.png" width=370px>
 +
</a>  </div>
 +
<div id="div1" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/3/3c/T--OUC-China--ccc.png"alt="banner"width="110%">
 +
</div>
 +
 +
 +
<div class="topleft2"> <a href="https://2018.igem.org/Team:OUC-China/Experiments">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/d/d8/T--OUC-China--hlab.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/a/a1/T--OUC-China--hhhhh.png" width=370px>
 +
</a>  </div>
 +
<div id="div2" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/5/59/T--OUC-China--sdjkh.png"alt="banner"width="103%">
 +
</div>
 +
 +
 +
<div class="topleft3"> <a href="https://2018.igem.org/Team:OUC-China/Model">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/e/e1/T--OUC-China--hmod.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/7/70/T--OUC-China--hmodb.png" width=370px>
 +
</a>  </div>
 +
<div id="div3" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/3/3d/T--OUC-China--cccs.png"alt="banner"width="110%">
 +
</div>
 +
 +
<div class="topleft4"> <a href="https://2018.igem.org/Team:OUC-China/Parts">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/c/cc/T--OUC-China--hpart.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/0/0b/T--OUC-China--hpartb.png" width=370px>
 +
</a>  </div>
 +
<div id="div4" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/7/70/T--OUC-China--skh.png"alt="banner"width="103%">
 +
</div>
 +
 +
<div class="topleft5"> <a href="https://2018.igem.org/Team:OUC-China/Human_Practices">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/5/55/T--OUC-China--hhp.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/c/ce/T--OUC-China--hhpb.png" width=370px>
 +
</a>  </div>
 +
<div id="div5" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/b/bb/T--OUC-China--hps.png"alt="banner"width="110%">
 +
</div>
 +
 +
<div class="topleft6"> <a href="https://2018.igem.org/Team:OUC-China/Team">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/c/cb/T--OUC-China--hteam_.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/4/4e/T--OUC-China--hteamb_.png" width=370px>
 +
</a>  </div>
 +
<div id="div6" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/2/22/T--OUC-China--dfh.png"alt="banner"width="103%">
 +
</div>
 +
 +
<div class="topleft7"> <a href="https://2018.igem.org/Team:OUC-China/Notebook">
 +
<img class="media-object" src="https://static.igem.org/mediawiki/2018/1/18/T--OUC-China--ADSFA.png" width=370px>
 +
<img class="ouc-teammate" src="https://static.igem.org/mediawiki/2018/4/4f/T--OUC-China--hnoteb_.png" width=370px>
 +
</a>  </div>
 +
<div id="div7" style="width:50%;height:6%;display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/b/bb/T--OUC-China--sddf.png"alt="banner"width="103%">
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
 +
  
</style>
 
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
 
<script>var __adobewebfontsappname__="dreamweaver"</script>
 
<script src="http://use.edgefonts.net/source-sans-pro:n2:default.js" type="text/javascript"></script>
 
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
<!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
</head>
 
  
  
Line 74: Line 400:
  
  
<body>
+
<!-- Scripts -->
 +
  
 +
<script src="http://https://2018.igem.org/Team:OUC-China/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:OUC-China/dropotron?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:OUC-China/skeljs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:OUC-China/skelviewport?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:OUC-China/utiljs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Team:OUC-China/mainjs?action=raw&ctype=text/javascript"></script>
  
  <!-- Navigation -->
 
  
     <h4 class="logo">LOGO</h4>
+
     <div class="copyright1">Contact Us : oucigem@163.com  | &copy;2018 OUC IGEM.All Rights Reserved. <br />
    </a>
+
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg"alt="banner"width="80px">
    <nav>
+
<img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg"alt="banner"width="80px">
      <ul>
+
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--OUC-China--lalala.png"alt="banner"width="80px">
<div class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2017/5/51/T--OUC-China--NSG.png"alt="banner"height="65px">
  <button class="dropbtn">PROJECT</button>
+
<img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png"alt="banner"height="65px">&emsp;
  <div class="dropdown-content">
+
</div>
    <a href="https://2018.igem.org/Team:OUC-China/Description">Oveview</a>
+
    <a href="https://2018.igem.org/Team:OUC-China/Design">Design</a>
+
    <a href="https://2018.igem.org/Team:OUC-China/Results">Results</a>
+
<a href="https://2018.igem.org/Team:OUC-China/Demonstrate">Demonstrate</a>
+
  </div>
+
</div>
+
      <div class="dropdown">
+
  <button class="dropbtn">LAB WORK</button>
+
  <div class="dropdown-content"> <a href="https://2018.igem.org/Team:OUC-China/Experiments">Experiment</a>    <a href="https://2018.igem.org/Team:OUC-China/Safety">Safety</a>    <a href="https://2018.igem.org/Team:OUC-China/InterLab">Interlab</a>  </div>
+
</div>
+
      <div class="dropdown">
+
  <button class="dropbtn"><a href="https://2018.igem.org/Team:OUC-China/Model"><font color="white">MODEL</font></a></button>
+
</div>
+
   
+
  <div class="dropdown">
+
  <button class="dropbtn"><a href="https://2018.igem.org/Team:OUC-China/Parts"><font color="white">PARTS</font></a></button>
+
</div>
+
+
  <div class="dropdown">
+
  <button class="dropbtn">HUMAN PRACTICES</button>
+
  <div class="dropdown-content">
+
    <a href="https://2018.igem.org/Team:OUC-China/Human_Practices">Human Practices</a>
+
    <a href="https://2018.igem.org/Team:OUC-China/Public_Engagement">Public Engagement</a>
+
  </div>
+
</div>
+
  <div class="dropdown">
+
  <button class="dropbtn">TEAM</button>
+
  <div class="dropdown-content">
+
    <a href="https://2018.igem.org/Team:OUC-China/Team">Member</a>
+
    <a href="https://2018.igem.org/Team:OUC-China/Collaborations">Collaboration</a>
+
    <a href="https://2018.igem.org/Team:OUC-China/Attributions">Attribution</a>
+
  </div>
+
</div>
+
  <div class="dropdown">
+
  <button class="dropbtn"> <a href="https://2018.igem.org/Team:OUC-China/Notebook"><font color="white">NOTEBOOK</font></a></button>
+
</div>
+
      </ul>
+
    </nav>
+
  
<div class="div0"><img src="https://static.igem.org/mediawiki/2018/3/36/T--OUC-China--H-lb.png" /></div>
 
  
  
  
+
</body>
  
  
</body>
 
 
</html>
 
</html>

Latest revision as of 09:27, 8 December 2018

Team OUC-China: Main
Contact Us : oucigem@163.com | ©2018 OUC IGEM.All Rights Reserved.
banner banner banner banner banner