Team:HZAU-China/Team

From 2013.igem.org

(Difference between revisions)
 
(93 intermediate revisions not shown)
Line 1: Line 1:
{{:Team：HZAU-China/background-head}}
{{:Team：HZAU-China/background-head}}
<html>
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
.zoomPan{width:800px;position:relative; }
 +
.sh{zoom:1;background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);filter:progid:DXImageTransform.Microsoft.dropShadow(color='#54000000', OffX=2,OffY=2);-webkit-box-shadow:4px 4px 4px #666;-moz-box-shadow:4px 4px 4px #666;}
 +
#zoom{position:absolute;width:254px;height:254px;border:3px solid #fff;left:-9999px;top:0;overflow:hidden;background:#fff;}
 +
#zoom img{position:relative;}
 +
</style>
 +
</head>
 +
 +
<script type="text/javascript">
 +
//<![CDATA[
 +
function zoomBox() {this.index.apply(this, arguments)}
 +
zoomBox.prototype = {
 +
    index: function(win,zoom) {
 +
        var win=document.getElementById(win);
 +
        var box=document.getElementById(zoom);
 +
        var img=box.getElementsByTagName('IMG')[0];
 +
        var zoom=img.width/win.getElementsByTagName('IMG')[0].width;
 +
        var z=Math.round(box.offsetWidth/2);
 +
        win.onmousemove=function (e){
 +
            e = e || window.event;
 +
            var x=e.clientX,y=e.clientY, ori=win.getBoundingClientRect();
 +
            if (x>ori.right+20||y>ori.bottom+20||x<ori.left-20||y<ori.top-20)box.style.display='none';
 +
            x-=ori.left;
 +
            y-=ori.top;
 +
            box.style.left=x-z+'px';
 +
            box.style.top=y-z+'px';
 +
            img.style.left=-x*zoom+z+'px';
 +
            img.style.top=-y*zoom+z+'px';
 +
        }
 +
        win.onmouseover=function (){box.style.display=''}
 +
    }
 +
};
 +
window.onload=function (){
 +
    x=new zoomBox('zoomPan','zoom')
 +
}
 +
//]]>
 +
</script>
 +
<style>
<style>
 +
a, a:visited {
 +
    color: #fff;
 +
}
#background{
#background{
-
     background-color: #EDFFFF;
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
    margin:0;
+
     float:left;
-
    padding:0;
+
     min-heiht:400px;
-
     float: left;
+
     width: 1000px;
-
     min-height: 800px;
+
-
     width: 960px;
+
}
}
-
#sidebar {
+
#paragraphs {
-
   
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
     background-color:transparent;
+
-
    clear: both;
+
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     width: 230px;
+
     padding-left: 80px;
-
     margin-bottom: 5px;
+
     padding-top: 10px;
-
     padding-bottom: 5px;
+
     padding-bottom: 10px;
 +
    width: 840px;
}
}
-
#paragraphs {
+
#background12{
-
     background-color: #EDFFFF;
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
    border: 3px solid #A1FFFF;
+
     float:left;
-
     float: right;
+
     heiht:auto;
-
     height: auto;
+
     width: 840px;
-
     margin-bottom: 5px;
+
     padding-left:80px;
-
     margin-top: 5px;
+
     padding-right:80px;
-
     padding-bottom: 5px;
+
     padding-bottom:10px;
-
     padding-top:10px;
+
-
    width: 710px;
+
}
}
</style>
</style>
-
<body>
+
 
-
<div id="background">
+
-
<center>
+
-
    <img width="960" height="300" src="https://static.igem.org/mediawiki/2012/5/59/My_school.JPG">
+
-
<p></p>
+
-
</center>
+
-
  <div id="sidebar">
+
<style>
<style>
-
*{ padding:0; margin:0; }
+
*{ margin:0; padding:0;}
-
.slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; }
+
li,ul{ list-style:none}
 +
img{ border:none;}
 +
.item{float:left; width:190px; padding:0 10px; height:75px; overflow:hidden;}
 +
.item .item-t1{ height:190px; background:#7770B4;}
 +
.item .item-b1{ height:190px; background:#8CA6C0;}
 +
.item .item-t2{ height:190px; background:#FFD017;}
 +
.item .item-b2{ height:190px; background:#F3D972;}
 +
</style>
-
.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff;  height:35px; line-height:35px;font-size: 20px;padding-left:50px;}
 
-
 
-
.slider dt.slider_open{background:##707070; color:# }
 
-
 
-
.slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px dashed #fafafa; font-size: 18px;font-color:#fff}
 
-
 
-
.slider dd p{ padding:10px 20px; overflow:hidden;padding-left：40px； }
 
-
</style>
 
-
<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
 
<script>
<script>
-
$(function(){
+
$(document).ready(function(){
-
//初始化变量
+
var changeH=$(".item-t1").outerHeight();//变化的高度
-
var flag = 0;
+
$(".itemwrap .item").each(function(index){
-
var $dt = $('.slider dt');
+
$(this).hover(function(){
-
var $dd = $('.slider dd');
+
//mouseenter代码段
-
//初始化状态
+
$(this).find(".item-t1").stop(true).animate({"margin-top":-changeH},300);
-
$dd.eq(0).show();
+
},function(){
-
$dt.eq(0).css('cursor','default');
+
//mouseleave代码段
-
//单击事件
+
$(this).find(".item-t1").stop(true).animate({"margin-top":0},300);
-
$dt.click(function(){
+
});
-
if($dt.index(this) == flag) return false;
+
-
flag = $dt.index(this);
+
})  
-
$dd.not($dd.eq(flag)).slideUp();
+
})
-
$dd.eq(flag).slideDown();
+
</script>
-
$dt.eq(flag).css('cursor','default').addClass('slider_open');
+
<script>
-
$dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open');
+
$(document).ready(function(){
-
  });
+
var changeH=$(".item-t2").outerHeight();//变化的高度
-
});
+
$(".itemwrap .item").each(function(index){
 +
$(this).hover(function(){
 +
//mouseenter代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":-changeH},300);
 +
},function(){
 +
//mouseleave代码段
 +
$(this).find(".item-t2").stop(true).animate({"margin-top":0},300);
 +
});
 +
 +
})  
 +
})
</script>
</script>
-
</head>
 
-
<body>
 
-
<dl class="slider">
 
-
<dt class="slider_open">Team</dt>
 
-
<dd>-<a href="#">Members</a><br>
 
-
            -<a href="#">Attributions</a><br>
 
-
            -<a href="#">Sponsors</a><br></dd>
 
-
<dt>In this page</dt>
 
-
<dd>-<a href="#1">Xiong Le</a><br>
 
-
            -<a href="#2">Li Yunchuan</a><br>
 
-
            -<a href="#3">Zhang Shaowei</a><br>
 
-
            -<a href="#4">Zhou Xianlin</a><br>
 
-
            -<a href="#5">Bai Tao</a><br>
 
-
            -<a href="#6">Tan Xin</a><br>
 
-
            -<a href="#7">Wu Wei</a><br>
 
-
            -<a href="#8">Chen Jin</a><br>
 
-
            -<a href="#9">Yang Mian</a><br>
 
-
            -<a href="#10">Luo Xudong</a><br>
 
-
            -<a href="#11">Tian Liu</a><br>
 
-
            -<a href="#12">Ding Linfeng</a><br>
 
-
            -<a href="#13">Liu Chang</a><br>
 
-
            -<a href="#14">Zhang Peijing</a><br>
 
-
            -<a href="#15">Hong Ping</a><br>
 
-
            -<a href="#16">Yi Jian</a><br>
 
-
        </dd>
 
-
 
-
</dl>
 
-
</body>
 
-
  </div>
 
-
  <div id="paragraphs">
 
-
<p>
 
-
<br>
 
-
</p>
 
-
<center>
 
-
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
 
-
</center>
 
-
<p>
 
-
<br>
 
-
</p>
 
-
<style>
 
-
table {
 
-
    background:#EDFFFF;
 
-
    font-size: 100%;
 
-
}
 
-
.h1 {
 
-
    font-size: 188%;
 
-
}
 
-
.h5{
 
-
    color: #B22222;
 
-
    font-family: Signika;
 
-
    font-size: 12pt;
 
-
    text-align: left;
 
-
    text-decoration: none;
 
-
    text-transform: none;
 
-
}
 
-
.h3, h4, h5, h6 {
 
-
    border-bottom: medium none;
 
-
    font-weight: bold;
 
-
}
 
-
.h1, h2, h3, h4, h5, h6 {
 
-
    background:transparent;
 
-
    color: black;
 
-
    font-weight: normal;
 
-
    margin: 0;
 
-
    padding-bottom: 0.17em;
 
-
    padding-top: 0.5em;
 
-
}
 
-
.td {
 
-
    font-family: Signika;
 
-
    font-size: 10pt;
 
-
    padding-right: 10px;
 
-
    text-align: left;
 
-
    vertical-align: top;
 
-
}
 
-
.tr {
 
-
    vertical-align: top;
 
-
}
 
-
</style>
 
<body>
<body>
 +
<div id="background">
 +
    <div id="paragraphs">
 +
        <div class="zoomPan" id="zoomPan">
 +
        <img src="https://static.igem.org/mediawiki/2013/3/3e/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD_%E5%89%AF%E6%9C%AC.png" width="840px;">
 +
        <div id="zoom" class="sh"><img src="https://static.igem.org/mediawiki/2013/a/ae/%E7%85%A7%E7%89%87%E6%94%B9_-%E5%8A%A0%E5%AE%BD.png" width="3500px;"></div>
 +
        </div>
 +
    </div>
 +
    <div id="background12">
 +
         
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          <div class="item-b1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">MEMBERS</a></p></div>
 +
          </div>
 +
          </div>
 +
 +
          <div class="itemwrap">
 +
          <div class="item">
 +
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          <div class="item-b2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Instructors">INSTRUCTORS</a></p></div>
 +
          </div>
 +
          </div>
-
<div>
+
          <div class="itemwrap">
-
    <h1>Team</h1>
+
          <div class="item">
-
    <table>
+
  <div class="item-t1"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
        <tbody>
+
          <div class="item-b1"><p style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Attributions">ATTRIBUTIONS</a></p></div>
-
            <tr>
+
          </div>
-
              <td>
+
          </div>
-
                  <img width="170px" height="170px"  
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <h5>Monique Freitas | Boston University '13</h5>
+
-
                  <p>Monique is studying abroad at BU and majoring in Biotechnology. She couldn`t think of a better way to enjoy her summer in Boston than joining IGEM BU team! Besides Science and research her passions are pistachio ice cream, long late night conversations and Dave Matthews Band. </p>
+
-
                  <p>
+
-
                      <h7>负责版块</h7>
+
-
                  </p>
+
-
              </td>
+
-
            <tr>
+
-
        </tbody>
+
-
        </table>
+
-
</div>
+
          <div class="itemwrap">
-
 
+
          <div class="item">
-
 
+
  <div class="item-t2"><p  style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
-
<div>
+
          <div class="item-b2"><p style="font-family:Arial,Helvetica,sans-serif;font-size:23px;font-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">SPONSORS</a></p></div>
-
    <h1>Advisers and Mentors</h1>
+
          </div>
-
    <table>
+
          </div>
-
        <tbody>
+
-
            <tr>
+
-
              <td>
+
-
                  <img width="170px" height="170px"  
+
-
 
+
-
src="https://static.igem.org/mediawiki/2012/7/71/3human_practice.jpg">
+
-
              </td>
+
-
              <td>
+
-
                  <h5>姓名专业年级</h5>
+
-
                  <p>简介 </p>
+
-
                  <p>
+
-
                      <h7>负责版块</h7>
+
-
                  </p>
+
-
              </td>
+
-
            <tr>
+
-
        </tbody>
+
-
        </table>
+
 +
    </div>
</div>
</div>
 +
</body>
-
  </div>
 
-
</div>
 
-
</body>
 
</html>
</html>
-
 
-
== '''Who we are''' ==
 
-
{|border = "0"
 
-
|-
 
-
|rowspan="3"|
 
-
 
-
 
-
 
-
 
-
 
-
'''Advisors:'''
 
-
 
-
*''' Advisor 1''':    Mentor for all
 
-
*'''Advisor 2''':      Our favorite
 
-
*'''Grad Student 1''':    Our leader 
 
-
 
-
 
-
'''Undergrads:'''
 
-
 
-
*'''Student 1''':    Sleepyhead
 
-
*'''Student 2''':    Math nerd
 
-
*'''Student 3''':    Is going to save the world
 
-
*'''Student 4''':    Loves iGEM
 
-
*'''Student 5''':  A normal student... or(r) am I?
 
-
*'''Student 6''':  Table football fan
 
-
*'''Student 7''':
 
-
 
-
 
-
|
 
-
<gallery>
 
-
Image:Example2_Team_member_1.png|Team member 1
 
-
Image:Example2_Team_member_2.png|Team member 2
 
-
Image:Example2_Team_member_3.png|Team member 3
 
-
Image:Example2_Team_member_4.png|Team member 4
 
-
Image:Example2_Team_member_5.png|Team member 5
 
-
Image:Example2_Team_member_6.png|Team member 6
 
-
Image:Example2_Team_member_7.png|Team member 7
 
-
</gallery>
 
-
|}
 
-
 
-
== '''What we did''' ==
 
-
 
-
(Provide proper attribution for all work)
 
-
 
-
 
-
== '''Where we're from''' ==
 
{{:Team：HZAU-China/background-footer}}
{{:Team：HZAU-China/background-footer}}
<br/>
<br/>

Latest revision as of 11:53, 20 September 2013


Retrieved from "http://2013.igem.org/Team:HZAU-China/Team"