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

 
(115 intermediate revisions by 2 users not shown)
Line 227: Line 227:
 
top: 32px;
 
top: 32px;
 
bottom: 0px;
 
bottom: 0px;
−
left: 50%;
+
left: 51%;
 
right: 15%;
 
right: 15%;
 
list-style:none;
 
list-style:none;
Line 308: Line 308:
 
}
 
}
  
−
#width_small {
+
.width_small {
 
width: 100px; /*--改主要選單寬度--*/
 
width: 100px; /*--改主要選單寬度--*/
−
}
 
−
 
−
#width_large {
 
−
width: 140px; /*--改主要選單寬度--*/
 
 
}
 
}
  
Line 388: Line 384:
 
top: 5rem;
 
top: 5rem;
 
left: 10%;
 
left: 10%;
 +
width: 90%;
 
}
 
}
  
Line 406: Line 403:
 
overflow-y: auto;
 
overflow-y: auto;
 
transition: 0.5s;
 
transition: 0.5s;
−
width: 70%;
+
width: 85%;
−
padding-left: 20%;
+
left: 15%;
−
padding-right: 10%;
+
position: relative;
 
}
 
}
  
 
.sub-Content > li {
 
.sub-Content > li {
−
padding-top: 8px;
+
padding-top: 10px;
−
padding-bottom: 8px;
+
padding-bottom: 10px;
 
}
 
}
  
Line 433: Line 430:
  
 
#Healthin_Logo {
 
#Healthin_Logo {
−
top: 45px;
+
top: 55px;
 
padding-left: 3%;
 
padding-left: 3%;
 
padding-right: 3%;
 
padding-right: 3%;
Line 458: Line 455:
 
border-top-color: #079235;
 
border-top-color: #079235;
 
border-top-width: 3px;
 
border-top-width: 3px;
−
}
 
−
 
−
.Container_Intro {
 
−
height: 280px;
 
−
width: 100%;
 
−
background-color: #FFF;
 
−
padding-top: 10px;
 
−
}
 
−
 
−
.Container_Intro2 {
 
−
height: 215px;
 
−
width: 100%;
 
−
background-color: #FFF;
 
−
padding-top: 10px;
 
 
}
 
}
  
Line 516: Line 499:
 
}
 
}
  
−
.Intro_L {
+
 
−
width: 75%;
+
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 
 +
.Container_Intro {
 +
height: 400px;
 +
width: 100%;
 +
background-color: #FFF;
 +
top: 30px;
 +
position: absolute;
 +
}
 +
 
 +
.SubContainer_Intro_Mid {
 +
height: 400px;
 +
width: 100%;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
.SubContainer_Intro {
 +
height: 280px;
 +
width: 100%;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
.SubContainer_Intro2 {
 +
height: 215px;
 +
width: 100%;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
.Intro_Mid {
 +
width: 48%;
 
height: 100%;
 
height: 100%;
−
padding-right: 20%;
+
padding-left: 38%;
−
padding-left: 5%;
+
padding-right: 14%;
−
right: auto;
+
 
background-color: #FFF;
 
background-color: #FFF;
 
position: absolute;
 
position: absolute;
Line 527: Line 543:
  
 
.Intro_R {
 
.Intro_R {
−
width: 75%;
+
width: 57%;
 
height: 100%;
 
height: 100%;
 +
padding-left: 38%;
 
padding-right: 5%;
 
padding-right: 5%;
−
padding-left: 20%;
 
−
left: auto;
 
 
background-color: #FFF;
 
background-color: #FFF;
 
position: absolute;
 
position: absolute;
 
}
 
}
  
−
.Intro_L2 {
+
.Intro_L {
−
width: 100%;
+
width: 57%;
 
height: 100%;
 
height: 100%;
−
left: 5%;
+
padding-left: 25%;
−
right: auto;
+
padding-right: 18%;
 
background-color: #FFF;
 
background-color: #FFF;
 
position: absolute;
 
position: absolute;
Line 546: Line 561:
  
 
.Intro_R2 {
 
.Intro_R2 {
−
width: 100%;
+
width: 52%;
 
height: 100%;
 
height: 100%;
−
right: 5%;
+
padding-left: 43%;
−
left: auto;
+
padding-right: 5%;
 
background-color: #FFF;
 
background-color: #FFF;
 
position: absolute;
 
position: absolute;
 
}
 
}
  
−
 
+
.Intro_L2 {
 +
width: 52%;
 +
height: 100%;
 +
padding-left: 25%;
 +
padding-right: 23%;
 +
background-color: #FFF;
 +
position: absolute;
 +
}
  
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
Line 560: Line 582:
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
  
−
#Articles {
+
.Articles {
 
width: 100%;
 
width: 100%;
−
height: auto;
+
height: 100px;
−
top: -10px;
+
−
position: absolute;
+
 
background-color: #FFF;
 
background-color: #FFF;
−
z-index: 1;
 
−
color: #000;
 
 
}
 
}
  
 
.ContentBox {
 
.ContentBox {
 
width: 76%;
 
width: 76%;
−
height: auto;
+
height: 100px;
 
left: 22%;
 
left: 22%;
 
right: 2%;
 
right: 2%;
 
position: absolute;
 
position: absolute;
 
background-color: #FFF;
 
background-color: #FFF;
 +
z-index: 0;
 +
color: #000;
 
}
 
}
  
Line 584: Line 604:
 
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;
Line 595: Line 615:
  
 
.Text2 {
 
.Text2 {
−
font-size: 24px;
+
font-size: 28px;
 
font-family: Calibri;
 
font-family: Calibri;
 
padding-top: 30px;
 
padding-top: 30px;
Line 601: Line 621:
 
padding-bottom: 10px;
 
padding-bottom: 10px;
 
padding-left: 50px;
 
padding-left: 50px;
−
color: #00b050;
 
 
}
 
}
  
Line 615: Line 634:
 
}
 
}
  
−
.Text_TitleUnderline {
+
.Text_underline {
−
font-size: 22px;
+
text-decoration: underline;
−
font-family: Calibri;
+
−
text-align: justify;
+
−
padding-top: 10px;
+
−
padding-bottom: 0px;
+
−
line-height: 26px;
+
−
color: #0070c0;
+
−
text-decoration: underline;
+
 
}
 
}
  
 
.Text_italic {
 
.Text_italic {
 
font-style: italic;
 
font-style: italic;
−
}
 
−
 
−
ol.part1 {
 
−
list-style-type: none;
 
−
margin-left: 0px;
 
−
}
 
−
 
−
ol.part2 {
 
−
list-style-type: decimal;
 
−
margin-left: 0px;
 
−
}
 
−
 
−
ol.part2 li {
 
−
padding-top: 10px;
 
−
padding-bottom: 10px;
 
−
}
 
−
 
−
ol.part3 {
 
−
list-style-type: lower-alpha;
 
 
}
 
}
  
Line 685: Line 678:
 
margin-left: -320px;
 
margin-left: -320px;
 
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 
/*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;
 
}
 
}
 
}
 
}
Line 740: Line 747:
 
<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"><div id=Position_Now><a>Team</a></div></div>
−
</li>
+
−
+
−
<li><div id=width_small span style="cursor:default"><div id=Position_Now><a>Project</a></div></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"><a>Notebook</a></div>
+
<li><div class=width_small span style="cursor:default"><a>Parts</a></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 824: 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 842: Line 850:
 
</script>
 
</script>
  
−
<div id="Articles">
+
<div class="Container_Intro">
−
<div class="ContentBox">
+
<div class="Articles"><div class="ContentBox"><div class="Text1">Members</div></div></div>
−
<div class="ContentHolder">
+
<div class="SubContainer_Intro_Mid">
−
 
+
<div class="Intro_Mid">
−
<div class="Text1">Members</div>
+
<img src="https://static.igem.org/mediawiki/2015/e/e2/NTU_Team_All.jpg" style="max-width: 100%; max-height: 100%"/>
−
<div class="Container_Intro" id="First1">
+
</div>
 +
</div>
 +
<div class="SubContainer_Intro" id="First1">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First2">
+
<div class="SubContainer_Intro" id="First2">
 
<div class="Intro_R">
 
<div class="Intro_R">
−
<img src="https://static.igem.org/mediawiki/2015/e/e9/NTU-Team2.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/e/e9/NTU-Team2.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First3">
+
<div class="SubContainer_Intro" id="First3">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First4">
+
<div class="SubContainer_Intro" id="First4">
 
<div class="Intro_R">
 
<div class="Intro_R">
−
<img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First5">
+
<div class="SubContainer_Intro" id="First5">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/f/fb/NTU-Team5.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/f/fb/NTU-Team5.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First6">
+
<div class="SubContainer_Intro" id="First6">
 
<div class="Intro_R">
 
<div class="Intro_R">
−
<img src="https://static.igem.org/mediawiki/2015/f/f4/NTU-Team6.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/f/f4/NTU-Team6.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First7">
+
<div class="SubContainer_Intro" id="First7">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/5/5d/NTU-Team7.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/5/5d/NTU-Team7.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First8">
+
<div class="SubContainer_Intro" id="First8">
 
<div class="Intro_R">
 
<div class="Intro_R">
−
<img src="https://static.igem.org/mediawiki/2015/f/f5/NTU-Team8.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/f/f5/NTU-Team8.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First9">
+
<div class="SubContainer_Intro" id="First9">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/0/0f/NTU-Team9.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/0/0f/NTU-Team9.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First10">
+
<div class="SubContainer_Intro" id="First10">
 
<div class="Intro_R">
 
<div class="Intro_R">
−
<img src="https://static.igem.org/mediawiki/2015/c/cd/NTU-Team10.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/c/cd/NTU-Team10.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="Container_Intro" id="First11">
+
<div class="SubContainer_Intro" id="First11">
 
<div class="Intro_L">
 
<div class="Intro_L">
−
<img src="https://static.igem.org/mediawiki/2015/7/78/NTU-Team11.png" style="max-width: 100%; max-height: 280px" />
+
<img src="https://static.igem.org/mediawiki/2015/7/78/NTU-Team11.png" style="max-width: 100%; max-height: 100%"/>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
−
<div class="Text1">Instructors</div>
+
<div class="Articles"><div class="ContentBox"><div class="Text1">Instructors</div></div></div>
−
<div class="Container_Intro2" id="Second1">
+
<div class="SubContainer_Intro2" id="Second1">
−
<div class="Intro_L2">
+
<div class="Intro_L2">
−
<img src="https://static.igem.org/mediawiki/2015/9/9a/NTU-Team12.png" style="max-width: 100%; max-height: 215px" />
+
<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="Container_Intro2" id="Second2">
+
<div class="SubContainer_Intro2" id="Second2">
−
<div class="Intro_R2">
+
<div class="Intro_R2">
−
<img src="https://static.igem.org/mediawiki/2015/c/c0/NTU-Team13.png" style="max-width: 100%; max-height: 215px" />
+
<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="Container_Intro2" id="Second3">
+
<div class="SubContainer_Intro2" id="Second3">
−
<div class="Intro_L2">
+
<div class="Intro_L2">
−
<img src="https://static.igem.org/mediawiki/2015/4/47/NTU-Team14.png" style="max-width: 100%; max-height: 215px" />
+
<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="Container_Intro2" id="Second4">
+
<div class="SubContainer_Intro2" id="Second4">
−
<div class="Intro_R2">
+
<div class="Intro_R2">
−
<img src="https://static.igem.org/mediawiki/2015/f/fa/NTU-Team15.png" style="max-width: 100%; max-height: 215px" />
+
<img src="https://static.igem.org/mediawiki/2015/f/fa/NTU-Team15.png" style="max-width: 100%; max-height: 100%"/>
−
</div>
+
</div>
−
</div>
+
</div>
  
 +
<div class="Articles"><div class="ContentBox">
 
<div class="Container_Bottom1"></div>
 
<div class="Container_Bottom1"></div>
 
<div class="Container_Bottom2">
 
<div class="Container_Bottom2">
Line 937: Line 948:
 
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
</div>
 
</div>
−
 
+
</div></div>
−
</div>
+
−
</div>
+
 
</div>
 
</div>
  
Line 958: Line 967:
 
 
 
$('.title').click(function() {
 
$('.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);
 
console.log(this.hash);
 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {

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