|
|
| (12 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| | | | |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
| |
| − |
| |
| − | <script type="text/javascript" charset="utf-8">
| |
| − |
| |
| − | //-----Hover Facebook Icon-----//
| |
| − | $(document).ready(function(){
| |
| − | $('#Facebook_icon_hover').hover(function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/3/35/NTU-Top-Facebook_icon2.png";
| |
| − | }, function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png";
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | //-----Hover iGem Icon-----//
| |
| − | $(document).ready(function(){
| |
| − | $('#iGEM_icon_hover').hover(function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/0/0a/NTU-Top-iGEM_icon2.png";
| |
| − | }, function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png";
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | //-----Hover NTU Icon-----//
| |
| − | $(document).ready(function(){
| |
| − | $('#NTU_icon_hover').hover(function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/6/6e/NTU-Top-NTU_icon2.png";
| |
| − | }, function () {
| |
| − | this.src = "https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png";
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <title>NTU-LIHPAO-Taiwan</title>
| |
| − | <style type="text/css">
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*--------------Wiki Page Reset--------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | html, body, .wrapper {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*-------------------Body--------------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | body {
| |
| − | background-color: #F0F0F0;
| |
| − | }
| |
| − | body,td,th {
| |
| − | font-size: 14px;
| |
| − | font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
| |
| − | }
| |
| − | #Wrapper {
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | background-color: #FFF;
| |
| − | margin-top: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | width: 90%;
| |
| − | height: 5500px;
| |
| − | top: 0px;
| |
| − | left: 5%;
| |
| − | right: 5%;
| |
| − | position: absolute;
| |
| − | bottom: 0px;
| |
| − | padding-top: 0px;
| |
| − | padding-bottom: 0px;
| |
| − | z-index: 0;
| |
| − | }
| |
| − |
| |
| − | #Wrapper_TopPic {
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | background-color: #FFF;
| |
| − | margin-top: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | width: 100%;
| |
| − | height: 58px;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | right: 0px;
| |
| − | position: fixed;
| |
| − | bottom: 0px;
| |
| − | padding-top: 0px;
| |
| − | padding-bottom: 0px;
| |
| − | z-index: 9998;
| |
| − | border-bottom-style: solid;
| |
| − | border-bottom-color: #fe5838;
| |
| − | border-bottom-width: 2px;
| |
| − | z-index: 9998;
| |
| − | background-repeat: no-repeat;
| |
| − | }
| |
| − |
| |
| − | #Wrapper_Bottom {
| |
| − | width: 100%;
| |
| − | height: 100px;
| |
| − | bottom: 0px;
| |
| − | top: auto;
| |
| − | background-color: #FFF;
| |
| − | border-top-style: solid;
| |
| − | border-top-color: #079235;
| |
| − | border-top-width: 3px;
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | margin-top: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | z-index: 9998;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*-----------------Top icons-----------------*/
| |
| − | /*-------------------------------------------*/
| |
| − | #Facebook_icon_pic {
| |
| − | height: 30px;
| |
| − | width: 30px;
| |
| − | position: absolute;
| |
| − | left: auto;
| |
| − | top: 23px;
| |
| − | right: 5.5%;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | }
| |
| − |
| |
| − | #iGEM_icon_pic {
| |
| − | height: 30px;
| |
| − | width: 38px;
| |
| − | position: absolute;
| |
| − | left: auto;
| |
| − | top: 23px;
| |
| − | right: 1%;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | }
| |
| − |
| |
| − | #NTU_icon_pic {
| |
| − | height: 30px;
| |
| − | width: 69px;
| |
| − | position: absolute;
| |
| − | left: auto;
| |
| − | top: 23px;
| |
| − | right: 9%;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | }
| |
| − |
| |
| − | #NTUXLIHPAO_icon {
| |
| − | height: 40px;
| |
| − | width: 200px;
| |
| − | position: absolute;
| |
| − | left: 3%;
| |
| − | top: 18px;
| |
| − | right: auto;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*---------------Bottom icons----------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | #NTUschool_logo {
| |
| − | height: 70px;
| |
| − | width: 265px;
| |
| − | position: absolute;
| |
| − | left: 25%;
| |
| − | top: 5px;
| |
| − | right: auto;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | margin-left: -132px;
| |
| − | }
| |
| − |
| |
| − | #LIHPAO_logo {
| |
| − | height: 70px;
| |
| − | width: 215px;
| |
| − | position: absolute;
| |
| − | left: 75%;
| |
| − | top: 5px;
| |
| − | right: auto;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | margin-left: -107px;
| |
| − | }
| |
| − |
| |
| − | #NTUBST_logo {
| |
| − | height: 70px;
| |
| − | width: 70px;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | top: 5px;
| |
| − | right: auto;
| |
| − | bottom: auto;
| |
| − | z-index: 9999;
| |
| − | margin-left: -35px;
| |
| − | }
| |
| − |
| |
| − | #Bottom_Text {
| |
| − | color: #767676;
| |
| − | bottom: 0px;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | font-size: 15px;
| |
| − | position: absolute;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*-----------------Slide Menu----------------*/
| |
| − | /*-------------------------------------------*/
| |
| − | .Slidemenu {
| |
| − | z-index: 9999;
| |
| − | position: absolute;
| |
| − | top: 32px;
| |
| − | bottom: 0px;
| |
| − | left: 50%;
| |
| − | right: 15%;
| |
| − | list-style:none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | position: absolute;
| |
| − | margin-left: -350px;
| |
| − | /*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul {
| |
| − | *zoom:1;
| |
| − | list-style:none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | /*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul:before,.Slidemenu ul:after {
| |
| − | content:"";
| |
| − | display:table;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul:after {
| |
| − | clear:both;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu a {
| |
| − | text-decoration:none;
| |
| − | display:block;
| |
| − | padding:4px 4px;
| |
| − | line-height:1em;
| |
| − | color:#000;
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | height: auto;
| |
| − | width: auto;
| |
| − | font-family: "Agency FB";
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu a:hover {
| |
| − | text-decoration:none;
| |
| − | background:rgba(0,0,0,0.03);
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu li ul {
| |
| − | position:absolute;
| |
| − | left:0;
| |
| − | top:26px;
| |
| − | z-index:1;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu li ul li {
| |
| − | overflow:hidden;
| |
| − | height: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu li ul a {
| |
| − | border:none;
| |
| − | -webkit-transition:background 300ms ease-in-out;
| |
| − | -moz-transition:background 300ms ease-in-out;
| |
| − | -o-transition:background 300ms ease-in-out;
| |
| − | transition:background 300ms ease-in-out;
| |
| − | line-height:1.1em;
| |
| − | }
| |
| − |
| |
| − | .Slidemenu li ul a:hover {
| |
| − | background-color: rgba(240,240,240,1);
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul > li {
| |
| − | text-decoration:none;
| |
| − | float: left;
| |
| − | position: relative;
| |
| − | height: 27px; /*--改主要選單高度--*/
| |
| − | }
| |
| − |
| |
| − | #width_small {
| |
| − | width: 100px; /*--改主要選單寬度--*/
| |
| − | }
| |
| − |
| |
| − | #width_large {
| |
| − | width: 140px; /*--改主要選單寬度--*/
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul > li:hover ul.subs {
| |
| − | height: auto;
| |
| − | width: 150px; /*--改拉出的選單寬度--*/
| |
| − | border-left-width: 3px;
| |
| − | border-left-style: solid;
| |
| − | border-left-color: #3300FF;
| |
| − | background:rgba(255,255,255,1); /*--改拉出選單顏色--*/
| |
| − | }
| |
| − |
| |
| − | .Slidemenu ul > li:hover ul li {
| |
| − | text-decoration:none;
| |
| − | height: 26px; /*--改拉出的選單高度--*/
| |
| − | width: 150px; /*--改拉出的選單寬度--*/
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | -webkit-transition:height 250ms ease-in;
| |
| − | -moz-transition:height 250ms ease-in;
| |
| − | -o-transition:height 250ms ease-in;
| |
| − | transition:height 250ms ease-in;
| |
| − | }
| |
| − |
| |
| − | #Position_Now {
| |
| − | background:rgba(0,0,0,0.03);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*------------------Content------------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | #Content * {
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | #Content_Container {
| |
| − | position: fixed;
| |
| − | width: 17.8%;
| |
| − | height: 100%;
| |
| − | left: 5.2%;
| |
| − | right: auto;
| |
| − | background: #f7fbff;
| |
| − | z-index: 5;
| |
| − | }
| |
| − |
| |
| − | #Content {
| |
| − | position: absolute;
| |
| − | top: 60px;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | transition: 0.5s;
| |
| − | font-size: 0.8rem;
| |
| − | font-family: Calibri;
| |
| − | }
| |
| − |
| |
| − | #Content-title {
| |
| − | position: absolute;
| |
| − | width: 100%;
| |
| − | top: 0.5rem;
| |
| − | font-size: 1.5rem;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #Content ul {
| |
| − | margin: 0.5rem 0rem 0.5rem;
| |
| − | }
| |
| − |
| |
| − | .main-Content {
| |
| − | position: absolute;
| |
| − | top: 5rem;
| |
| − | left: 2rem;
| |
| − | }
| |
| − |
| |
| − | .main-Content #title {
| |
| − | color: #ABCDEF;
| |
| − | }
| |
| − |
| |
| − | .main-Content > li {
| |
| − | cursor: pointer;
| |
| − | color: #369CF5;
| |
| − | font-size: 25px;
| |
| − | padding-top: 5px;
| |
| − | padding-bottom: 5px;
| |
| − | }
| |
| − |
| |
| − | .sub-Content {
| |
| − | font-size: 18px;
| |
| − | overflow-y: auto;
| |
| − | transition: 0.5s;
| |
| − | width: 10rem;
| |
| − | padding-left: 2rem;
| |
| − | padding-right: 1rem;
| |
| − | }
| |
| − |
| |
| − | .sub-Content > li {
| |
| − | padding-top: 8px;
| |
| − | padding-bottom: 8px;
| |
| − | }
| |
| − |
| |
| − | .sub-Content > li a{
| |
| − | display: block;
| |
| − | color: #0791DB;
| |
| − | text-decoration: none;
| |
| − | transition: 0.5s;
| |
| − | }
| |
| − |
| |
| − | .sub-Content > li a:hover {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − |
| |
| − | #Healthin_Logo_Content {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | #Healthin_Logo {
| |
| − | top: 45px;
| |
| − | padding-left: 3%;
| |
| − | padding-right: 3%;
| |
| − | position: absolute;
| |
| − | width: 94%;
| |
| − | height: 94%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*-------------------------------------------*/
| |
| − | /*---------------Introduction----------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | .Container_Picture {
| |
| − | height: 10000px;
| |
| − | width: 100%;
| |
| − | background-color: #FFF;
| |
| − | top: 30px;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | .SubContainer_Picture {
| |
| − | height: 280px;
| |
| − | width: 100%;
| |
| − | padding-top: 25px;
| |
| − | padding-bottom: 25px;
| |
| − | }
| |
| − |
| |
| − | .Intro_Picture {
| |
| − | width: 480px;
| |
| − | height: auto;
| |
| − | left: 50%;
| |
| − | right: auto;
| |
| − | background-color: #FFF;
| |
| − | margin: 0 0 0 -240px;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | .Intro_PictureText {
| |
| − | width: 430px;
| |
| − | height: auto;
| |
| − | padding-left: 25px;
| |
| − | padding-right: 25px;
| |
| − | border-top-width: 2px;
| |
| − | border-top-style: dashed;
| |
| − | border-top-color: #fe5838;
| |
| − | }
| |
| − |
| |
| − | .Text_Picture {
| |
| − | font-size: 18px;
| |
| − | font-family: Calibri;
| |
| − | text-align: justify;
| |
| − | line-height: 26px;
| |
| − | color: #08923a;
| |
| − | }
| |
| − | /*-------------------------------------------*/
| |
| − | /*-----------------Articles------------------*/
| |
| − | /*-------------------------------------------*/
| |
| − |
| |
| − | #Articles {
| |
| − | width: 76%;
| |
| − | height: 5500px;
| |
| − | left: 22%;
| |
| − | right: 2%;
| |
| − | top: -10px;
| |
| − | position: absolute;
| |
| − | background-color: #FFF;
| |
| − | z-index: 0;
| |
| − | color: #000;
| |
| − | }
| |
| − |
| |
| − | .ContentBox {
| |
| − | width: 100%;
| |
| − | height: 675px;
| |
| − | }
| |
| − |
| |
| − | .Text1 {
| |
| − | font-size: 28px;
| |
| − | font-family: Calibri;
| |
| − | left: 20px;
| |
| − | right: 20px;
| |
| − | padding-top: 80px;
| |
| − | padding-right: 20px;
| |
| − | padding-bottom: 10px;
| |
| − | padding-left: 20px;
| |
| − | border-bottom-width: 2px;
| |
| − | border-bottom-style: dashed;
| |
| − | border-bottom-color: #fe5838;
| |
| − | color: #c00000;
| |
| − | }
| |
| − |
| |
| − | .Text2 {
| |
| − | font-size: 24px;
| |
| − | font-family: Calibri;
| |
| − | padding-top: 30px;
| |
| − | padding-right: 50px;
| |
| − | padding-bottom: 10px;
| |
| − | padding-left: 50px;
| |
| − | color: #00b050;
| |
| − | }
| |
| − |
| |
| − | .Text3 {
| |
| − | font-size: 20px;
| |
| − | font-family: Calibri;
| |
| − | text-align: justify;
| |
| − | padding-top: 10px;
| |
| − | padding-right: 80px;
| |
| − | padding-bottom: 10px;
| |
| − | padding-left: 80px;
| |
| − | line-height: 26px;
| |
| − | }
| |
| − |
| |
| − | .Text_TitleUnderline {
| |
| − | font-size: 22px;
| |
| − | font-family: Calibri;
| |
| − | text-align: justify;
| |
| − | padding-top: 10px;
| |
| − | padding-bottom: 0px;
| |
| − | line-height: 26px;
| |
| − | color: #0070c0;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .Text_italic {
| |
| − | font-style: italic;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <!---------------------------------------->
| |
| − | <!---------------------------------------->
| |
| − | <!------------------BODY------------------>
| |
| − | <!---------------------------------------->
| |
| − | <!---------------------------------------->
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <div id="Wrapper">
| |
| − | <div id="Wrapper_TopPic">
| |
| − | <div id="NTUXLIHPAO_icon"><img src="https://static.igem.org/mediawiki/2015/c/c7/NTU-Top-NTUXLIHPAO.png" height="40" /></div>
| |
| − | <div id="Facebook_icon_pic">
| |
| − | <a href="https://www.facebook.com/NationalTaiwanUniversityiGEM"><img id="Facebook_icon_hover" src="https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png" /></a></div>
| |
| − | <div id="iGEM_icon_pic">
| |
| − | <a href="https://igem.org/Main_Page"><img id="iGEM_icon_hover" src="https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png" /></a></div>
| |
| − | <div id="NTU_icon_pic">
| |
| − | <a href="http://www.ntu.edu.tw/english/index.html"><img id="NTU_icon_hover" src="https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png" /></a></div>
| |
| − |
| |
| − | <div class="Slidemenu">
| |
| − | <ul>
| |
| − | <li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_small span style="cursor:default"><div id=Position_Now><a>Project</a></div></div>
| |
| − | <ul class="subs">
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Abstract">Abstract</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Overview">Overview</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Parts">Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Results">Results</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_small span style="cursor:default"><a>Modeling</a></div>
| |
| − | <ul class="subs">
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Abstract">Abstract</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Simulation">Simulation</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Results">Results</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_small span style="cursor:default"><a>Notebook</a></div>
| |
| − | <ul class="subs">
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Notebook">Note</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Protocols">Protocols</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div>
| |
| − | </li>
| |
| − |
| |
| − | <li><div id=width_large><a href="#">Human Practice</a></div>
| |
| − | <ul class="subs">
| |
| − | <li><a href="#">Sub Item</a></li>
| |
| − | <li><a href="#">Sub Item</a></li>
| |
| − | <li><a href="#">Sub Item</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div id="Content_Container">
| |
| − | <div id="Healthin_Logo_Content"><div id="Healthin_Logo"><img src="https://static.igem.org/mediawiki/2015/6/69/Healthin_White.png" style="max-width: 100%; height: auto"/></div></div>
| |
| − | <div id="Content">
| |
| − | <ul class="main-Content">
| |
| − | <li>
| |
| − | <span class="title">Prototype</span>
| |
| − | <ul class="sub-Content">
| |
| − | <li><a href="#First">Prototype</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <span class="title">Main Part</span>
| |
| − | <ul class="sub-Content">
| |
| − | <li><a href="#Second1">Part:BBa_K1841001</a></li>
| |
| − | <li><a href="#Second2">Part:BBa_K1841004</a></li>
| |
| − | <li><a href="#Second3">Part:BBa_K1841007</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <span class="title">Test Part</span>
| |
| − | <ul class="sub-Content">
| |
| − | <li><a href="#Third1">RFP</a></li>
| |
| − | <li><a href="#Third2">His-PYY</a></li>
| |
| − | <li><a href="#Third3">Signal peptide-PYY-His</a></li>
| |
| − | <li><a href="#Third4">Y2R</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li>
| |
| − | <span class="title">Reference</span>
| |
| − | <ul class="sub-Content">
| |
| − | <li><a href="#Fourth">Reference</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <script>
| |
| − | (function() {
| |
| − | var main_Contents = document.querySelectorAll("ul.main-Content>li");
| |
| − | function ContentOpen(index) {
| |
| − | for (var i = 0; i < main_Contents.length; i++) {
| |
| − | var sub_Content = main_Contents[i].querySelector(".sub-Content");
| |
| − | if (i === index) {
| |
| − | sub_Content.style.height = '12rem';
| |
| − | } else {
| |
| − | sub_Content.style.height = '0';
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | function makeContentOpenFunc(index) {
| |
| − | return function() {
| |
| − | ContentOpen(index);
| |
| − | };
| |
| − | }
| |
| − | for (var i = 0; i < main_Contents.length; i++) {
| |
| − | main_Contents[i].onclick = makeContentOpenFunc(i);
| |
| − | }
| |
| − | ContentOpen(0);
| |
| − | })();
| |
| − | </script>
| |
| − |
| |
| − | <div class="Text_italic"><i><i>Lactobacillus casei</i></i></div>
| |
| − | <div id="Articles">
| |
| − | <div class="ContentBox">
| |
| − | <div class="ContentHolder">
| |
| − | <div class="Text1">Prototype</div>
| |
| − | <div class="Text2" id="First">Prototype</div>
| |
| − | <div class="Text3">
| |
| − | The iGEM Team NTU-LIHPAO-Taiwan 2015 had built a new biological system for the iGEM community. The original design of the system making up the (Product) contains the three elements listed below, in a probiotic – <i>Lactobacillus casei</i> ATCC 393.
| |
| − | </div>
| |
| − | <div class="Text1">Main Part</div>
| |
| − | <div class="Text2" id="Second1">Part: BBa_K1841001</div>
| |
| − | <div class="Text3"><div class="Text_TitleUnderline">nisI</div></div>
| |
| − | <div class="Text3">
| |
| − | Research from Torsten <i>et al.</i> revealed that the highest level of acquired nisin tolerance was achieved after coordinated expression of all four nisin immunity genes, containing <i>nisI</i>, <i>nisF</i>, <i>nisE</i>, and <i>nisG</i>.<a href="#Reference1">[1]</a> Functional analyses provided evidence that NisI acts as a nisin-sequestering protein and that NisFEG acts as a nisin exporter that expels nisin molecules from the cytoplasmic membrane into the environment.
| |
| − | </div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/3/34/NTU-Team-nisI.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.2-1-1 Nisin Selection</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text2" id="Second2">Part: BBa_K1841004</div>
| |
| − | <div class="Text3"><div class="Text_TitleUnderline">plac promoter</div></div>
| |
| − | <div class="Text3">
| |
| − | Lactose operon of <i>Lactobacillus casei</i> In <i>Lactobacillus casei</i> ATCC393 [pLZ15–], the lactose genes are grouped in a cluster transcribed as single operon. The cluster lacTEGF encodes an antiterminator protein (LacT), lactose-specific elements (LacE and LacF) of the phosphotransferase system (PTS) and a phospho-β-galactosidase (LacG).
| |
| − | The promoter region contains a cre element (catabolite responsive element) overlapping the –35 region, which is followed by a highly conserved sequence, the ribonucleic antiterminator (RAT) sequence, and a terminator structure.
| |
| − | The antiterminator activity of LacT is also negatively controlled by glucose, possibly by PTS-mediated phosphorylation as explained below.<a href="#Reference2">[2]</a>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a4/NTU-Team-plac-cl.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.2-2-1 Suicide Sense Part</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/9/9a/NTU-Team-nuca.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.2-2-2 Suicide Sense Part</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text2" id="Second3">Part: BBa_K1841007</div>
| |
| − | <div class="Text3"><div class="Text_TitleUnderline">TAT-PYY</div></div>
| |
| − | <div class="Text3">
| |
| − | TAT can bring the big molecule substance like DNA, protein, peptide to penetrate the cell. Usually, named as protein transduction domain or membrane transduction domain, it is less than 40 amino acid.<a href="#Reference3">[3]</a> PYY belongs to the gastrointestinal hormones. Once the intestine detects the nutrition, the epidermal cell, L cell of ileum and colon will secrete the PYY. While the blood pass the hypothalamus, PYY will bind to the neuropeptide Y receptor in ventromedial nuclei causing the sense of satiation.<a href="#Reference4">[4]</a>
| |
| − | </div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/6/6a/NTU-Team-tat-pyy-his.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.2-3-1 Suicide Kill Part</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text3">
| |
| − | In this part, we use the constitutive promoter BBa_J23100 to produce signal peptide-PYY-histidine fusion protein. With the His-tag, we can easily purify the signal peptide-PYY from other non-His-tag protein. This part is constructed to test the amount of the PYY that can secret out of the <i>L. casei</i>.
| |
| − | </div>
| |
| − | <div class="Text1">Test Part</div>
| |
| − | <div class="Text2" id="Third1">RFP</div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/4d/NTU-Team-plac-gfp.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.3-1-1 Cell Penetrating Peptide + PYY</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text3">
| |
| − | In this part, we use the RFP protein to testify the function of the lactose operon.
| |
| − | </div>
| |
| − | <div class="Text2" id="Third2">His-PYY</div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/12/NTU-Team-his-pyy.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.3-2-1 Suicide Sense TestY</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text3">
| |
| − | In this part, we use the constitutive promoter BBa_J23100 to produce histidine-PYY fusion protein. With the His-tag, we can easily purify the PYY from other non-His-tag protein. This part is constructed to test the amount of the PYY under the constitutive promoter in the <i>L. casei</i>.
| |
| − | </div>
| |
| − | <div class="Text2" id="Third3">Signal peptide-PYY-His</div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/3/39/NTU-Team-sp-pyy-his.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.3-3-1 PYY</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text3">
| |
| − | In this part, we use the constitutive promoter BBa_J23100 to produce signal peptide-PYY-histidine fusion protein. With the His-tag, we can easily purify the signal peptide-PYY from other non-His-tag protein. This part is constructed to test the amount of the PYY that can secret out of the <i>L. casei</i>.
| |
| − | </div>
| |
| − | <div class="Text2" id="Third4">Y2R</div>
| |
| − | <div class="SubContainer_Picture">
| |
| − | <div class="Intro_Picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/ea/NTU-Team-y2r.jpg" width="480px"/>
| |
| − | <div class="Intro_PictureText"><div class="Text_Picture">Fig.3-4-1 Signal peptide + PYY</div></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="Text3">
| |
| − | In this part, we use the constitutive promoter BBa_J23100 to produce Y2R. This part is constructed to verify the function of PYY.
| |
| − | </div>
| |
| − | <div class="Text1">Reference</div>
| |
| − | <div class="Text2" id="Fourth">Reference</div>
| |
| − | <div class="Text3" id="Reference1">
| |
| − | [1] Torsten, S., Stefan, H., Irina, S., and K. D. Entian. Function of Lactococcus lactis Nisin Immunity Genes nisI and nisFEG after Coordinated Expression in the Surrogate Host Bacillus subtilis. The Jurnal of Biological Chemistry, USA. , Vol. 278, pp. 89 -94 (2003)
| |
| − | </div>
| |
| − | <div class="Text3" id="Reference2">
| |
| − | [2] Yu-Kuo Tsai, Hung- Wen Chen, Ta-Chun Lo and Thy-Hou Lin. Specific point mutation in <i>Lactobacillus casei</i> ATCC 27139 cause the phenotype switch from Lac- to Lac+. Microbiology, pp. 751-760(2009)
| |
| − | </div>
| |
| − | <div class="Text3" id="Reference3">
| |
| − | [3] Ju-Chen Cheng, 2009, Investigation on the Characteristic of Heparin-Binding Haemagglutinin 3 Adhesin (HBHA)-Related Peptides and their Transcytosis
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <script>
| |
| − | $('.sub-Content>li a').click(function() {
| |
| − | console.log(this.hash);
| |
| − | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
| |
| − | var target = $('[id="'+this.hash.substring(1)+'"]');
| |
| − | target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
| |
| − | if (target.length) {
| |
| − | $('html,body').animate({
| |
| − | scrollTop: target.offset().top-55
| |
| − | }, 700);
| |
| − | return false;
| |
| − | }
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | $('.title').click(function() {
| |
| − | console.log(this.hash);
| |
| − | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
| |
| − | var target = $('[id="'+this.hash.substring(1)+'"]');
| |
| − | target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
| |
| − | if (target.length) {
| |
| − | $('html,body').animate({
| |
| − | scrollTop: target.offset().top-55
| |
| − | }, 700);
| |
| − | return false;
| |
| − | }
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | $('.Text3 > a').click(function() {
| |
| − | console.log(this.hash);
| |
| − | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
| |
| − | var target = $('[id="'+this.hash.substring(1)+'"]');
| |
| − | target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
| |
| − | if (target.length) {
| |
| − | $('html,body').animate({
| |
| − | scrollTop: target.offset().top-55
| |
| − | }, 700);
| |
| − | return false;
| |
| − | }
| |
| − | }
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − | <div id="Wrapper_Bottom">
| |
| − | <div id="NTUschool_logo"><a href="http://www.ntu.edu.tw/english/index.html"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png" height="70" /></a></div>
| |
| − | <div id="LIHPAO_logo"><a href="http://www.llsc.com.tw/"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" height="70" /></a></div>
| |
| − | <div id="NTUBST_logo"><a href="http://www.bst.ntu.edu.tw/BST-new/NTUBST.html"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" height="70" /></a></div>
| |
| − | <div id="Bottom_Text">
| |
| − | Maintained by the iGEM team NTU-LIHPAO-Taiwan ©2015 NTU-LIHPAO-Taiwan
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |