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

 
(242 intermediate revisions by 2 users not shown)
Line 67: Line 67:
  
 
body {
 
body {
−
background-color: #F0F0F0;
+
background-color: #FFF;
 
}
 
}
 
body,td,th {
 
body,td,th {
Line 73: Line 73:
 
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 
}
 
}
 +
 
#Wrapper {
 
#Wrapper {
 
margin-right: auto;
 
margin-right: auto;
Line 80: Line 81:
 
margin-bottom: 0px;
 
margin-bottom: 0px;
 
width: 90%;
 
width: 90%;
−
height: 10000px;
+
height: auto;
 
top: 0px;
 
top: 0px;
 
left: 5%;
 
left: 5%;
 
right: 5%;
 
right: 5%;
 
position: absolute;
 
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;
 
bottom: 0px;
 
padding-top: 0px;
 
padding-top: 0px;
Line 100: Line 137:
 
height: 58px;
 
height: 58px;
 
top: 0px;
 
top: 0px;
−
left:0px;
+
left: 0px;
−
right:0px;
+
right: 0px;
 
position: fixed;
 
position: fixed;
 
bottom: 0px;
 
bottom: 0px;
Line 113: Line 150:
 
background-repeat: no-repeat;
 
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;
 +
}
 +
 +
  
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
Line 168: Line 224:
 
.Slidemenu {
 
.Slidemenu {
 
z-index: 9999;
 
z-index: 9999;
−
position: fixed;
+
position: absolute;
 
top: 32px;
 
top: 32px;
−
left: auto;
+
bottom: 0px;
 +
left: 51%;
 
right: 15%;
 
right: 15%;
 
list-style:none;
 
list-style:none;
 
margin:0;
 
margin:0;
 
padding:0;
 
padding:0;
 +
position: absolute;
 +
margin-left: -350px;
 
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 
}
 
}
Line 206: Line 265:
 
width: auto;
 
width: auto;
 
font-family: "Agency FB";
 
font-family: "Agency FB";
−
font-size: 18px;
+
font-size: 1em;
 
}
 
}
  
Line 225: Line 284:
 
.Slidemenu li ul li {
 
.Slidemenu li ul li {
 
overflow:hidden;
 
overflow:hidden;
−
height:0;
+
height: 0px;
 +
margin-bottom: 0px;
 
}
 
}
  
Line 234: Line 294:
 
-o-transition:background 300ms ease-in-out;
 
-o-transition:background 300ms ease-in-out;
 
transition:background 300ms ease-in-out;
 
transition:background 300ms ease-in-out;
 +
line-height:1.1em;
 
}
 
}
  
Line 242: Line 303:
 
.Slidemenu ul > li {
 
.Slidemenu ul > li {
 
text-decoration:none;
 
text-decoration:none;
−
float:left;
+
float: left;
−
position:relative;
+
position: relative;
 
height: 27px; /*--改主要選單高度--*/
 
height: 27px; /*--改主要選單高度--*/
−
width: 110px; /*--改主要選單寬度--*/
+
}
 +
 
 +
.width_small {
 +
width: 100px; /*--改主要選單寬度--*/
 
}
 
}
  
Line 259: Line 323:
 
.Slidemenu ul > li:hover ul li {
 
.Slidemenu ul > li:hover ul li {
 
text-decoration:none;
 
text-decoration:none;
−
height: 24px; /*--改拉出的選單高度--*/
+
height: 26px; /*--改拉出的選單高度--*/
 
width: 150px; /*--改拉出的選單寬度--*/
 
width: 150px; /*--改拉出的選單寬度--*/
 
text-align: center;
 
text-align: center;
Line 272: Line 336:
 
background:rgba(0,0,0,0.03);
 
background:rgba(0,0,0,0.03);
 
}
 
}
 +
  
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
Line 281: Line 346:
 
}
 
}
  
−
#Content {
+
#Content_Container {
 
position: fixed;
 
position: fixed;
−
top: 0;
 
−
left: 5.2%;
 
 
width: 17.8%;
 
width: 17.8%;
 
height: 100%;
 
height: 100%;
 +
left: 5.2%;
 +
right: auto;
 +
background: #f7fbff;
 +
z-index: 5;
 +
}
 +
 +
#Content {
 +
position: absolute;
 +
top: 60px;
 +
width: 100%;
 +
height: auto;
 
padding: 0;
 
padding: 0;
 
margin: 0;
 
margin: 0;
−
background: #f7fbff;
 
 
transition: 0.5s;
 
transition: 0.5s;
 
font-size: 0.8rem;
 
font-size: 0.8rem;
−
z-index: 5;
 
 
font-family: Calibri;
 
font-family: Calibri;
 
}
 
}
Line 311: Line 383:
 
position: absolute;
 
position: absolute;
 
top: 5rem;
 
top: 5rem;
−
left: 2rem;
+
left: 10%;
 +
width: 90%;
 
}
 
}
  
Line 330: Line 403:
 
overflow-y: auto;
 
overflow-y: auto;
 
transition: 0.5s;
 
transition: 0.5s;
−
padding-left: 2rem;
+
width: 85%;
 +
left: 15%;
 +
position: relative;
 
}
 
}
  
 
.sub-Content > li {
 
.sub-Content > li {
−
padding-top: 8px;
+
padding-top: 10px;
−
padding-bottom: 8px;
+
padding-bottom: 10px;
 
}
 
}
  
Line 348: Line 423:
 
opacity: 0.5;
 
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;
 +
}
 +
  
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
Line 354: Line 505:
  
 
.Container_Intro {
 
.Container_Intro {
−
height: 10000px;
+
height: 400px;
 
width: 100%;
 
width: 100%;
 
background-color: #FFF;
 
background-color: #FFF;
 
top: 30px;
 
top: 30px;
 
position: absolute;
 
position: absolute;
 +
}
 +
 +
.SubContainer_Intro_Mid {
 +
height: 400px;
 +
width: 100%;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 
}
 
}
  
Line 364: Line 522:
 
height: 280px;
 
height: 280px;
 
width: 100%;
 
width: 100%;
−
padding-top: 25px;
+
padding-top: 10px;
−
padding-bottom: 25px;
+
padding-bottom: 10px;
 
}
 
}
  
−
.Intro {
+
.SubContainer_Intro2 {
−
width: 705px;
+
height: 215px;
−
height: 280px;
+
width: 100%;
−
left: 25%;
+
padding-top: 10px;
−
right: auto;
+
padding-bottom: 10px;
 +
}
 +
 
 +
.Intro_Mid {
 +
width: 48%;
 +
height: 100%;
 +
padding-left: 38%;
 +
padding-right: 14%;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 
 +
.Intro_R {
 +
width: 57%;
 +
height: 100%;
 +
padding-left: 38%;
 +
padding-right: 5%;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 
 +
.Intro_L {
 +
width: 57%;
 +
height: 100%;
 +
padding-left: 25%;
 +
padding-right: 18%;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 
 +
.Intro_R2 {
 +
width: 52%;
 +
height: 100%;
 +
padding-left: 43%;
 +
padding-right: 5%;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
 +
 
 +
.Intro_L2 {
 +
width: 52%;
 +
height: 100%;
 +
padding-left: 25%;
 +
padding-right: 23%;
 
background-color: #FFF;
 
background-color: #FFF;
 
position: absolute;
 
position: absolute;
Line 381: Line 582:
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
  
−
#Articles {
+
.Articles {
 +
width: 100%;
 +
height: 100px;
 +
background-color: #FFF;
 +
}
 +
 
 +
.ContentBox {
 
width: 76%;
 
width: 76%;
−
height: 10000px;
+
height: 100px;
 
left: 22%;
 
left: 22%;
 
right: 2%;
 
right: 2%;
−
top: -10px;
 
 
position: absolute;
 
position: absolute;
 
background-color: #FFF;
 
background-color: #FFF;
 
z-index: 0;
 
z-index: 0;
 
color: #000;
 
color: #000;
−
}
 
−
 
−
.ContentBox {
 
−
width: 100%;
 
−
height: 675px;
 
 
}
 
}
  
 
.Text1 {
 
.Text1 {
−
font-size: 36px;
+
font-size: 28px;
 
font-family: Calibri;
 
font-family: Calibri;
 
left: 20px;
 
left: 20px;
 
right: 20px;
 
right: 20px;
−
padding-top: 80px;
+
padding-top: 40px;
 
padding-right: 20px;
 
padding-right: 20px;
 
padding-bottom: 10px;
 
padding-bottom: 10px;
 
padding-left: 20px;
 
padding-left: 20px;
−
border-bottom-width: 1px;
+
border-bottom-width: 2px;
−
border-bottom-style: solid;
+
border-bottom-style: dashed;
−
border-bottom-color: #000;
+
border-bottom-color: #fe5838;
 +
color: #c00000;
 
}
 
}
  
Line 439: Line 641:
 
font-style: italic;
 
font-style: italic;
 
}
 
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*-------------------Media-------------------*/
 +
/*-------------------------------------------*/
 +
 +
@media screen and (min-width: 0px) and (max-width: 1200px) {
 +
 +
#NTUXLIHPAO_icon {
 +
height: 40px;
 +
width: 200px;
 +
position: absolute;
 +
left: 1%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
 +
 +
 +
#width_small {
 +
width: 95px; /*--改主要選單寬度--*/
 +
}
 +
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 49%;
 +
right: auto;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -320px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
 +
.SubContainer_Intro {
 +
height: 255px;
 +
width: 100%;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
}
 +
 +
.SubContainer_Intro2 {
 +
height: 195px;
 +
width: 100%;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
}
 +
}
 +
 +
@media screen and (min-width: 901px) and (max-width: 1050px) {
 +
 +
.Container_Bottom2 {
 +
height: 60px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
 +
@media screen and (min-width: 0px) and (max-width: 900px) {
 +
 +
.Container_Bottom2 {
 +
height: 50px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
}
 +
  
 
</style>
 
</style>
Line 451: Line 731:
  
 
<body>
 
<body>
 +
 +
<div id="Wrapper_Left"></div>
 +
<div id="Wrapper_Right"></div>
  
 
<div id="Wrapper">
 
<div id="Wrapper">
Line 464: Line 747:
 
<div class="Slidemenu">
 
<div class="Slidemenu">
 
<ul>
 
<ul>
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
−
        </li>
+
−
       
+
−
<li><a href="#">Team</a>
+
−
<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>
+
−
       
+
−
<li id=Position_Now><a>Project</a>
+
−
<ul class="subs">
+
−
<li><a href="#">Abstract</a></li>
+
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Overview">Overview</a></li>
+
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Parts">Parts</a></li>
+
−
</ul>
+
 
</li>
 
</li>
−
       
+
 
−
<li><a href="#">Results</a>
+
<li><div class=width_small span style="cursor:default"><div id=Position_Now><a>Team</a></div></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/Team">Team</a></li>
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Attributions">Attributions</a></li>
−
<li><a href="#">Sub Item</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
−
               
+
−
<li><a href="#">Modeling</a>
+
<li><div class=width_small span style="cursor:default"><a>Project</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/Description">Description</a></li>
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Design">Design</a></li>
−
<li><a href="#">Sub Item</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><a href="#">Notebook</a>
+
<li><div class=width_small span style="cursor:default"><a>Parts</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/Parts">Team Parts</a></li>
−
<li><a href="#">Sub Item</a></li>
+
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Basic_Part">Basic Parts</a></li>
−
<li><a href="#">Sub Item</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><a href="#">Safety</a>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</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>
 
</li>
−
 
+
−
<li><a href="#">Human Practice</a>
+
<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 526: Line 792:
 
</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">
 
<div id="Content">
 
<ul class="main-Content">
 
<ul class="main-Content">
 
<li>
 
<li>
−
<span class="title">Overview</span>
+
<span class="title">Members</span>
 
<ul class="sub-Content">
 
<ul class="sub-Content">
−
<li><a href="#First1">Pigout / Stay in Shape</a></li>
+
<li><a href="#First1">Yun-Hsuan Huang</a></li>
 +
<li><a href="#First2">Min-Yi You</a></li>
 +
<li><a href="#First3">You-Quan Chen</a></li>
 +
<li><a href="#First4">Chia-Ping Tseng</a></li>
 +
<li><a href="#First5">Yu-Huei Chio</a></li>
 +
<li><a href="#First6">Ya-Ching Chang</a></li>
 +
<li><a href="#First7">Wu-Hsun Lai</a></li>
 +
<li><a href="#First8">U-Ting Chiu</a></li>
 +
<li><a href="#First9">Hao-Cheng Weng</a></li>
 +
<li><a href="#First10">Yuan-Chun Lu</a></li>
 +
<li><a href="#First11">Yun Cheng</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li>
 
<li>
−
<span class="title">Background</span>
+
<span class="title">Instructors</span>
 
<ul class="sub-Content">
 
<ul class="sub-Content">
−
<li><a href="#Second1">CPP-PYY</a></li>
+
<li><a href="#Second1">Yen-Rong Chen</a></li>
−
<li><a href="#Second2">Nisin Selection</a></li>
+
<li><a href="#Second2">Chi-Chih Liao</a></li>
−
<li><a href="#Second3">Suicide</a></li>
+
<li><a href="#Second3">Hsin-Hung Lee</a></li>
−
</ul>
+
<li><a href="#Second4">Chao-Wei Hsu</a></li>
−
</li>
+
−
<li>
+
−
<span class="title">Design</span>
+
−
<ul class="sub-Content">
+
−
<li><a href="#Third1">CPP-PYY</a></li>
+
−
<li><a href="#Third2">Nisin Selection</a></li>
+
−
<li><a href="#Third3">Suicide</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<span class="title">Result</span>
+
−
<ul class="sub-Content">
+
−
<li><a href="#Fourth1">CPP-PYY</a></li>
+
−
<li><a href="#Fourth2">Nisin Selection</a></li>
+
−
<li><a href="#Fourth3">Suicide</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
 
</ul>
 
</ul>
 +
</div>
 
</div>
 
</div>
  
Line 568: Line 832:
 
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 = '12rem';
+
sub_Content.style.height = '13rem';
 
} else {
 
} else {
 
sub_Content.style.height = '0';
 
sub_Content.style.height = '0';
Line 587: Line 851:
  
 
<div class="Container_Intro">
 
<div class="Container_Intro">
−
<div class="SubContainer_Intro">
+
<div class="Articles"><div class="ContentBox"><div class="Text1">Members</div></div></div>
−
<div class="Intro">
+
<div class="SubContainer_Intro_Mid">
−
<img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" width="705px"/>
+
<div class="Intro_Mid">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e2/NTU_Team_All.jpg" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First1">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First2">
 +
<div class="Intro_R">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e9/NTU-Team2.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First3">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First4">
 +
<div class="Intro_R">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First5">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/f/fb/NTU-Team5.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First6">
 +
<div class="Intro_R">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f4/NTU-Team6.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First7">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/5/5d/NTU-Team7.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First8">
 +
<div class="Intro_R">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f5/NTU-Team8.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First9">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0f/NTU-Team9.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First10">
 +
<div class="Intro_R">
 +
<img src="https://static.igem.org/mediawiki/2015/c/cd/NTU-Team10.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First11">
 +
<div class="Intro_L">
 +
<img src="https://static.igem.org/mediawiki/2015/7/78/NTU-Team11.png" style="max-width: 100%; max-height: 100%"/>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class="Articles"><div class="ContentBox"><div class="Text1">Instructors</div></div></div>
 +
<div class="SubContainer_Intro2" id="Second1">
 +
<div class="Intro_L2">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9a/NTU-Team12.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="SubContainer_Intro">
+
<div class="SubContainer_Intro2" id="Second2">
−
<div class="Intro">
+
<div class="Intro_R2">
−
<img src="https://static.igem.org/mediawiki/2015/e/e9/NTU-Team2.png" width="705px"/>
+
<img src="https://static.igem.org/mediawiki/2015/c/c0/NTU-Team13.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="SubContainer_Intro">
+
<div class="SubContainer_Intro2" id="Second3">
−
<div class="Intro">
+
<div class="Intro_L2">
−
<img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" width="705px"/>
+
<img src="https://static.igem.org/mediawiki/2015/4/47/NTU-Team14.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="SubContainer_Intro">
+
<div class="SubContainer_Intro2" id="Second4">
−
<div class="Intro">
+
<div class="Intro_R2">
−
<img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" width="705px"/>
+
<img src="https://static.igem.org/mediawiki/2015/f/fa/NTU-Team15.png" style="max-width: 100%; max-height: 100%"/>
−
</div>
+
−
</div>
+
−
<div class="SubContainer_Intro">
+
−
<div class="Intro">
+
−
<img src="https://static.igem.org/mediawiki/2015/f/fb/NTU-Team5.png" width="705px"/>
+
−
</div>
+
−
</div>
+
−
<div class="SubContainer_Intro">
+
−
<div class="Intro">
+
−
<img src="https://static.igem.org/mediawiki/2015/f/f4/NTU-Team6.png" width="705px"/>
+
−
</div>
+
−
</div>
+
−
<div class="SubContainer_Intro">
+
−
<div class="Intro">
+
−
<img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" width="705px"/>
+
−
</div>
+
−
</div>
+
−
<div class="SubContainer_Intro">
+
−
<div class="Intro">
+
−
<img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" width="705px"/>
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class="Articles"><div class="ContentBox">
 +
<div class="Container_Bottom1"></div>
 +
<div class="Container_Bottom2">
 +
<div class="Intro_Picture">
 +
<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"  style="max-width: 100%; max-height: 70px"/></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" style="max-width: 100%; max-height: 70px"/></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" style="max-width: 100%; max-height: 70px"/></a></div>
 +
</div>
 +
</div>
 +
<div class="Text_Sponsor">
 +
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 +
</div>
 +
</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;
 +
}
 +
}
 +
});
 +
</script>
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:00, 18 September 2015

NTU-LIHPAO-Taiwan

Members
Instructors
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan