Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Team"
(110 intermediate revisions by 2 users not shown) | |||
Line 227: | Line 227: | ||
top: 32px; | top: 32px; | ||
bottom: 0px; | bottom: 0px; | ||
− | left: | + | left: 51%; |
right: 15%; | right: 15%; | ||
list-style:none; | list-style:none; | ||
Line 308: | Line 308: | ||
} | } | ||
− | + | .width_small { | |
width: 100px; /*--改主要選單寬度--*/ | width: 100px; /*--改主要選單寬度--*/ | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
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: | + | width: 85%; |
− | + | left: 15%; | |
− | + | position: relative; | |
} | } | ||
.sub-Content > li { | .sub-Content > li { | ||
− | padding-top: | + | padding-top: 10px; |
− | padding-bottom: | + | padding-bottom: 10px; |
} | } | ||
Line 433: | Line 430: | ||
#Healthin_Logo { | #Healthin_Logo { | ||
− | top: | + | 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; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 518: | Line 499: | ||
} | } | ||
− | . | + | |
− | width: | + | /*-------------------------------------------*/ |
+ | /*---------------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- | + | padding-left: 38%; |
− | padding- | + | padding-right: 14%; |
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
Line 528: | Line 543: | ||
.Intro_R { | .Intro_R { | ||
− | width: | + | width: 57%; |
height: 100%; | height: 100%; | ||
+ | padding-left: 38%; | ||
padding-right: 5%; | padding-right: 5%; | ||
− | |||
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | . | + | .Intro_L { |
− | width: | + | width: 57%; |
height: 100%; | height: 100%; | ||
− | padding-left: | + | padding-left: 25%; |
− | padding-right: | + | padding-right: 18%; |
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
Line 546: | Line 561: | ||
.Intro_R2 { | .Intro_R2 { | ||
− | width: | + | width: 52%; |
+ | height: 100%; | ||
+ | padding-left: 43%; | ||
+ | padding-right: 5%; | ||
+ | background-color: #FFF; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .Intro_L2 { | ||
+ | width: 52%; | ||
height: 100%; | height: 100%; | ||
padding-left: 25%; | padding-left: 25%; | ||
− | padding-right: | + | padding-right: 23%; |
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | |||
− | |||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
Line 560: | Line 582: | ||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
− | + | .Articles { | |
width: 100%; | width: 100%; | ||
− | height: | + | height: 100px; |
− | + | ||
− | + | ||
background-color: #FFF; | background-color: #FFF; | ||
− | |||
− | |||
} | } | ||
.ContentBox { | .ContentBox { | ||
width: 76%; | width: 76%; | ||
− | height: | + | 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: | + | padding-top: 40px; |
padding-right: 20px; | padding-right: 20px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
Line 595: | Line 615: | ||
.Text2 { | .Text2 { | ||
− | font-size: | + | 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; | ||
− | |||
} | } | ||
Line 615: | Line 634: | ||
} | } | ||
− | . | + | .Text_underline { |
− | + | text-decoration: underline; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | text-decoration: underline; | + | |
} | } | ||
.Text_italic { | .Text_italic { | ||
font-style: italic; | font-style: italic; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
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 | + | <li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div> |
</li> | </li> | ||
− | + | ||
− | <li><div | + | <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="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan | + | <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/Attributions">Attributions</a></li> | |
− | + | ||
− | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/ | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><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/ | + | <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/ | + | <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/ | + | <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 | + | <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/ | + | <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/ | + | <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 | + | <li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div> |
</li> | </li> | ||
− | <li><div | + | <li><div class=width_small span style="cursor:default"><a>Society</a></div> |
<ul class="subs"> | <ul class="subs"> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Practices">Human Practices</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Collaborations">Collaborations</a></li> |
− | <li><a href=" | + | <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 = ' | + | sub_Content.style.height = '13rem'; |
} else { | } else { | ||
sub_Content.style.height = '0'; | sub_Content.style.height = '0'; | ||
Line 842: | Line 850: | ||
</script> | </script> | ||
− | <div | + | <div class="Container_Intro"> |
− | <div class=" | + | <div class="Articles"><div class="ContentBox"><div class="Text1">Members</div></div></div> |
− | + | <div class="SubContainer_Intro_Mid"> | |
− | + | <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=" | + | <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: | + | <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="SubContainer_Intro" id="First2"> | |
− | <div class=" | + | |
<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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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=" | + | <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: | + | <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="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 class="SubContainer_Intro2" id="Second2"> | ||
+ | <div class="Intro_R2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/c0/NTU-Team13.png" style="max-width: 100%; max-height: 100%"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="SubContainer_Intro2" id="Second3"> | ||
+ | <div class="Intro_L2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/4/47/NTU-Team14.png" style="max-width: 100%; max-height: 100%"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="SubContainer_Intro2" id="Second4"> | ||
+ | <div class="Intro_R2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/f/fa/NTU-Team15.png" style="max-width: 100%; max-height: 100%"/> | ||
+ | </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 939: | Line 948: | ||
Maintained by the iGEM team NTU-LIHPAO-Taiwan ©2015 NTU-LIHPAO-Taiwan | Maintained by the iGEM team NTU-LIHPAO-Taiwan ©2015 NTU-LIHPAO-Taiwan | ||
</div> | </div> | ||
− | + | </div></div> | |
− | + | ||
− | + | ||
</div> | </div> | ||
Line 960: | Line 967: | ||
$('.title').click(function() { | $('.title').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