Difference between revisions of "Team:OUC-China"

Line 1: Line 1:
−
 
−
<script type="text/javascript">
 
−
 
−
jQuery(document).ready(function($){
 
−
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
 
−
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
 
−
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});
 
−
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});
 
−
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});
 
−
 
−
$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);});
 
−
$('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});
 
−
 
−
$('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').offset().top-78}, 800);});
 
−
$('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);});
 
−
$('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').offset().top-78}, 800);});
 
−
$('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
 
−
 
−
$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});
 
−
$('#navAttributions').click(function(){$('html,body').animate({scrollTop: $('#Attributions').offset().top-78}, 800);});
 
−
$('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
 
−
$('#navSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});
 
−
$('#navContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);});
 
−
 
−
$('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);});
 
−
$('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});
 
−
 
−
});
 
−
 
−
</script>
 
−
 
 
<style type="text/css">
 
<style type="text/css">
 +
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
#globalWrapper{
 
−
padding:0px;
 
−
}
 
−
#content{
 
−
    width:100%;
 
−
padding:0px;
 
−
border:none;
 
−
background-color: #F0F0F0;
 
−
}
 
−
.firstHeading{
 
−
display:none;
 
−
}
 
−
#bodyContent{
 
−
padding:0px;
 
−
}
 
  
−
.head{
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
−
position: fixed;
+
width: 100%;  
−
    eft:0px;
+
height: 100%;
−
top:18px;
+
−
width: 100%;
+
−
height: 60px;
+
−
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
+
−
border-bottom: thin solid #CCC;
+
−
z-index:1000;
+
−
}
+
−
.head:hover{
+
−
background: #FFF;
+
−
}
+
−
#navLogoLeft{
+
−
float:left;
+
−
margin-left:15px;
+
−
margin-right:20px;
+
−
padding:2px 0px 4px 0px;
+
−
}
+
−
#navLogoLeft img{
+
 
border: 0px;
 
border: 0px;
−
height: 54px;
+
background-color: transparent;
−
width: auto;
+
margin: 0px;
 +
padding: 0px;
 
}
 
}
−
#navLogoRight{
+
 
−
float:right;
+
html, body, .wrapper { /*-- changes default wiki settings --*/
−
margin-right:10px;
+
width: 100%;  
−
padding:2px;
+
height: 100%;  
−
}
+
background-color: transparent;
−
#navLogoRight img{
+
−
border:0px;
+
−
height:56px;
+
−
width: auto;
+
−
}
+
−
.nav {
+
−
float:left;
+
−
}
+
−
.navOne{
+
−
float: left;
+
−
padding-top:4px;
+
−
}
+
−
.navOne a{
+
−
color: #333;
+
−
}
+
−
.navOneA{
+
−
line-height: 52px;
+
−
text-decoration: none;
+
−
padding: 10px 12px;
+
−
text-transform: uppercase;
+
−
font-family: "Comic Sans MS", cursive,Georgia;
+
−
font-size: 14px;
+
−
}
+
−
.navOneA img{
+
−
border:0px;
+
−
}
+
−
.navOne:hover{
+
−
background:#CCC;
+
−
border-bottom: 4px solid #CCC;
+
−
}
+
−
.navOne:hover a{
+
−
text-decoration: none;
+
−
}
+
−
.navOne:hover .navDrop{
+
−
display:block;
+
−
}
+
−
.navDrop{
+
−
display:none;
+
−
padding-bottom:5px;
+
−
margin-top:-10px;
+
−
}
+
−
.navTwo{
+
−
list-style-type: none;
+
−
padding: 5px 10px;
+
−
}
+
−
.navTwo:hover{
+
−
background:#999;
+
−
}
+
−
.navTwo a{
+
−
text-decoration: none;
+
−
font-family: Georgia, "Times New Roman", Times, serif;
+
−
font-size: 14px;
+
 
}
 
}
  
−
</style>
+
body {
−
</head>
+
  
−
<body>
+
 +
    font: 15px/23px tahoma;
 +
font-family: 'Tangerine', serif;
 +
 +
}
  
 +
#topbar {
 +
    height: 150px;
 +
    background-color: #333333;
 +
    position: fixed;
 +
    width:100%;
 +
    top: 0px;
 +
    left:0px;
 +
    z-index:999999;
  
−
</body>
 
−
 
−
</p><p>
 
−
<head>
 
−
<style type="text/css">
 
−
 
−
#content {
 
−
background:#eee;
 
−
margin-top:-20px;
 
−
padding-top:85px;
 
−
/* 颜色左右渐变 */
 
−
background-image: -webkit-linear-gradient(left,#ddd,#fff,#ddd)
 
 
}
 
}
−
 
+
/*Header Menu*/
−
.myContent{
+
#topmenu {
−
width: 1000px;
+
    display: block;
−
margin: 0px auto;
+
    list-style: none;
−
min-height: 550px;
+
    padding: 0px 0px 0px 0px;
−
padding: 0px;
+
    height:30px;
−
font-family: "Times New Roman",Georgia, Times, serif;
+
 
}
 
}
−
 
+
#topmenu li {
−
#mainContent{
+
display:inline;
−
width:100%;
+
 
}
 
}
−
#mainContent .titleOne{
+
#topmenu a {
−
margin-top:15px;
+
    display: block;
−
text-align: left;
+
    float: left;
−
font-size: 30px;
+
    height: 28px;
−
font-family: Verdana, Tahoma, Arial, Helvetica;
+
    margin: 0px 0px 0px 0px;
−
font-weight: bolder;
+
    text-decoration: none;
−
line-height: 55px;
+
    padding: 9px 15px 0px 15px;
−
color:#333;
+
    text-align: center;
 +
    font-family: calibri;
 +
    font-size: 15px;
 +
    font-weight: bold;
 
}
 
}
−
#mainContent .contentP{
+
#topmenu a, #topmenu a:visited, #topmenu a:active {
−
text-align: justify;
+
color:#FFFFFF;
−
text-indent: 2%;
+
−
font-size: 18px;
+
−
font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
+
−
text-decoration: none;
+
 
}
 
}
−
#mainContent .divider{
+
#topmenu a:hover{
−
margin-top:15px;
+
color:#ffffff;
−
width:100%;
+
background-color: #B52E10;
−
height:3px;
+
−
background:#5E5E1C;
+
 
}
 
}
−
.dividerNone{
+
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{
−
clear:both;
+
color:#FFFFFF;
 +
background-color: #B42D0F;
 
}
 
}
  
−
/* 滚动图片样式*/
+
.headername {
−
#oneMorePic{
+
    padding: 8px;
−
width: 100%;
+
    height: 65px;
−
height: 350px;
+
    vertical-align: middle;
−
background:url(https://static.igem.org/mediawiki/2015/c/c9/China_Tongji-homePicture-1.png);  
+
    background-color: #FFFFFF;
−
margin: 20px 0px;
+
    color: #800000;
−
border:solid 2px #666;
+
margin-top:20px;
 
}
 
}
−
.picBackground{
+
.headericon {
−
clear:both;
+
    float: left;
−
position:absolute;
+
    width: 90px;
 +
    height: 60px;
 
}
 
}
−
.picMove{
+
.igemicon {
−
width:50px;
+
    float: right;
−
height:50px;
+
    width: 100px;
−
opacity:0.7;
+
    height: 60px;
−
margin-top:160px;
+
    margin-right: 15px;
 
}
 
}
−
#moveLeft{
+
.headertiltle {
−
float:left;
+
    font-size: 25px;
−
margin-left:20px;
+
    font-family: calibri;
−
}
+
    float: left;
−
#moveRight{
+
    width: 525px;
−
float:right;
+
    text-decoration: none;
−
margin-right:20px;
+
    line-height: 60px;
−
}
+
    height: 56px;
−
.button:hover{
+
    position: relative;
−
cursor:pointer;
+
    top: 0px;
−
opacity:1;
+
    left: 0px;
−
}
+
−
.picPosition{
+
−
position:absolute;
+
−
margin-left:480px;
+
−
margin-top:320px;
+
−
z-index:100;
+
−
}
+
−
.picPositionIndex{
+
−
width:15px;
+
−
height:15px;
+
−
opacity:0.7;
+
−
margin:5px;
+
−
}
+
−
+
−
/* 标题按钮样式 */
+
−
.titleButton{
+
−
float: left;
+
−
margin:5px 0px;
+
 
}
 
}
  
−
#buttonProject{
+
.headertiltle a {
−
background: url(https://static.igem.org/mediawiki/2015/8/84/China_Tongji-project.png) no-repeat;
+
    font-size: 28px;
−
}
+
    font-family: calibri;
−
#buttonNotebook{
+
    float: left;
−
background: url(https://static.igem.org/mediawiki/2015/b/be/China_Tongji-notebook.png) no-repeat;
+
    width: 500px;
−
}
+
    text-decoration: none;
−
#buttonAchivement{
+
    line-height: 60px;
−
background: url(https://static.igem.org/mediawiki/2015/3/3b/China_Tongji-achivement.png) no-repeat;
+
    font-weight: bold;
−
}
+
    color: #B80000;
−
#buttonOutreach{
+
−
background: url(https://static.igem.org/mediawiki/2015/0/09/China_Tongji-outreach.png) no-repeat;
+
−
}
+
−
#buttonSafety{
+
−
background: url(https://static.igem.org/mediawiki/2015/3/37/China_Tongji-safety.png) no-repeat;
+
−
}
+
−
.titleButton a{
+
−
font-family: Tahoma, Arial, Helvetica;
+
−
font-size: 26px;
+
−
font-weight: bold;
+
−
color: #333;
+
−
display:block;
+
−
width:200px;
+
−
height:172px;
+
−
text-align: center;
+
−
padding-top:28px;
+
−
/* for IE */
+
−
filter:alpha(opacity=80);
+
−
/* CSS3 standard */
+
−
  opacity:0.80;
+
−
}
+
−
.titleButton a:hover{
+
−
filter:alpha(opacity=1);
+
−
opacity:1;
+
−
text-decoration: none;
+
 
}
 
}
  
  
 +
</style>
  
−
.videoWrapper{
 
−
background-color:#5E5E1C;
 
−
padding:5px;
 
−
}
 
  
−
 
+
<head>
−
</style>
+
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('a').click(function(){
 +
    $('html, body').animate({
 +
        scrollTop: $( $.attr(this, 'href') ).offset().top
 +
    }, 500);
 +
    return false;
 +
});
 +
});
 +
</script>
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<div id="topbar">
 +
    <div class="headername">
 +
        <div class="headericon">
 +
            <img src="https://static.igem.org/mediawiki/2015/9/97/Headericon.PNG" style="height: 61px; width: 87px" alt="headericon" />
  
−
<!--head start-->
+
         </div>
−
<div class="head">
+
  <div class="headertiltle"><a href="https://2015.igem.org/Team:BostonU">Boston University iGEM 2015 </a></div>
−
<div id="navLogoLeft">
+
−
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
+
−
        <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
+
−
        </a>
+
−
    </div>
+
−
    <div id="navLogoRight">
+
−
        <a href="https://2015.igem.org/Main_Page">
+
−
            <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
+
−
        </a>
+
−
    </div>
+
−
    <div class="nav">
+
−
        <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></div>
+
−
        <div class="navOne" id="divProject"><a class="navOneA" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
−
            <div class="navDrop">
+
−
                    <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project">Overview</a></li>
+
−
                    <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project">Background</a></li>
+
−
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project">Design</a></li>
+
−
                    <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project">Protocol</a></li>
+
−
                    <li class="navTwo" id="navSummaryResult"><a href="https://2015.igem.org/Team:China_Tongji/Project">Summary and Result</a></li>
+
−
            </div>
+
−
        </div>
+
−
        <div class="navOne" id="divNotebook"><a class="navOneA" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
−
            <div class="navDrop">
+
−
                <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Record</a></li>
+
−
                <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Timeline</a></li>
+
−
            </div>
+
−
        </div>
+
−
        <div class="navOne" id="divAchivement"><a class="navOneA" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
−
            <div class="navDrop">
+
−
                    <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Parts</a></li>
+
−
                    <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Equipment</a></li>
+
−
                    <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Modeling</a></li>
+
−
                    <li class="navTwo" id="navJudgingForm"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Judging Form</a></li>
+
−
            </div>
+
−
        </div>
+
−
        <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
−
            <div class="navDrop">
+
−
                <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
+
−
                <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team">Attributions</a></li>
+
−
                <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Advisor</a></li>
+
−
                <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Sponsor</a></li>
+
−
                <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team">Contact</a></li>
+
−
            </div>
+
−
        </div>
+
−
        <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
+
−
            <div class="navDrop">
+
−
                <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
+
−
                <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
+
−
            </div>
+
−
        </div>
+
−
        <div class="navOne" id="divSafety"><a class="navOneA" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
+
−
    </div>   
+
−
</div>
+
  
−
<!--content start-->
+
          <div class="igemicon">
 +
            <img src="https://static.igem.org/mediawiki/2015/1/10/Virginia_igem_logo.jpg" style="height: 62px; width: 70px" alt="headericon" />
 +
        </div>
 +
  </div>
  
−
 
+
  <div id="menus">
−
<div class="myContent">
+
  <ul id="topmenu">
−
    <div id=mainContent>
+
            <li><a href="https://2015.igem.org/Team:BostonU">Home</a></li>
−
    <!-- maincontent start here -->
+
<li><a href="https://2015.igem.org/Team:BostonU/Team">Team</a></li>
−
        <!-- 滚动图片 -->
+
<li><a href="https://2015.igem.org/Team:BostonU/Project">Project</a></li>
−
      <div id="oneMorePic">
+
<li><a href="https://2015.igem.org/Team:BostonU/Notebook">Notebook</a></li>
−
        <img class="button picMove" id="moveLeft" src="https://static.igem.org/mediawiki/2015/d/d9/China_Tongji-picLeftMove.png">
+
<li><a href="https://2015.igem.org/Team:BostonU/Attributions">Attributions</a></li>
−
            <img class="button picMove" id="moveRight" src="https://static.igem.org/mediawiki/2015/f/f3/China_Tongji-picRightMove.png">
+
<li><a href="https://2015.igem.org/Team:BostonU/Collaborations">Collaborations</a></li>
−
            <div class="picPosition">
+
<li><a href="https://2015.igem.org/Team:BostonU/Practices">Human Practices</a></li>
−
            <img class="button picPositionIndex" src="https://static.igem.org/mediawiki/2015/2/2c/China_Tongji-picPosition.png">
+
<li><a href="https://2015.igem.org/Team:BostonU/Safety">Safety</a></li>
−
                <img class="button picPositionIndex" src="https://static.igem.org/mediawiki/2015/2/2c/China_Tongji-picPosition.png">
+
<li><a href="https://2015.igem.org/Team:BostonU/Modeling">Modeling</a></li>
−
            </div>
+
<li><a href="https://2015.igem.org/Team:BostonU/Measurement">Measurement</a></li>
−
 
+
<li><a href="https://2015.igem.org/Team:BostonU/Software">Software</a></li>
−
        </div>
+
<li><a href="https://2015.igem.org/Team:BostonU/Entrepreneurship">Entrepreneurship</a></li>
−
        <!-- 一级标题块 -->
+
</ul>
−
        <div class="titleOneBlock">
+
</div>
−
        <div class="titleButton"><a id="buttonProject" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></div>
+
−
          <div class="titleButton"><a id="buttonNotebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></div>
+
−
          <div class="titleButton"><a id="buttonAchivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></div>
+
−
          <div class="titleButton"><a id="buttonOutreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></div>
+
−
          <div class="titleButton"><a id="buttonSafety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
+
−
        </div>
+
−
        <!-- 项目介绍 -->
+
−
      <div class="dividerNone"></div>
+
−
    <p class="titleOne" id="ProjectIntroduction">Project Introduction</p> 
+
−
        <div class="divider"></div>
+
−
    <p class="contentP">In our project, we will use the technology of optogenetic and use light of different wave produced by the special light source assembled by ourselves to control the moving of C.elegans, construct a movement controlling system and bulid an amusement park of C.elegans.</p>
+
−
<p class="contentP">We will try to design our special parts and express channalrhodopsin in specific C.elegans' neurons. To accomplish our goals to express channalrhodopsin in single neuron, we make the use of cre- loxp system and the overlapping of promoters. We not only use the traditional channalrhodopsin,chR2,but also try to express the novel channelrhodopsin, Blink, and other fancy channelrhodopsins which have never been tested in C.elegans.</p>
+
−
<p class="contentP">And we will also get some parts and assemble those parts into a new equipment which can serves as the light source of our experiment.Then we will use computer controlling that lightsource to change the light which can activate or suppress the channelrhodopsin. By doing that, we can try to control the behaviours of C.elegans such as moving forwards or twisting more effectively.</p>
+
−
<p class="contentP">What's more,we will express GFP,YFP,mcherry in E.coli. By combining the color of microorgasims and C.elegans, we want to construct some interesting scenes to form a C.elegans' fancy world.</p>
+
−
<p class="contentP">This technology will be helpful in the research on neuron's function and interaction. In the future, this technology may also be used in mechanical controlling system and the theraphy of movement defect.</p>
+
−
        <div class="divider"></div>
+
−
        <!-- 视频欣赏 -->
+
−
    <p class="titleOne" id="VideoAppreciation">Video Appreciation</p>  
+
−
    <div class="videoWrapper">
+
−
            <video controls width="990">
+
−
                <source src="https://static.igem.org/mediawiki/2015/3/36/Tongji_University_promotional_video_2011.mp4" type="video/mp4" />Your browser does not support the video tag.
+
−
            </video>
+
−
  </div>      
+
−
       
+
−
 
+
−
  </div>
+
 
</div>
 
</div>
  
−
</body>
 
  
−
</p><p>
 
−
 
−
<head>
 
  
 +
<header>
 +
<title>Home</title>
 
<style type="text/css">
 
<style type="text/css">
  
−
.foot{
+
#header {
−
clear:both;
+
  margin-top: 150px;
−
width:100%;
+
    height: 265px;
−
height:100px;
+
    background: url(https://static.igem.org/mediawiki/2015/0/08/Homepic.JPG) no-repeat;
−
background-color:#404040;
+
    background-repeat: no-repeat;
−
position:relative;
+
    background-position: center;  
−
bottom:-5px;
+
 
}
 
}
−
.navFoot{
+
#contentpage {
−
margin-top:0px;
+
    border-color: #C0C0C0;
−
padding-top:25px;
+
    background-color: #FFFFFF;
 +
    width: 80%;
 +
    margin-right: auto;
 +
    margin-left: auto;
 +
    border-radius: 10px;
 +
    font-weight: bold;
 +
    font-size: 16px;
 
}
 
}
−
.navFoot a{
+
#mainpage {
−
text-transform: uppercase;
+
    border: 1px solid #C0C0C0;
−
text-decoration: none;
+
    width: 100%;
−
padding: 10px;
+
    float: left;
−
color: #D2D2D2;
+
    padding: 10px;
−
font-family: Georgia, "Times New Roman", Times, serif;
+
    height: 300px;
−
font-size:12px;
+
    box-shadow: 5px 5px 2px #888888;
−
}
+
    border-radius: 10px;
−
.navFoot a:hover{
+
    background-color: #F0F0F0;
−
text-decoration:underline;
+
    font-family: 'Calibri Light';
 
}
 
}
−
.copyright{
+
#mainpage p {
−
color: #8C8C8C;
+
line-height:22px;
−
font-family: Georgia, "Times New Roman", Times, serif;
+
margin:10px 0px 22px 0px;
−
font-size: 11px;
+
}
 +
#mainpage blockquote {
 +
background:#efefef;
 +
display:block;
 +
margin:5px;
 +
font:Georgia, "Times New Roman", Times, serif;  
 +
font-style:italic;}
 +
h2, h3, h4, h5 {
 +
    color: #B32C0E;
 +
    font-weight: bold;
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    vertical-align: middle;
 +
    font-size: 30px;
 
}
 
}
−
</style>
+
.clear {
 +
clear:both;}
  
−
</head>
+
/*footer*/
 +
#footer {
 +
    margin: 20px auto 0 auto;
 +
    width: 98.2%;
 +
    height: 60px;
 +
    padding: 10px;
 +
    color: #FFFFFF;
 +
    text-align: center;
 +
    background: #333333;
 +
    font-family: Verdana, Arial, Helvetica, sans-serif;
 +
    font-size: 11px;
 +
    clear: both;
 +
}
  
 +
    </style>
  
 +
 +
</header>
 
<body>
 
<body>
  
−
<!--foot start-->
+
 
−
<div class="foot">
+
<div id="header">
−
    <div class="navFoot" align="center">
+
−
    <tr align="center">
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji">Home</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td><td>|</td>
+
−
            <td><a href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td><td></td>
+
−
      </tr>
+
−
    </div>   
+
−
    <div class="copyright"><center><p>Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p></center></div>
+
 
</div>
 
</div>
  
−
<!--当前页面指示-->
 
−
<script defer>
 
  
−
var keyWord = location.href.substring(39);
+
<div id="contentpage">
−
switch (keyWord)
+
<div id="mainpage">
−
{
+
<h2>Welcome to Our Project !</h2>
−
  case "ome":
+
<p>
−
document.getElementById("divHome").style.borderBottom = "4px solid #F0F";
+
    The goal of our team this summer is to create an efficient and widely applicable workflow for splitting proteins. By splitting proteins and fusing each half to a drug-inducible domain, scientists can gain temporal control over protein expression. Using our workflow, the proteins will be translated into two inert halves that are each fused to domains that bind in the presence of an inducer drug. By introducing the drug into the system, the two inert protein halves will come together and for a fully functioning protein. In this way, scientists can further increase their control over protein function. The two types of proteins we will be testing our workflow on are the large serine integrase family and saCAS9. These proteins harness powerful mechanisms that have significant applications in the future of synthetic biology. By using our workflow, we hope to increase scientists understanding of these proteins and also provide a mechanism for increasing temporal control.
−
break;
+
</p>
−
  case "Project":
+
</div>
−
document.getElementById("divProject").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
  case "Notebook":
+
−
document.getElementById("divNotebook").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
  case "Achivement":
+
−
document.getElementById("divAchivement").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
  case "Team":
+
−
document.getElementById("divTeam").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
  case "Outreach":
+
−
document.getElementById("divOutreach").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
  case "Safety":
+
−
document.getElementById("divSafety").style.borderBottom = "4px solid #F0F";
+
−
break;
+
−
}
+
  
−
</script>
+
</div>
 +
    <br />
 +
    <br />
 +
    <br />
 +
<div class="clear"></div>
 +
    <div class="clear"></div>
  
−
</body>
+
<div id="footer">
 +
<p>Copyright Boston Unversity IGEM &copy; 2015  <a href="#"></a></p>
 +
    <div>
 +
   
 +
<div>
 +
<a href="[full link to your Twitter]">
 +
<img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/twitter.png" width="35" height="35" />
 +
</a>
 +
<a href="[full link to your Facebook page]">
 +
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/facebook.png" width="35" height="35" />
 +
</a>
 +
<a href="mailto:[email address]">
 +
<img title="Email" alt="Email" src="https://socialmediawidgets.files.wordpress.com/2014/03/email.png" width="35" height="35" />
 +
</a>
  
−
</p>
+
</div>
−
<!--
+
−
NewPP limit report
+
−
Preprocessor node count: 14/1000000
+
−
Post-expand include size: 82/2097152 bytes
+
−
Template argument size: 0/2097152 bytes
+
−
Expensive parser function count: 0/100
+
−
-->
+
  
−
<!-- Saved in parser cache with key 2015_igem_org:pcache:idhash:3004-0!1!0!!en!2 and timestamp 20150805200623 -->
 
−
<div class="printfooter">
 
−
Retrieved from "<a href="https://2015.igem.org/Team:China_Tongji">https://2015.igem.org/Team:China_Tongji</a>"</div>
 
−
<div class="visualClear"></div>
 
−
</div>
 
 
     </div>
 
     </div>
−
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 
−
<div class="visualClear"></div>
 
−
 
−
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
 
</div>
 
</div>

Revision as of 10:28, 6 August 2015

<style type="text/css">

  1. contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/


  1. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; }

body { 


   font: 15px/23px tahoma;

font-family: 'Tangerine', serif;

}

  1. topbar {
   height: 150px;
   background-color: #333333;
   position: fixed;
   width:100%;
   top: 0px;
   left:0px;
   z-index:999999;

} /*Header Menu*/

  1. topmenu {
   display: block;
   list-style: none;
   padding: 0px 0px 0px 0px;
   height:30px;

}

  1. topmenu li {

display:inline; }

  1. topmenu a {
   display: block;
   float: left;
   height: 28px;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   padding: 9px 15px 0px 15px;
   text-align: center;
   font-family: calibri;
   font-size: 15px;
   font-weight: bold;

}

  1. topmenu a, #topmenu a:visited, #topmenu a:active {

color:#FFFFFF; }

  1. topmenu a:hover{

color:#ffffff; background-color: #B52E10; }

  1. topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{

color:#FFFFFF; background-color: #B42D0F; }

.headername { 

   padding: 8px;
   height: 65px;
   vertical-align: middle;
   background-color: #FFFFFF;
   color: #800000;

margin-top:20px; } .headericon { 

   float: left;
   width: 90px;
   height: 60px;

} .igemicon { 

   float: right;
   width: 100px;
   height: 60px;
   margin-right: 15px;

} .headertiltle { 

   font-size: 25px;
   font-family: calibri;
   float: left;
   width: 525px;
   text-decoration: none;
   line-height: 60px;
   height: 56px;
   position: relative;
   top: 0px;
   left: 0px;

}

.headertiltle a { 

   font-size: 28px;
   font-family: calibri;
   float: left;
   width: 500px;
   text-decoration: none;
   line-height: 60px;
   font-weight: bold;
   color: #B80000;

}


</style>


<head> <script type="text/javascript"> $(document).ready(function() { $('a').click(function(){ 

   $('html, body').animate({
       scrollTop: $( $.attr(this, 'href') ).offset().top
   }, 500);
   return false;

}); }); </script> </head>

<body> 

           <img src="Headericon.PNG" style="height: 61px; width: 87px" alt="headericon" />
<a href="https://2015.igem.org/Team:BostonU">Boston University iGEM 2015 </a>
           <img src="Virginia_igem_logo.jpg" style="height: 62px; width: 70px" alt="headericon" />


<header> <title>Home</title> <style type="text/css">

  1. header {
 margin-top: 150px;
   height: 265px;
   background: url(Homepic.JPG) no-repeat;
   background-repeat: no-repeat;
   background-position: center;

}

  1. contentpage {
   border-color: #C0C0C0;
   background-color: #FFFFFF;
   width: 80%;
   margin-right: auto;
   margin-left: auto;
   border-radius: 10px;
   font-weight: bold;
   font-size: 16px;

}

  1. mainpage {
   border: 1px solid #C0C0C0;
   width: 100%;
   float: left;
   padding: 10px;
   height: 300px;
   box-shadow: 5px 5px 2px #888888;
   border-radius: 10px;
   background-color: #F0F0F0;
   font-family: 'Calibri Light';

}

  1. mainpage p {

line-height:22px; margin:10px 0px 22px 0px; }

  1. mainpage blockquote {

background:#efefef; display:block; margin:5px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;} h2, h3, h4, h5 { 

   color: #B32C0E;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   vertical-align: middle;
   font-size: 30px;

} .clear { clear:both;}

/*footer*/

  1. footer {
   margin: 20px auto 0 auto;
   width: 98.2%;
   height: 60px;
   padding: 10px;
   color: #FFFFFF;
   text-align: center;
   background: #333333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   clear: both;

} 

   </style>


</header> <body>



Welcome to Our Project !

The goal of our team this summer is to create an efficient and widely applicable workflow for splitting proteins. By splitting proteins and fusing each half to a drug-inducible domain, scientists can gain temporal control over protein expression. Using our workflow, the proteins will be translated into two inert halves that are each fused to domains that bind in the presence of an inducer drug. By introducing the drug into the system, the two inert protein halves will come together and for a fully functioning protein. In this way, scientists can further increase their control over protein function. The two types of proteins we will be testing our workflow on are the large serine integrase family and saCAS9. These proteins harness powerful mechanisms that have significant applications in the future of synthetic biology. By using our workflow, we hope to increase scientists understanding of these proteins and also provide a mechanism for increasing temporal control.