Difference between revisions of "Team:OUC-China"

Line 1: Line 1:
−
  <div id="content">
 
−
<a name="top" id="top"></a>
 
−
<h1 class="firstHeading">Team:HKUST-Rice</h1>
 
−
<div id="bodyContent">
 
−
<p>
 
−
 
−
<!-- Start of CSS-->
 
−
<style type="text/css">
 
−
 
−
/* WIKI SETTINGS*/
 
−
 
−
/* Hide first heading */
 
−
.firstHeading {
 
−
display: none;
 
−
}
 
−
 
−
/*-- Remove borders, float content left and remove padding/margin */
 
−
#globalWrapper, #content{
 
−
background-color: transparent;
 
−
border: 0px;
 
−
float: left;
 
−
margin:0px;
 
−
padding: 0px;
 
−
}
 
−
 
−
/*left align Black Menu Bar */
 
−
#top_menu_inside {
 
−
margin-left: 20px;
 
−
}
 
−
</style>
 
−
</p><p>
 
−
 
−
<!-- Start of CSS-->
 
−
<style type="text/css">
 
−
 
−
 
−
/*-- Remove borders, float content left and remove padding/margin */
 
−
#globalWrapper, #content{
 
−
                width: 100%;
 
−
}
 
−
 
−
/*left align Black Menu Bar */
 
−
#top_menu_inside {
 
−
                width: 100%;
 
−
}
 
−
 
−
            #top_menu_inside .submenu {
 
−
                width: 90%;
 
−
            }
 
−
 
−
            #top_menu_inside #bars_item {
 
−
                position: absolute;
 
−
                top: 1px;
 
−
                left: 93%;
 
−
                z-index: 99;
 
−
                cursor: pointer;
 
−
            }
 
−
</style>
 
−
 
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
−
<html>
 
−
 
−
<!-- Start of CSS-->
 
−
<style type="text/css">
 
−
 
−
/* PAGE LAYOUT */
 
−
 
−
 
−
/* Change Background color*/
 
−
body {
 
−
background-color: #1b1c3a;
 
−
                }
 
−
 
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
−
#mainContainer { 
 
−
width: 100%;
 
−
float:left;
 
−
margin-left: 0px;
 
−
                                margin-right: 0px;
 
−
margin-bottom: 10px;
 
−
background-color: #FFFFFF;
 
−
border-bottom: 0px solid #565656;
 
−
border-right: 0px solid #565656;
 
−
border-left: 0px solid #565656;
 
−
border-top: 0px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
 
−
}
 
−
 
−
/* Creates the container for the menu */
 
−
#menuContainer  {
 
−
float: left;
 
−
width: 100%;
 
−
margin:0;
 
−
padding:0;
 
−
background-color: #1b1c3a;
 
−
margin-top: 0px;
 
−
z-index:0;
 
−
 
−
            }
 
−
 
−
 
−
/* Creates the container for the content */
 
−
#contentContainer {
 
−
padding-top:20px;
 
−
padding-bottom: 20px;
 
−
padding-right:20px;
 
−
padding-left: 20px;
 
−
margin-bottom: 10px;
 
−
margin-left: 20px;
 
−
margin-right: 20px;
 
−
width: 92%;
 
−
float: left;
 
−
background-color: #FFFFFF;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
−
 
−
/*Set up height place holder for the title*/
 
−
#titleContainer {
 
−
                        width: 100%;
 
−
height:auto;
 
−
overflow:hidden;
 
−
margin: 0px;
 
−
                        background-color: #1b1c3a;
 
−
text-align:center;
 
−
                        text-shadow: 2px 2px #000000;
 
−
}
 
−
 
−
/*Set up height place holder for the banner*/
 
−
#bannerContainer {
 
−
                        width: 100%;
 
−
                        height: 75%;
 
−
/*overflow:hidden;*/
 
−
margin: 0px;
 
−
text-align:center;
 
−
} */
 
−
 
−
 
−
 
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
−
 
−
/*Change the styling of text for everything inside main container*/
 
−
#mainContainer p {
 
−
font-size: 15px;
 
−
color: #000000;
 
−
}
 
−
 
−
/*This changes the color and font family */
 
−
#contentContainer h1, h2, h3, h4, h5, h6 {
 
−
color: #565656;
 
−
border-bottom: none;
 
−
font-weight: bold;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
margin-top:0px;
 
−
}
 
−
 
−
/*Style of the links - links are different inside the menu */
 
−
#contentContainer a {
 
−
font-weight: bold;
 
−
color: #000000;
 
−
                                font-size: 100%;
 
−
}
 
−
 
−
  /* Styling links on hover- links are different inside the menu */
 
−
/* #contentContainer a:hover {
 
−
color: #59BF92;
 
−
} */
 
−
 
−
/*Change the styling of tables */
 
−
        #contentContainer table {
 
−
    border: 1px solid #565656;
 
−
    border-collapse: collapse;
 
−
    width: 90%
 
−
    margin: auto;
 
−
    margin-bottom: 0px;
 
−
    margin-top: 0px;
 
−
    margin-right: 0px;
 
−
    margin-left: 0px;
 
−
    }
 
−
 
−
/*Change the styling of table cells*/
 
−
    #contentContainer  td {
 
−
    padding: 0px;
 
−
    border: 1px solid #565656;
 
−
    border-collapse: collapse;
 
−
    vertical-align: text-top;
 
−
                             
 
−
    }
 
−
 
−
/*Change the styling of table headers */
 
−
    #contentContainer th {
 
−
    background-color: #FFFFFF;
 
−
    padding: 0px;
 
−
    border: 1px solid #565656;
 
−
    border-collapse: collapse;
 
−
    vertical-align: text-top;
 
−
    }
 
−
 
−
 
−
 
−
/*MENU STYLING */
 
−
 
−
#menuContainer {
 
−
text-align: center;
 
−
                                        padding-top: 10px;
 
−
                                        padding-bottom: 20px;
 
−
    }
 
−
 
−
#menuContainer > ul a {
 
−
color: #FFF;
 
−
}
 
−
 
−
#menuContainer > ul {
 
−
list-style: none;
 
−
margin-left: 14%;
 
−
padding: 0;
 
−
text-align: center;
 
−
                                        width: 70%
 
−
}
 
−
#menuContainer > ul ul {
 
−
list-style: none;
 
−
margin-left: 0%;
 
−
padding-top: 0;
 
−
text-align: center;
 
−
                                        width: 100%
 
−
}
 
−
#menuContainer > ul li {
 
−
position: relative;
 
−
text-align: center;
 
−
}
 
−
#menuContainer > ul a {
 
−
padding: 10px 8px;
 
−
display: block;
 
−
text-decoration: none;
 
−
font-family: Myanmar Text;
 
−
font-size: 155%;
 
−
}
 
−
#menuContainer > ul a:hover {
 
−
background: #000;
 
−
background-color: #3b3d63;
 
−
}
 
−
 
−
 
−
/* Level 1 Drop Down Menu */
 
−
#menuContainer > ul > li {
 
−
display: inline-block;
 
−
vertical-align: top;
 
−
margin-left: -4px; /* solve the 4 pixels spacing between list-items */
 
−
 
−
}
 
−
#menuContainer > ul > li:first-child {
 
−
margin-left: 0;
 
−
}
 
−
#menuContainer > ul > li > a {}
 
−
#menuContainer > ul > li > a:hover {}
 
−
 
−
 
−
/* Level 2 */
 
−
#menuContainer > ul > li > ul {
 
−
text-align: left;
 
−
width: auto; /* change auto value with 200px if you want a bigger menu */
 
−
display: none;
 
−
background-color: #1b1c3a;
 
−
position: absolute;
 
−
top: 100%;
 
−
left: 0;
 
−
                                        margin-top: 0px;
 
−
z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
 
−
}
 
−
#menuContainer > ul > li:hover > ul{
 
−
display: block;
 
−
 
−
}
 
−
#menuContainer > ul ul li a {}
 
−
#menuContainer > ul ul li a:hover {}
 
−
 
−
/* Level 3 */
 
−
#menuContainer > ul > li > ul > li > ul {
 
−
text-align: left;
 
−
display: none;
 
−
background: #1b1c3a;
 
−
position: absolute;
 
−
left: 100%;
 
−
top: 0;
 
−
z-index: 9999999;
 
−
}
 
−
#menuContainer > ul > li > ul > li:hover > ul {
 
−
display: block;
 
−
}
 
−
#menuContainer > ul ul ul li {}
 
−
#menuContainer > ul ul ul li a {}
 
−
#menuContainer > ul ul ul li a:hover {}
 
−
#menuContainer.navItem {
 
−
                          pointer-events: auto;
 
−
}
 
−
                        #Directory { 
 
−
width: 100%;
 
−
overflow:hidden;
 
−
float:left;
 
−
margin-left:20px;
 
−
                                margin-right: 20px;
 
−
margin-bottom: 0px;
 
−
background-color: #000000;
 
−
border-bottom: 0px solid #565656;
 
−
border-right: 0px solid #565656;
 
−
border-left: 0px solid #565656;
 
−
border-top: 0px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}               
 
−
                          /*Style the Directory*/     
 
−
                          #Directory table {
 
−
                                Background-color: #000000;
 
−
                                color: #FFFFFF;
 
−
                                margin-left: 0px;
 
−
                                padding: 20px;
 
−
                                line-height: 10px;
 
−
                                height: 100px;
 
−
                                width:100%;
 
−
                                /*float:left;*/
 
−
                          }
 
−
               
 
−
 
−
                /*Style the Directory button*/     
 
−
                        #Directory li a{
 
−
                                color: #000000;
 
−
                                padding: 0px;
 
−
                        }     
 
−
 
−
img.button {
 
−
    opacity: 1.0;
 
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
−
}
 
−
 
−
img.button:hover {
 
−
    opacity: 0.7;
 
−
    filter: alpha(opacity=80); /* For IE8 and earlier */
 
−
}
 
−
 
−
 
−
/*CLASSES */
 
−
 
−
/*Clear class for all the pages, adds spacing too*/
 
−
.clear{
 
−
clear:both;
 
−
height: 10px;
 
−
}
 
−
 
−
 
−
/* highlight box for special messages */
 
−
    .highlightBox {
 
−
        width:500px;
 
−
                                margin:auto;
 
−
        background-color: #E8E8E9;
 
−
margin-bottom: 15px;
 
−
margin-top: 15px;
 
−
padding: 15px;
 
−
padding-top: 10px;
 
−
    }
 
−
 
−
 
−
</style>
 
−
<!-- End of CSS -->
 
−
 
−
 
−
<!-- Start of the template html elements. -->
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
−
 
−
 
−
                <!-- <div id="titleContainer">
 
−
<br>
 
−
                <image src="https://static.igem.org/mediawiki/2015/d/d4/Logo.jpg" style="width: 100px; height: 100px; float: left;">
 
−
 
−
        <p style="font-size:40px;color:#FFFFFF;line-height:1em;">  Potassium, Nitrate and Phosphate Biosensor </font><br>
 
−
                <font size= "5"> HKUST-Rice iGEM Team </font></p>
 
−
             
 
−
 
−
        </div> -->
 
−
 
−
                <!-- <div id="bannerContainer">
 
−
<p>You can make the image 980px  by  200px</p>
 
−
<p> Remember to call the file: "<i>Team_HKUST-Rice_banner.jpg</i>" </p>
 
−
                </div> -->
 
−
 
−
        <!-- Start of menu -->
 
−
        <div id="menuContainer">
 
−
 
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 
−
 
−
                                   
 
−
 
−
                <a href= "https://igem.org/Main_Page"><image class="button" src="https://static.igem.org/mediawiki/2015/5/52/HKUST-Rice15_iGEMofficiallogo.jpg" style="width: 82px; height: 72px; margin: -10px; position: absolute; Left: 1.5%; top: 20px;"></a></li>
 
−
 
−
                <a><image src="https://static.igem.org/mediawiki/2015/4/48/HKUST-Rice15_wikilogo.jpg" style="width: 72px; height: 72px; margin: -10px; position: absolute; Left: 9.5%; top: 20px;"></a></li>                                                                     
 
−
 
−
                <ul>
 
−
                                         
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice" style=" margin-top:10px;">HOME</a></li>
 
−
 
−
                <li><a style= "background-color: white; color: black; font-weight: bold; margin-top:10px;" href="https://2015.igem.org/Team:HKUST-Rice/Description">DESCRIPTION</a>
 
−
                <ul><li><a href="https://2015.igem.org/Team:HKUST-Rice/Description">OVERVIEW</a></li>
 
−
 
−
                <li><a>NITRATE</a>               
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">DESIGN</a></li>
 
−
 
−
        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">EXPERIMENT</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Modeling">MODELING</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">RESULT</a></li>                                     
 
−
</ul>
 
−
                </li>
 
−
 
−
                <li><a>PHOSPHATE</a>
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">DESIGN</a></li>
 
−
 
−
        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">EXPERIMENT</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Modeling">MODELING</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">RESULT</a></li>                                    
 
−
</ul>
 
−
                </li>
 
−
 
−
                <li><a>POTASSIUM</a>
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">DESIGN</a></li>
 
−
 
−
        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">EXPERIMENT</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Modeling">MODELING</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">RESULT</a></li>                                    
 
−
</ul>
 
−
                </li>
 
−
 
−
                <li><a>EXPRESSION</a>
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">DESIGN</a></li>
 
−
 
−
        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">EXPERIMENT</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Modeling">MODELING</a></li>
 
−
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">RESULT</a></li>                                    
 
−
</ul>
 
−
                </li>                                     
 
−
 
−
                </ul>
 
−
                </li>
 
−
 
−
            <!-- <ul>
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Description"><li>Description</li></a>
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Experiments"><li>Experiments &amp; Protocols</li></a> 
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Results"><li>Results</li></a> 
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Design"><li>Design</li></a>
 
−
</ul> -->
 
−
 
−
                <li><a class="navItem" href style=" margin-top:10px;">RESULTS</a>
 
−
            <ul>
 
−
<li><a>NITRATE
 
−
                </a>
 
−
        <!-- <ul>
 
−
                <li><a>NITRATE
 
−
        </a></li>
 
−
 
−
        <li><a>PHOSPHATE
 
−
</a></li>
 
−
 
−
<li><a>POTASSIUM
 
−
</a></li>
 
−
 
−
<li><a>EXPRESSION
 
−
</a></li>                                     
 
−
 
−
</ul> -->
 
−
</li>
 
−
 
−
                <li><a>PHOSPHATE
 
−
                </a></li>
 
−
 
−
                <li><a>POTASSIUM
 
−
                </a></li>
 
−
 
−
                <li><a>EXPRESSION
 
−
                </a></li>                                     
 
−
 
−
                </ul>
 
−
                </li>
 
−
 
−
                                     
 
−
        <li><a class="navItem" href style=" margin-top:10px;">ACHIEVEMENT</a>
 
−
                <ul>
 
−
                <li><a>PARTS</a></li>
 
−
                <li><a>MEDAL REQUIREMENT</a></li>
 
−
                </ul>
 
−
                </li>
 
−
 
−
 
−
                <!-- <ul>
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Parts"><li>Team Parts</li></a>
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Basic_Part">BASIC</a></li> 
 
−
<li><a href="https://2015.igem.org/Team:HKUST-Rice/Composite_Part">COMPOSITE</a></li>
 
−
        <a href="https://2015.igem.org/Team:HKUST-Rice/Part_Collection"><li>Part Collection</li></a>
 
−
</ul> -->
 
−
 
−
 
−
                <li><a class="navItem" href style=" margin-top:10px;">TEAM</a>
 
−
                <ul>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Collaborations">COLLABORATION</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Attributions">ATTRIBUTION</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Team">MEMBERS</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Advisors">ADVISORS</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Instructors">INSTRUCTORS</a></li>
 
−
                <!-- <ul><li>TEAM</li>
 
−
                <li>ADVISORS</li>
 
−
                <li>INSTRUCTORS</li></ul> -->
 
−
                                                       
 
−
                </ul>
 
−
                </li>
 
−
 
−
 
−
     
 
−
<li><a class="navItem" href style=" margin-top:10px;">HUMAN PRACTICE</a>
 
−
                <ul><li><a href="https://2015.igem.org/Team:HKUST-Rice/Practices">INTRODUCTION</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Practices_Debate">DEBATE</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Practices_EvaluationPaper">EXPLORATORY RESEARCH</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Practices_Analysis">ANALYSIS</a></li>
 
−
                </ul>
 
−
                </li>
 
−
 
−
        <li><a class="navItem" href style=" margin-top:10px;">WETLAB</a>
 
−
                <ul><li><a href="https://2015.igem.org/Team:HKUST-Rice/Notebook">NOTEBOOK</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Protocol">PROTOCOL</a></li>
 
−
                <li><a href="https://2015.igem.org/Team:HKUST-Rice/Safety">SAFETY</a>
 
−
                <!--  <ul><li><a>DESIGN</a></li>
 
−
                <li><a>LAB WORK</a></li>
 
−
                <li><a>SHIPMENT</a></li></ul> -->
 
−
                </li>
 
−
                </ul>
 
−
                </li>
 
−
 
−
<!-- <a href="https://2015.igem.org/Team:HKUST-Rice/Modeling"><li>MODELING</li></a>
 
−
 
−
                <a href="https://2015.igem.org/Team:HKUST-Rice/Measurement"><li>MEASUREMENT</li></a>
 
−
 
−
<a href="https://2015.igem.org/Team:HKUST-Rice/Software"><li>SOFTWARE</li></a>
 
−
 
 
−
                <a href="https://2015.igem.org/Team:HKUST-Rice/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a> -->
 
−
 
−
 
−
 
−
                <li><a class="navItem" href style=" margin-top:10px;">FUTURE WORK</a>
 
−
                <ul><li><a>APPLICATION</a></li>
 
−
                <li><a>IMPROVEMENT</a></li></ul>
 
−
                </li>
 
−
 
−
</ul>      
 
−
 
−
                           
 
−
                <a href= "http://www.ust.hk"><image class="button" src="https://static.igem.org/mediawiki/2015/3/3b/Team-HKUST-Rice-Hkust_logo_white.jpg" style="width: 51px; height: 72px; margin: -10px; position: absolute; Left: 85%; top: 20px;"></a>
 
−
                           
 
−
                <a href= "http://www.rice.edu/"><image class="button" src="https://static.igem.org/mediawiki/2015/4/46/HKUST-Rice15_ricelogo2.jpg" style="width: 106px; height: 40px; margin: -10px; position: absolute; Left: 90%; top: 40px;"></a>
 
−
 
−
                                                       
 
−
 
−
        </div>
 
−
  <!-- End of menu  -->
 
−
 
−
 
−
 
−
<head>
 
−
                <style type="text/css">
 
−
#contentContainer {
 
−
padding-top:20px;
 
−
                                padding-bottom: 20px;
 
−
padding-right:20px;
 
−
                                padding-left: 20px;
 
−
margin-bottom: 10px;
 
−
                                margin-left: 20px;
 
−
                                margin-right: 20px;
 
−
width: 92%;
 
−
float: left;
 
−
background-color: #FFFFFF;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
−
 
−
p.link { text-align: right; font-size: 130%;}
 
−
a.learn:link{ text-decoration: none;}
 
−
p.link:hover {font-size: 150%;}
 
−
p {text-align: justify;}
 
−
 
−
#quicklink {
 
−
padding-top:20px;
 
−
                                padding-bottom: 20px;
 
−
padding-right:0px;
 
−
                                padding-left: 0px;
 
−
margin-bottom: 0px;
 
−
                                margin-left: 0px;
 
−
                                margin-right: 0px;
 
−
width: 100%;
 
−
                                height: 450px;
 
−
float: left;
 
−
background-color: #1b1c3a;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
−
 
−
img.button {
 
−
    opacity: 1.0;
 
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
−
}
 
−
 
−
img.button:hover {
 
−
    opacity: 0.7;
 
−
    filter: alpha(opacity=80); /* For IE8 and earlier */
 
−
}
 
−
 
−
 
−
/*Set up height place holder for the banner*/
 
−
#bannerContainer {
 
−
                                width: 100%;
 
−
                                height:550px;
 
−
overflow:hidden;
 
−
margin: 0px;
 
−
text-align:center;
 
−
}
 
−
 
−
 
−
                        #Directory { 
 
−
width: 100%;
 
−
overflow:hidden;
 
−
float:left;
 
−
margin-left: 0px;
 
−
                                margin-right: 0px;
 
−
margin-bottom: 0px;
 
−
background-color: #000000;
 
−
border-bottom: 0px solid #565656;
 
−
border-right: 0px solid #565656;
 
−
border-left: 0px solid #565656;
 
−
border-top: 0px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}               
 
−
                          /*Style the Directory*/     
 
−
                          #Directory table {
 
−
                                Background-color: #000000;
 
−
                                color: #FFFFFF;
 
−
                                margin-left: 5px;
 
−
                                margin-right: 5px;
 
−
                                padding-top: 10px;
 
−
                                line-height: 10px;
 
−
                                height: 100px;
 
−
                                width:99%;
 
−
                                font-size: 100%;
 
−
                                /*float:left;*/
 
−
                          }
 
−
               
 
−
 
−
                /*Style the Directory button*/     
 
−
                        #Directory li a, a:visited, a {
 
−
                                color: #FFFFFF;
 
−
                                padding: -10px;
 
−
                        }     
 
−
 
−
</style>
 
−
 
−
 
−
            <!--<style>
 
−
  <div id="titleContainer">
 
−
<br>
 
−
                                <image src="https://static.igem.org/mediawiki/2015/d/d4/Logo.jpg" style="width: 100px; height: 100px; float: left;">
 
−
 
−
<p style="font-size:40px;color:#FFFFFF;line-height:1em;">  Potassium, Nitrate and Phosphate Biosensor </font><br>
 
−
                                <font size= "5"> HKUST-Rice iGEM Team </font></p>
 
−
             
 
−
 
−
</div>-->
 
−
           
 
−
<style type="text/css">
 
−
#Slider {
 
−
position: relative;
 
−
width: 100%;
 
−
height: 550px;
 
−
display: none;
 
−
}
 
−
 
−
#Slider .Slides {
 
−
width: 100%;
 
−
height: 550px;
 
−
margin-top:0px;
 
−
background-size: 100%;
 
−
        background-repeat:no-repeat;
 
−
}
 
−
 
−
#Slider #Slide0 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/7/7f/HKUST-Rice15_first_slider.png);
 
−
}
 
−
 
−
#Slider #Slide1 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/3/34/Team-HKUST-Rice-Overview_ver2.JPG);
 
−
        display: none;
 
−
}
 
−
 
−
        #Slider #Slide2 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/d/d4/HKUST-Rice15_phosphate_slider.jpg);
 
−
        display: none;
 
−
}
 
−
 
−
#Slider #Slide3 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/9/90/HKUST-Rice15_nitrate_slider.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#Slider #Slide4 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/4/4c/Team-HKUST-Rice-Potassium_sensor3.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#Slider #Slide5 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/8/8e/HKUST-RICE_expression_platform.png);
 
−
display: none;
 
−
}
 
−
 
−
#Slider #Slide6 {
 
−
background-image: url(https://static.igem.org/mediawiki/2015/4/4e/HKUSt-RICE_human_practice.jpg);
 
−
display: none;
 
−
}
 
−
 
−
#Slider .SideBar {
 
−
position: absolute;
 
−
top: 0;
 
−
width: 90px;
 
−
z-index: 1;
 
−
}
 
−
 
−
#Slider #LeftBar {
 
−
left: 0;
 
−
}
 
−
 
−
#Slider #RightBar {
 
−
right: 0;
 
−
}
 
−
 
−
#Slider #LeftArrow {
 
−
position: absolute;
 
−
width: 50px;
 
−
height: 50px;
 
−
margin-left: 30px;
 
−
        margin-top: 60px;
 
−
background: url(https://static.igem.org/mediawiki/2015/c/ce/HKUST-Rice_2015_button-left.png) top no-repeat;
 
−
}
 
−
 
−
#Slider #RightArrow {
 
−
position: absolute;
 
−
width: 50px;
 
−
height: 50px;
 
−
margin-right: 30px;
 
−
        margin-top: 60px;
 
−
background: url(https://static.igem.org/mediawiki/2015/9/97/HKUST-Rice_2015_button-right.png) top no-repeat;
 
−
}
 
−
 
−
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
 
−
background-position: bottom;
 
−
cursor: pointer;
 
−
}
 
−
                </style>
 
−
<script>
 
−
$(document).ready(function() {
 
−
//Display slider for Javascript users
 
−
$('#Slider').css('display', 'block');
 
−
 
−
//Set height of slider (16/5 ratio)
 
−
$('#Slider').css('height', ($('body').width() / 3.2));
 
−
 
−
//Position right/left arrows
 
−
var BarHeight = $('#Slider').height();
 
−
$('#LeftBar, #RightBar').css('height', BarHeight);
 
−
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 
−
 
−
//Repeats for window resize
 
−
$(window).resize(function() {
 
−
$('#Slider').css('height', ($('body').width() / 3.2));
 
−
 
−
var BarHeight = $('#Slider').height();
 
−
$('#LeftBar, #RightBar').css('height', BarHeight);
 
−
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 
−
});
 
−
 
−
var TotalSlides = $('.Slides').length;
 
−
var CurrentSlide = 0;
 
−
 
−
$('#RightArrow').click(function() {
 
−
CurrentSlide = ++CurrentSlide % TotalSlides;
 
−
changeSlide(CurrentSlide);
 
−
});
 
−
 
−
$('#LeftArrow').click(function() {
 
−
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 
−
changeSlide(CurrentSlide);
 
−
});
 
−
 
−
$('.SlideLink').click(function() {
 
−
var ClickedSlide = $(this).attr('id');
 
−
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 
−
changeSlide(CurrentSlide);
 
−
});
 
−
 
−
function changeSlide(num){
 
−
var SlideID = '#Slide' + num;
 
−
$('.Slides').css('display', 'none');
 
−
$(SlideID).css('display', 'block');
 
−
}
 
−
});
 
−
</script>
 
−
 
−
</head>
 
−
 
−
<body>
 
−
 
−
<div id="bannerContainer">
 
−
<div id="Slider" style="display: block; height: 550px;">
 
−
<div id="Slide0" class="Slides current"></div>
 
−
<div id="Slide1" class="Slides"></div>
 
−
<div id="Slide2" class="Slides"></div>
 
−
<div id="Slide3" class="Slides"></div>
 
−
<div id="Slide4" class="Slides"></div>
 
−
                                <div id="Slide5" class="Slides"></div>
 
−
                                <div id="Slide6" class="Slides"></div>
 
−
 
−
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 
−
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 
−
 
−
</div>
 
−
        </div>
 
−
 
−
<br>
 
−
<div id="contentContainer"><p><font size= "6" color=#6B6B47>ABSTRACT</font></p>
 
−
<br>
 
−
<p><font size= "4" color=#6B6B47>Nitrogen (N), Phosphorus (P), and potassium (K) are three macronutrients for plants, and deficiencies in any of these can lead to plant diseases. By creating a biological sensor that can quickly provide soil status to plant owners, we can prevent plant diseases due to the lack of nutrients.
 
−
<br><br>
 
−
In the previous iGEM competitions, multiple teams have worked on nitrate and phosphate responsive promoters, but none of them attempted to provide a potassium responsive promoter. In view of this,  our team is constructing a biological sensor in <i>E. coli</i>, which can detect NPK levels in the surrounding environment and give responses in the form of colors. In addition, we are characterizing the effects of a dual output system, in contrast to a single output system, in order to anticipate the expression of multiple outputs in a single system.</font></p>
 
−
<br>
 
−
  <p class="link"><a class=" learn" href><font color=#6B6B47> Learn more ... </font></a></p>
 
−
</div>
 
−
 
−
 
−
<!--
 
−
<h3><ins>Background and Significance</ins></h3>
 
−
</div>
 
−
 
−
<h3> Welcome to iGEM 2015! </h3>
 
−
<p><h4>Your team has been approved and you are ready to start the iGEM season!</h4></p>
 
−
 
−
<h4>Before you start: </h4>
 
−
<p><h4>Please read the following pages:</h4></p>
 
−
<ul>
 
−
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
 
−
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
 
−
</ul>
 
−
 
−
<div class="highlightBox">
 
−
<h4> Styling your wiki </h4>
 
−
<p><h4>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</h4></p>
 
−
<p><h4>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</h4></p>
 
−
</div>
 
−
 
−
<h4> Editing your wiki </h4>
 
−
<p><h4>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!</h4></p>
 
−
<p><h4> <a href="https://2015.igem.org/wiki/index.php?title=Team:HKUST-Rice&amp;action=edit"> Click here to edit this page! </a></h4></p>
 
−
<p><h4>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</h4></p>
 
−
 
−
 
−
<h4>Templates </h4>
 
−
<p><h4>This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
 
−
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</h4></p>
 
−
 
−
 
−
<h4>Tips</h4>
 
−
<p><h4>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:</h4></p>
 
−
<ul>
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 
−
<li>Be clear about what you are doing and how you plan to do this.</li>
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 
−
<li>Have lots of fun! </li>
 
−
</ul>
 
−
 
−
 
−
<h4>Inspiration</h4>
 
−
<p><h4> You can also view other team wikis for inspiration! Here are some examples:</h4></p>
 
−
<ul>
 
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 
−
</ul>
 
−
 
−
<h4> Uploading pictures and files </h4>
 
−
<p> <h4>You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</h4></p>
 
−
 
−
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 
−
-->
 
−
 
−
 
−
 
−
 
−
 
−
<div id="quicklink">
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/f/fe/HKUST-Rice15_Ksensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 3%"></a>
 
−
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/e/e1/HKUST-Rice15_Psensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 35%"></a>
 
−
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/8/87/HKUST-Rice15_Nsensorbutton.jpg" style="width: 30%; height: 220px; position: absolute; left: 67%"></a>
 
−
<br><br><br><br><br><br><br><br><br><br><br><br><br>
 
−
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/b/bf/Team-2015-HKUST-Rice-new_human_practice.png" style="width: 30%; height: 220px; position: absolute; left: 3%"></a>
 
−
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/8/8b/HKUST-Rice15_Expressionbutton.png" style="width: 30%; height: 220px; position: absolute; left: 35%"></a>
 
−
 
−
<a href= "#"><image class="button" src="https://static.igem.org/mediawiki/2015/b/be/HKUST-Rice15_Resultsbutton.png" style="width: 30%; height: 220px; position: absolute; left: 67%"></a>
 
−
 
−
</div>
 
−
 
−
 
−
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 
−
 
−
 
−
<div id="Directory">
 
−
 
 
−
  <table>
 
−
             
 
−
<tr>
 
−
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice">Home</a></th>
 
−
                    <th colspan="3"><a href= "https://2015.igem.org/Team:HKUST-Rice" style="color:white">Project</a></th>
 
−
                    <th><a>Result</a></th>
 
−
                    <th><a>Achievement</a></th>
 
−
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Notebook">Team</a></th>
 
−
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Practices">Human Practice</a></th>
 
−
                    <th><a href= "https://2015.igem.org/Team:HKUST-Rice/Safety">Wetlab</a></th>
 
−
                    <th>Future Work</th>
 
−
                   
 
−
                   
 
−
                </tr>
 
−
 
−
 
−
<tr Style= "vertical-align: top">
 
−
                    <td><ul>
 
−
                    <!-- <li><a href="https://2015.igem.org/Team:HKUST-Rice">Project</a></li>
 
−
                    <li><a href"https://2015.igem.org/Team:HKUST-Rice/Team">Team</a></li>
 
−
                    <li>Parts</li>
 
−
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Notebook">Notebook</a></li>
 
−
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Practices">Human Practice</a></li>
 
−
                    <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Safety">Safety</a></li>
 
−
                    <li>Future Work</li>
 
−
                    <li>Achievement</li> -->
 
−
                    </ul></td>
 
−
 
−
 
−
                 
 
−
                    <td><ul>
 
−
                    <li>Overview</li>
 
−
                    <li>Nitrate
 
−
                        <ul>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 
−
                        <li>Modelling</li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 
−
                        <li>Discussion</li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    </ul></td>
 
−
 
−
                    <td><ul>
 
−
                        <li>Phosphate
 
−
                        <ul>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 
−
                        <li>Modelling</li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 
−
                        <li>Discussion</li>
 
−
                        </ul>
 
−
                        </li>
 
−
                    </ul></td>
 
−
 
−
                    <td><ul>
 
−
                        <li>Potassium
 
−
                        <ul>
 
−
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Description">Description</a></li>
 
−
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Design">Design</a></li>
 
−
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Experiments">Experiments</a></li> 
 
−
                        <li>Modelling</li>
 
−
                        <li><a href="https://2015.igem.org/Team:HKUST-Rice/Results">Results</a></li>
 
−
                        <li>Discussion</li>
 
−
                        </ul>
 
−
                        </li>
 
−
                    </ul></td>
 
−
 
−
 
−
                    <td><ul>
 
−
                        <li><a href= "#">Nitrate</a></li>
 
−
                        <li><a href= "#">Phosphate</a></li>
 
−
                        <li><a href= "#">Potassium</a></li>
 
−
                        <li><a href= "#">Expression</a></li>
 
−
                    </ul></td>
 
−
 
−
 
−
                    <td><ul>
 
−
                        <li><a href= "#">Parts</a></li>
 
−
                        <li><a href= "#">Medal Requirement</a></li>
 
−
                    </ul></td>
 
−
 
−
 
−
                    <td><ul>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Collaborations">Collaboration</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Attributions">Attribution</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Team Members</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Advisors</a></li>
 
−
                        <li><a href= "https://2015.igem.org/Team:HKUST-Rice/Team">Instructors</a></li>
 
−
 
−
                    </ul></td>
 
−
 
−
 
−
                    <td><ul>
 
−
                        <li>Debate</li>
 
−
                        <li>Exploratory Research</li>
 
−
                    </ul></td>
 
−
 
−
                 
 
−
                    <td><ul>
 
−
                        <li>Notebook</li>
 
−
                        <li>Protocol</li>
 
−
                        <li>Safety</li>
 
−
                    </ul></td>
 
−
 
−
 
−
              <!--      <td><ul>
 
−
                        <li>Basic</li>
 
−
                        <li>Composite</li>
 
−
                    </ul></td>
 
−
 
−
                    <td><ul>
 
−
                        <li>Design</li>
 
−
                        <li>Labwork</li>
 
−
                        <li>Shipment</li>
 
−
                    </ul></td>      -->
 
−
 
−
                    <td><ul>
 
−
                        <li>Application</li>
 
−
                        <li>Improvement</li>
 
−
                    </ul></td>
 
−
 
−
              </tr>
 
−
               
 
−
              </table> 
 
−
</div>
 
−
 
−
       
 
−
 
−
</body>
 
−
 
−
</p>
 
−
<!--
 
−
NewPP limit report
 
−
Preprocessor node count: 14/1000000
 
−
Post-expand include size: 127/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:1499-0!1!0!!en!2 and timestamp 20150805133805 -->
 
−
<div class="printfooter">
 
−
Retrieved from "<a href="https://2015.igem.org/Team:HKUST-Rice">https://2015.igem.org/Team:HKUST-Rice</a>"</div>
 
−
<div class="visualClear"></div>
 
−
</div>
 
−
    </div>
 
−
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 
−
<div class="visualClear"></div>
 
−
 
−
<script>if (window.runOnloadHook) runOnloadHook();</script>
 
−
</div>
 
  
 
<script type="text/javascript">
 
<script type="text/javascript">

Revision as of 10:13, 6 August 2015

<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">

  1. globalWrapper{

padding:0px; }

  1. content{
   width:100%;

padding:0px; border:none; background-color: #F0F0F0; } .firstHeading{ display:none; }

  1. bodyContent{

padding:0px; }

.head{ position: fixed; 

   eft:0px;

top:18px; width: 100%; height: 60px; background:url(Team_China_Tongji-transparent-nav.png); border-bottom: thin solid #CCC; z-index:1000; } .head:hover{ background: #FFF; }

  1. navLogoLeft{

float:left; margin-left:15px; margin-right:20px; padding:2px 0px 4px 0px; }

  1. navLogoLeft img{

border: 0px; height: 54px; width: auto; }

  1. navLogoRight{

float:right; margin-right:10px; padding:2px; }

  1. 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> </head>

<body>


</body>

</p>

<head> <style type="text/css">

  1. content {
background:#eee; margin-top:-20px; padding-top:85px; /* 颜色左右渐变 */ background-image: -webkit-linear-gradient(left,#ddd,#fff,#ddd) } .myContent{ width: 1000px; margin: 0px auto; min-height: 550px; padding: 0px; font-family: "Times New Roman",Georgia, Times, serif; }
  1. mainContent{
width:100%; }
  1. mainContent .titleOne{
margin-top:15px; text-align: left; font-size: 30px; font-family: Verdana, Tahoma, Arial, Helvetica; font-weight: bolder; line-height: 55px; color:#333; }
  1. mainContent .contentP{
text-align: justify; text-indent: 2%; font-size: 18px; font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif"; text-decoration: none; }
  1. mainContent .divider{
margin-top:15px; width:100%; height:3px; background:#5E5E1C; } .dividerNone{ clear:both; } /* 滚动图片样式*/
  1. oneMorePic{
width: 100%; height: 350px; background:url(China_Tongji-homePicture-1.png); margin: 20px 0px; border:solid 2px #666; } .picBackground{ clear:both; position:absolute; } .picMove{ width:50px; height:50px; opacity:0.7; margin-top:160px; }
  1. moveLeft{
float:left; margin-left:20px; }
  1. moveRight{
float:right; margin-right:20px; } .button:hover{ cursor:pointer; opacity:1; } .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; }
  1. buttonProject{
background: url(China_Tongji-project.png) no-repeat; }
  1. buttonNotebook{
background: url(China_Tongji-notebook.png) no-repeat; }
  1. buttonAchivement{
background: url(China_Tongji-achivement.png) no-repeat; }
  1. buttonOutreach{
background: url(China_Tongji-outreach.png) no-repeat; }
  1. buttonSafety{
background: url(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; } .videoWrapper{ background-color:#5E5E1C; padding:5px; } </style> </head> <body> 


       	<img class="button picMove" id="moveLeft" src="China_Tongji-picLeftMove.png">
           <img class="button picMove" id="moveRight" src="China_Tongji-picRightMove.png">

           	 <img class="button picPositionIndex" src="China_Tongji-picPosition.png">
                <img class="button picPositionIndex" src="China_Tongji-picPosition.png">
<a id="buttonProject" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a>
<a id="buttonNotebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a>
<a id="buttonAchivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a>
<a id="buttonOutreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a>
<a id="buttonSafety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a>
 	  <p class="titleOne" id="ProjectIntroduction">Project Introduction</p>   

 	  <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> 

 	  <p class="titleOne" id="VideoAppreciation">Video Appreciation</p>   

           <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>


</body>

<head>

<style type="text/css">

.foot{ clear:both; width:100%; height:100px; background-color:#404040; position:relative; bottom:-5px; } .navFoot{ margin-top:0px; padding-top:25px; } .navFoot a{ text-transform: uppercase; text-decoration: none; padding: 10px; color: #D2D2D2; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; } .navFoot a:hover{ text-decoration:underline; } .copyright{ color: #8C8C8C; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } </style>

</head>


<body> 

   	<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>
<p>Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p>

<script defer>

var keyWord = location.href.substring(39); switch (keyWord) { 

 case "ome":

document.getElementById("divHome").style.borderBottom = "4px solid #F0F"; break; 

 case "Project":

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>

</body>

Retrieved from "<a href="https://2015.igem.org/Team:China_Tongji">https://2015.igem.org/Team:China_Tongji</a>"

</div> 

   </div>

<script>if (window.runOnloadHook) runOnloadHook();</script> </div>