Team:XMU-China/

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:XMU-China}}")
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+
{{:Team:XMU-China}}
-
<head>
+
-
<title>Team:XMU-China</title>
+
-
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+
-
<!--[if IE 6]>
+
-
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
+
-
<![endif]-->
+
-
<style>
+
-
* { margin: 0; padding: 0; outline:0; }
+
-
 
+
-
body {
+
-
    font-size: 12px;
+
-
    line-height: 20px;
+
-
    font-family: Georgia, Arial, Helvetica, Sans-Serif;
+
-
    color: #333;
+
-
    background: url(https://static.igem.org/mediawiki/2014/e/e6/XMU_BODY_BG.gif);
+
-
}
+
-
 
+
-
 
+
-
 
+
-
a { color: #ff0000; text-decoration: none; cursor:pointer; }
+
-
a:hover { text-decoration: underline; }
+
-
 
+
-
a img { border: 0; }
+
-
 
+
-
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
+
-
textarea { overflow:auto; }
+
-
 
+
-
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
+
-
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
+
-
 
+
-
.left, .alignleft { float: left; display: inline; }
+
-
.right, .alignright { float: right; display: inline; }
+
-
 
+
-
 
+
-
.shell { width: 980px; margin: 0 auto; }
+
-
.border { border: 1px solid #e8e8e8; background: #fff; position: absolute; margin-top: 45px; }/*调整纸张*/
+
-
.shadow-l { background: url(https://static.igem.org/mediawiki/2014/1/1d/XMU_shadow-l.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;left:-25px; }
+
-
.shadow-r { background: url(https://static.igem.org/mediawiki/2014/d/d7/XMU_shadow-b.png) no-repeat 0 0; width: 25px; height: 686px; position: absolute; top:100px;right:-25px; }
+
-
.shadow-b { background: url(https://static.igem.org/mediawiki/2014/d/d7/XMU_shadow-b.png) no-repeat 0 0; width: 980px; height: 20px; position: absolute; bottom:-20;left:0; }
+
-
 
+
-
#header { background: url(https://static.igem.org/mediawiki/2014/d/dd/XMU_colorpiece.gif) 0 0; height: 780px; position: relative; } /*放吉祥物和logo的界面*/
+
-
#logo a { background: url(https://static.igem.org/mediawiki/2014/5/5f/XMU_LOGO.png) no-repeat 15px 5px; width: 200px; height: 99px; position: absolute; top:0;left:0; }
+
-
#color { background:url(https://static.igem.org/mediawiki/2014/1/15/XMU_header-bg.gif) repeat-x 0 0; width:980px;height:500px;position:absolute;top:-5px;left:0;}
+
-
 
+
-
 
+
-
#main { width: 932px; padding: 37px 24px 17px 24px; }
+
-
#main h1 { font-size: 18px; line-height: 15px; color: #000; text-transform: uppercase; border-bottom: 1px solid #dbdbdb; padding: 0 0 10px 0; }
+
-
#main a.more { background: url(https://static.igem.org/mediawiki/2014/4/4a/XMU_WIKI_more.gif) no-repeat 0 3px; font-size: 11px; line-height: 14px; color: #ff0000; text-decoration: underline; padding: 0 0 0 13px; }
+
-
#main a.more:hover { text-decoration: none; }
+
-
 
+
-
#content { width: 605px; }
+
-
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
+
-
 
+
-
.highlight { position:absolute; top: 800px;left:0; }
+
-
.highlight h3 { margin: 0 0 11px 0; }
+
-
.highlight p { padding: 0 0 9px 0; }
+
-
/*.highlight img { margin: 4px 12px 0 12px; } */
+
-
 
+
-
.projects { padding: 65px 0 0 0; }
+
-
.projects h3 { margin: 0 0 17px 0; }
+
-
.projects .item { margin: 0 0 28px 0; }
+
-
.projects .image { width: 183px; height: 111px; border: 1px solid #dbdbdb; padding: 2px; margin: 0 20px 0 3px; }
+
-
.projects .text { width: 393px; }
+
-
.projects .text h4 { font-size: 12px; line-height: 15px; color: #333; text-transform: uppercase; padding: 3px 0 2px 0; }
+
-
.projects .text p { padding: 0 0 3px 0; }
+
-
 
+
-
#sidebar { width: 300px; }
+
-
 
+
-
.btn-buy { background: url(images/btn-buy.gif) no-repeat 0 0; display: block; width: 307px; height: 86px; font-size: 40px; line-height: 90px; color: #b50000; font-weight: bold; text-align: center; margin: 0 0 17px 0; position: relative; left:-3px;  top: 10px;}
+
-
.btn-buy:hover { text-decoration: none; }
+
-
 
+
-
#sidebar .info {  }
+
-
#sidebar .info h3 { margin: 0 0 7px 0; }
+
-
#sidebar .info p {  }
+
-
 
+
-
 
+
-
img{border:0;}
+
-
.navigation_bar{text-decoration:none;color:#333;}
+
-
.navigation_bar:hover{color:#FF8400;}
+
-
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
+
-
 
+
-
 
+
-
.navBar{height: 62px; border-top: 0 solid #dbdbdb; /*border-bottom: 1px solid #dbdbdb;*/position:absolute; top:20px; left:0;}
+
-
.nav{list-style: none;}
+
-
.nav a{ float: left; height: 43px; color: #000; padding: 0 33px; text-decoration:none}
+
-
.nav h3{font-size:100%;font-weight:normal;}
+
-
.nav .m{float: left; height: 43px; border-right: 1px solid #dbdbdb; font-size: 12px; line-height: 43px; font-weight: bold; text-transform: uppercase;}
+
-
.nav h3 a{display:block;width:126px;text-align:center;font-weight:bold;}
+
-
.nav .sub{display:none;border:1px solid #E6E4E3;border-top:0;background:#fff; text-decoration:none}
+
-
.nav .sub li{text-align:center; height: 55px; border-right: 1px solid #dbdbdb; line-height: 43px; font-weight: bold; text-transform: uppercase;display:absolute}
+
-
.nav .sub li a{display:block; height: 43px; color: #000; padding: 0 33px; }
+
-
.nav .sub li a:hover{color:#FE7700;}
+
-
.nav .block{height:8px;width:198px;background:#FE7700;position:absolute;left:0;top:42px;overflow:hidden;align:center}
+
-
 
+
-
ul{list-style:none;}
+
-
.topic_img_word{display:none}
+
-
 
+
-
/**
+
-
* This <div> element is wrapped by jCarousel around the list
+
-
* and has the classname "jcarousel-container".
+
-
*/
+
-
.jcarousel-container {
+
-
    position: relative;
+
-
}
+
-
 
+
-
.jcarousel-clip {
+
-
    z-index: 2;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    overflow: hidden;
+
-
    position: relative;
+
-
    width: 928px;
+
-
    height: 298px;
+
-
}
+
-
 
+
-
.jcarousel-list {
+
-
    z-index: 1;
+
-
    overflow: hidden;
+
-
    position: relative;
+
-
    top: 0;
+
-
    left: 0;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
}
+
-
 
+
-
.jcarousel-list li,
+
-
.jcarousel-item {
+
-
    float: left;
+
-
    list-style: none;
+
-
    /* We set the width/height explicitly. No width/height causes infinite loops. */
+
-
    width: 928px;
+
-
    height: 298px;
+
-
    position: relative; /*IE6 PNG fix with link inside*/
+
-
}
+
-
 
+
-
/**
+
-
* The buttons are added dynamically by jCarousel before
+
-
* the <ul> list (inside the <div> described above) and
+
-
* have the classnames "jcarousel-next" and "jcarousel-prev".
+
-
*/
+
-
/*
+
-
.jcarousel-next {
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
 
+
-
.jcarousel-prev {
+
-
    z-index: 3;
+
-
    display: none;
+
-
}
+
-
*/
+
-
 
+
-
</style>
+
-
 
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:XMU-China/JS_XMU_INDEX?action=raw&ctype=text/javascript"></script>
+
-
+
-
<!--显示最上面的几个链接-->
+
-
<div class="left-menu " id="menubar">
+
-
<style>
+
-
#menubar ul {
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
#menubar li {
+
-
float:left;
+
-
padding: 10px;
+
-
}
+
-
</style>
+
-
  <ul id="left-menu" style="list-style-type:none">
+
-
      <li class="selected"><a href="/Team:XMU-China">page</a></li>
+
-
          <li class="new"><a href="/wiki/index.php?title=Talk:Team:XMU-China&amp;action=edit&amp;redlink=1">discussion </a></li>
+
-
          <li><a href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China&action=edit">edit </a></li>
+
-
          <li><a href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China&amp;action=history">history </a></li>
+
-
  <li id="this"><a>move</a></li>
+
-
  <li id="this"><a>watch</a></li>
+
-
          <li id="this"><a>teams</a></li>
+
-
  </ul>
+
-
</div> <!-- end left menubar -->
+
-
<div class="right-menu " id="menubar">
+
-
  <ul style="list-style-type:none">
+
-
          <li style="float:right;"><a accesskey="o" title="You are encouraged to log in; however, it is not mandatory [o]" href="/wiki/index.php?title=Special:UserLogin&amp;returnto=WikitemplateA_home">Log in</a></li>        
+
-
  </ul>
+
-
</div><!-- end right menubar -->
+
-
 
+
-
</head>
+
-
<body>
+
-
<div class="shell">
+
-
<div class="border">
+
-
<div id="header">
+
-
    <p id="color"></p>
+
-
<!--<h1 id="logo"><a href="#" class="notext"></a></h1>-->
+
-
<img id="igem_logo" src="https://static.igem.org/mediawiki/2014/9/90/Xmu_igem_logo.gif" style="position:absolute; right: 10px; top: 12px; width: 80px; height: 80px;">
+
-
<img id="xmu_logo"  src="https://static.igem.org/mediawiki/2014/5/54/XMU_LOGO2.png" style="position:absolute; left: -100px; top:25px; width: 250px; height: 250px;">
+
-
<!--加入吉祥物大图-->
+
-
+
-
 
+
-
<div id="content"  style="position:relative">
+
-
<img id="wiki_bg" src="https://static.igem.org/mediawiki/2014/b/b9/XMU_color_piece4.png" style="position:relative; right: -10px; top: -70px;" >
+
-
<a href="#">
+
-
<img class="topic_img" id="safety" src="https://static.igem.org/mediawiki/2014/4/49/XMU_E_5.png" width="144px" height="195px" style="position: absolute; right: 182px; top: 474px; " />
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/1/17/XMU_5_0.png" style="position:absolute; left: 407px; top: 331px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="team" src="https://static.igem.org/mediawiki/2014/1/12/XMU_E_1.png" style="position: absolute; left: 513px; top: 213px;">
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/8/8f/XMU_1_0.png" style="position:absolute; right: 26px; top: 80px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="home" src="https://static.igem.org/mediawiki/2014/1/17/XMU_E_2.png" style="position: absolute; right: 144px; top: 228px;" >
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/fc/XMU_2_0.png" style="position:absolute; left: 374px; top: 86px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="project" src="https://static.igem.org/mediawiki/2014/5/58/XMU_E_4.png"  width="213" height="168" style="position: absolute; right: -225px; top: 380px;" />
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/5/53/XMU_3_0.png" style="position:absolute; right: -90px; top: 228px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="humanp_ractice" src="https://static.igem.org/mediawiki/2014/7/7b/XMU_E_3.png" style="position: absolute; right: -157px; top: 495px;" />
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/c/c5/XMU_4_0.png" style="position:absolute; right: 51px; top: 365px; width: 144px; height: 195px;">
+
-
</a>
+
-
<a href="#">
+
-
<img class="topic_img" id="notebook" src="https://static.igem.org/mediawiki/2014/3/3c/XMU_E_6.png" style="position: absolute; right: 340px; top: 345px;">
+
-
<img class="topic_img_word" src="https://static.igem.org/mediawiki/2014/f/ff/XMU_6_0.png" style="position:absolute; left: 226px; top: 223px; width: 144px; height: 195px;">
+
-
</a>
+
-
+
-
<div class="cl">&nbsp;</div>
+
-
</div>
+
-
<div class="navBar">
+
-
<ul class="nav clearfix">
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Home</a></h3>
+
-
<ul class="sub">
+
-
<li><a class="navigation_bar" href=#>Overview</a></li>
+
-
<li><a class="navigation_bar" href=#>Background</a></li>
+
-
<li><a class="navigation_bar" href=#>Design</a></li>
+
-
<li><a class="navigation_bar" href=#>Future work</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Project</a></h3>
+
-
<ul class="sub">
+
-
<li><a class="navigation_bar" href=#>Overview</a></li>
+
-
<li><a class="navigation_bar" href=#>Background</a></li>
+
-
<li><a class="navigation_bar" href=#>Design</a></li>
+
-
<li><a class="navigation_bar" href=#>Future work</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Team</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Our Team</a></li>
+
-
<li><a class="navigation_bar" href=#>Our University</a></li>
+
-
<li><a class="navigation_bar" href=#>Our Album</a></li>
+
-
<li><a class="navigation_bar" href=#>Our Album</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" href=#>Outreach</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Abstract</a></li>
+
-
<li><a class="navigation_bar" href=#>Human Practice</a></li>
+
-
<li><a class="navigation_bar" href=#>Collaborations</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="m">
+
-
<h3><a class="navigation_bar" class="navigation_bar" href=#>Notebook</a></h3>
+
-
<ul class="sub" style="display: none;">
+
-
<li><a class="navigation_bar" href=#>Wetlib Journal</a></li>
+
-
<li><a class="navigation_bar" href=#>Timeline</a></li>
+
-
<li><a class="navigation_bar" class="navigation_bar" href=#>Safety</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="block" style="left:251px;"></li>
+
-
</ul>
+
-
<div class="cl">&nbsp;</div>
+
-
</div>
+
-
+
-
</div>
+
-
+
-
<div id="main">
+
-
<div id="content" class="left">
+
-
            <div class="highlight">
+
-
            <br /><br /><br />
+
-
            <tr>
+
-
            <td> <h1 style="line-height: 19px; text-align: center;"> Project Description </h1></td>
+
-
            </tr>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify;">
+
-
    <strong><span style="font-size: 14px;font-family: Arial, sans-serif">Chemtaxis</span></strong>
+
-
<span style="font-size: 14px;font-family: Arial, sans-serif">, which can make strains move, interest us this time. By reprogramming the strain (CL-1), which lacks the <em>CheZ</em> gene, we can create mathematical patterns. <em>CheZ</em> gene belongs to chemotaxis family of <em>E.coli</em>. Protein CheZ can dephosphorylate CheY-P, one that allows <em>E.coli</em> swimming smoothly. The </span><span style="font-size: 13px;font-family: 宋体">Δ</span><span style="font-size: 14px;font-family: Arial, sans-serif">CheZ bacteria can’t dephosphorylate CheY-P, so the strain won’t motile until <em>CheZ</em> is involved in. That means the motility of <em>E.coli</em> can be precisely control by stimulus (e.g. IPTG). We try to construct logic gene circuits to make <em>E.coli</em> recognize environmental stimulation, thus by utilizing the controlled chemotaxis which named pseudotaxis we could command bacteria to form patterns such as ellipse, hyperbola and so on.</span>
+
-
</p>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify; ">
+
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">The intrinsic motivation that drive us striving for the above project is that we want to simulate the process of stem cell differentiation. In the organs development, stem cells differentiate while aggregate together to form heart, liver and kidney what have precise shapes. <strong>Perhaps some mathematical principles that govern the differentiation process.</strong> By simulating differentiation, we want to get a closer understanding of the differentiation process. However, <em>E.coli</em> can’t sense as much stimulus as stem cell, we intend to utilize RNA aptamers what has the potential to response to almost all stimulus to cover that shortage. Thus, we can get a more precise stimulation.</span>
+
-
</p>
+
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justifyS; ">
+
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">Besides, we try to utilize pseudotaxis to accomplish some experimental meaning. As far as we know, the motile ability is proportional to the amount of protein CheZ in certain range. By measuring the average chemotaxis distance, we will get a <strong>precise evaluation on the RBS efficiency</strong> that is evaluated by fluorescence strength previously.</span>
+
-
</p>
+
-
<p>
+
-
    <br/>
+
-
</p>
+
-
            </div>
+
-
+
-
</div>
+
-
+
-
<div class="cl">&nbsp;</div>
+
-
+
-
</div>
+
-
+
-
<div class="shadow-l"></div>
+
-
<div class="shadow-r"></div>
+
-
<div class="shadow-b"></div>
+
-
  </div>
+
-
+
-
 
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript">
+
-
$(function(){
+
-
    var nav = $(".nav");
+
-
    var init = $(".nav .m").eq(ind);
+
-
    var block = $(".nav .block");
+
-
    block.css({
+
-
        "left": init.position().left - 3
+
-
    });
+
-
    nav.hover(function() {},
+
-
    function() {
+
-
        block.stop().animate({
+
-
            "left": init.position().left - 3
+
-
        },
+
-
        100);
+
-
    });
+
-
    $(".nav").slide({
+
-
        type: "menu",
+
-
        titCell: ".m",
+
-
        targetCell: ".sub",
+
-
        delayTime: 300,
+
-
        triggerTime: 0,
+
-
        returnDefault: true,
+
-
        defaultIndex: ind,
+
-
        startFun: function(i, c, s, tit) {
+
-
            block.stop().animate({
+
-
                "left": tit.eq(i).position().left - 3
+
-
            },
+
-
            100);
+
-
        }
+
-
    });
+
-
});
+
-
 
+
-
var ind = 0;
+
-
</script>
+
-
</body>
+
-
</html>
+

Latest revision as of 10:46, 17 October 2014

Team:XMU-China

Retrieved from "http://2014.igem.org/Team:XMU-China/"