Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Composite Part"

 
(4 intermediate revisions by 2 users not shown)
Line 401: Line 401:
 
padding-top: 5px;
 
padding-top: 5px;
 
padding-bottom: 5px;
 
padding-bottom: 5px;
 +
}
 +
 +
.sub-Content {
 +
font-size: 18px;
 +
overflow-y: auto;
 +
transition: 0.5s;
 +
width: 85%;
 +
left: 15%;
 +
position: relative;
 +
}
 +
 +
.sub-Content > li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 +
.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: 55px;
 +
padding-left: 3%;
 +
padding-right: 3%;
 +
position: absolute;
 +
width: 94%;
 +
height: 94%;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Bottom1 {
 +
height: 70px;
 +
width: 100%;
 +
}
 +
 +
.Container_Bottom2 {
 +
height: 70px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
 +
.Intro_Picture {
 +
width: 100%;
 +
height: auto;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 +
#NTUschool_logo {
 +
background-color: #FFF;
 +
padding-left: 9.6%;
 +
padding-right: 60.4%;
 +
position: absolute;
 +
width: 30%;
 +
height: 100%;
 +
}
 +
 +
#LIHPAO_logo {
 +
background-color: #FFF;
 +
padding-left: 66.4%;
 +
padding-right: 9.6%;
 +
position: absolute;
 +
width: 24%;
 +
height: 100%;
 +
}
 +
 +
#NTUBST_logo {
 +
background-color: #FFF;
 +
padding-left: 49.2%;
 +
padding-right: 43.2%;
 +
position: absolute;
 +
width: 7.6%;
 +
height: 100%;
 +
}
 +
 +
.Text_Sponsor {
 +
color: #767676;
 +
font-size: 15px;
 +
font-family: Calibri;
 +
text-align: center;
 +
line-height: 20px;
 +
}
 +
 +
<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: #FFF;
 +
}
 +
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: auto;
 +
top: 0px;
 +
left: 5%;
 +
right: 5%;
 +
position: absolute;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Left {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: 0%;
 +
right: auto;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_Right {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #F0F0F0;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 5%;
 +
height: 100%;
 +
top: 0px;
 +
left: auto;
 +
right: 0%;
 +
position: fixed;
 +
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;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*-----------------Slide Menu----------------*/
 +
/*-------------------------------------------*/
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 51%;
 +
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; /*--改主要選單寬度--*/
 +
}
 +
 +
.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: 10%;
 +
width: 90%;
 +
}
 +
 +
.main-Content #title {
 +
color: #ABCDEF;
 +
}
 +
 +
.main-Content > li {
 +
cursor: pointer;
 +
color: #369CF5;
 +
font-size: 25px;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
line-height: 30px;
 
}
 
}
  
Line 502: Line 1,004:
 
text-align: center;
 
text-align: center;
 
line-height: 20px;
 
line-height: 20px;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Article Picture-------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Article_Picture {
 +
height: 280px;
 +
width: 100%;
 +
padding-top: 25px;
 +
padding-bottom: 25px;
 +
}
 +
 +
.Article_Picture {
 +
width: 480px;
 +
height: auto;
 +
left: 50%;
 +
right: auto;
 +
background-color: #FFF;
 +
margin: 0 0 0 -240px;
 +
position: absolute;
 +
}
 +
 +
.Article_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;
 
}
 
}
  
Line 716: Line 1,258:
 
<div class="Slidemenu">
 
<div class="Slidemenu">
 
<ul>
 
<ul>
−
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
 
</li>
 
</li>
−
+
 
−
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div>
+
<li><div class=width_small span style="cursor:default"><a>Team</a></div>
−
</li>
+
−
+
−
<li><div id=width_small span style="cursor:default"><a>Project</a></div>
+
 
<ul class="subs">
 
<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/Team">Team</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/Attributions">Attributions</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>
 
</ul>
 
</li>
 
</li>
 
 
−
<li><div id=width_small span style="cursor:default"><a>Modeling</a></div>
+
<li><div class=width_small span style="cursor:default"><a>Project</a></div>
 
<ul class="subs">
 
<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/Description">Description</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/Design">Design</a></li>
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling/Results">Results</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Results">Results</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling">Modeling</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Experiments">Protocols</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
 
−
<li><div id=width_small span style="cursor:default"><div id=Position_Now><a>Notebook</a></div></div>
+
<li><div class=width_small span style="cursor:default"><div id=Position_Now><a>Parts</a></div></div>
 
<ul class="subs">
 
<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/Parts">Team Parts</a></li>
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Protocols">Protocols</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Composite_Part">Composite Parts</a></li>
 
</ul>
 
</ul>
 +
</li>
 +
 +
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Notebook">Notebook</a></div>
 
</li>
 
</li>
 
          
 
          
−
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div>
 
</li>
 
</li>
 
 
−
<li><div id=width_large><a href="#">Human Practice</a></div>
+
<li><div class=width_small span style="cursor:default"><a>Society</a></div>
 
<ul class="subs">
 
<ul class="subs">
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Practices">Human Practices</a></li>
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Collaborations">Collaborations</a></li>
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Entrepreneurship">Entrepreneurship</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 781: Line 1,324:
 
var sub_Content = main_Contents[i].querySelector(".sub-Content");
 
var sub_Content = main_Contents[i].querySelector(".sub-Content");
 
if (i === index) {
 
if (i === index) {
−
sub_Content.style.height = '20rem';
+
sub_Content.style.height = '13rem';
 
} else {
 
} else {
 
sub_Content.style.height = '0';
 
sub_Content.style.height = '0';
Line 810: Line 1,353:
 
<table>
 
<table>
 
<tr>
 
<tr>
−
<th>Nisin</th>
+
<th>Nisin selection</th>
 
<td><a href="http://parts.igem.org/Part:BBa_K1841000">BBa_K1841000</a></td>
 
<td><a href="http://parts.igem.org/Part:BBa_K1841000">BBa_K1841000</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<th>Placrbs</th>
+
<th>plac + RBS</th>
 
<td><a href="http://parts.igem.org/Part:BBa_K1841004">BBa_K1841004</a></td>
 
<td><a href="http://parts.igem.org/Part:BBa_K1841004">BBa_K1841004</a></td>
 
</tr>
 
</tr>

Latest revision as of 13:21, 18 September 2015

NTU-LIHPAO-Taiwan

Composite Parts
Promoter :
Nisin selection BBa_K1841000
plac + RBS BBa_K1841004
PYY BBa_K1841006
TAT-PYY BBa_K1841008
Sp-PYY BBa_K1841010
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan