Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Team"
Line 67: | Line 67: | ||
body { | body { | ||
− | background-color: # | + | background-color: #F0F0F0; |
} | } | ||
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 81: | Line 80: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
width: 90%; | width: 90%; | ||
− | height: | + | height: 5100px; |
top: 0px; | top: 0px; | ||
left: 5%; | left: 5%; | ||
right: 5%; | right: 5%; | ||
position: absolute; | position: absolute; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
bottom: 0px; | bottom: 0px; | ||
padding-top: 0px; | padding-top: 0px; | ||
Line 217: | Line 180: | ||
} | } | ||
+ | |||
+ | |||
+ | /*-------------------------------------------*/ | ||
+ | /*---------------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; | ||
+ | } | ||
Line 387: | Line 401: | ||
position: absolute; | position: absolute; | ||
top: 5rem; | top: 5rem; | ||
− | left: | + | left: 2rem; |
} | } | ||
Line 406: | Line 420: | ||
overflow-y: auto; | overflow-y: auto; | ||
transition: 0.5s; | transition: 0.5s; | ||
− | width: | + | width: 10rem; |
− | padding-left: | + | padding-left: 2rem; |
− | padding-right: | + | padding-right: 1rem; |
} | } | ||
Line 440: | Line 454: | ||
height: 94%; | height: 94%; | ||
} | } | ||
− | |||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
Line 446: | Line 459: | ||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
− | . | + | .Container_Intro { |
− | height: | + | height: 4900px; |
width: 100%; | width: 100%; | ||
+ | background-color: #FFF; | ||
+ | top: 30px; | ||
+ | position: absolute; | ||
} | } | ||
− | . | + | .SubContainer_Intro { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
height: 280px; | height: 280px; | ||
width: 100%; | width: 100%; | ||
− | + | padding-top: 25px; | |
+ | padding-bottom: 25px; | ||
} | } | ||
− | . | + | .SubContainer_Intro2 { |
height: 215px; | height: 215px; | ||
width: 100%; | width: 100%; | ||
− | + | padding-top: 25px; | |
+ | padding-bottom: 25px; | ||
} | } | ||
− | . | + | .Intro_L { |
− | width: | + | width: 705px; |
− | height: auto; | + | height: 280px; |
+ | left: 25%; | ||
+ | right: auto; | ||
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | + | .Intro_R { | |
+ | width: 705px; | ||
+ | height: 280px; | ||
+ | right: 5%; | ||
+ | left: auto; | ||
background-color: #FFF; | background-color: #FFF; | ||
− | |||
− | |||
position: absolute; | position: absolute; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.Intro_L2 { | .Intro_L2 { | ||
− | width: | + | width: 640px; |
− | height: | + | height: 215px; |
− | + | left: 25%; | |
− | + | right: auto; | |
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
Line 548: | Line 509: | ||
.Intro_R2 { | .Intro_R2 { | ||
− | width: | + | width: 640px; |
− | height: | + | height: 215px; |
− | + | right: 5%; | |
− | + | left: auto; | |
background-color: #FFF; | background-color: #FFF; | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | |||
− | |||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
Line 562: | Line 521: | ||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
− | + | .Articles { | |
width: 100%; | width: 100%; | ||
− | height: | + | height: 100px; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.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 586: | Line 542: | ||
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 597: | Line 553: | ||
.Text2 { | .Text2 { | ||
− | font-size: | + | font-size: 28px; |
font-family: Calibri; | font-family: Calibri; | ||
padding-top: 30px; | padding-top: 30px; | ||
Line 603: | Line 559: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
padding-left: 50px; | padding-left: 50px; | ||
− | |||
} | } | ||
Line 617: | Line 572: | ||
} | } | ||
− | . | + | .Text_underline { |
− | + | text-decoration: underline; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | text-decoration: underline; | + | |
} | } | ||
.Text_italic { | .Text_italic { | ||
font-style: italic; | font-style: italic; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 687: | Line 616: | ||
margin-left: -320px; | margin-left: -320px; | ||
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/ | /*background:rgba(100%,100%,100%,0); 主選單色系選擇*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
Line 726: | Line 631: | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
<div id="Wrapper"> | <div id="Wrapper"> | ||
Line 745: | Line 647: | ||
</li> | </li> | ||
− | <li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div> | + | <li><div id=width_small><div id=Position_Now><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div></div> |
</li> | </li> | ||
− | <li><div id=width_small span style="cursor:default" | + | <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/Project/Abstract">Abstract</a></li> | ||
Line 844: | Line 746: | ||
</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" id="First1"> | |
− | + | ||
− | + | ||
− | <div class=" | + | |
<div class="Intro_L"> | <div class="Intro_L"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" | + | <img src="https://static.igem.org/mediawiki/2015/9/94/NTU-Team1.png" width="705px"/> |
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <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" | + | <img src="https://static.igem.org/mediawiki/2015/e/e9/NTU-Team2.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/5/56/NTU-Team3.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/c/c6/NTU-Team4.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/f/fb/NTU-Team5.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/f/f4/NTU-Team6.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/5/5d/NTU-Team7.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/f/f5/NTU-Team8.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/0/0f/NTU-Team9.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/c/cd/NTU-Team10.png" width="705px"/> |
</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" | + | <img src="https://static.igem.org/mediawiki/2015/7/78/NTU-Team11.png" width="705px"/> |
</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" width="640px"/> | ||
+ | </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" width="640px"/> | ||
+ | </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" width="640px"/> | ||
+ | </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" width="640px"/> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 959: | Line 844: | ||
$('.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) { | ||
Line 986: | Line 857: | ||
}); | }); | ||
</script> | </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> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 10:50, 11 September 2015
Members
Instructors