Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Team"
Line 67: | Line 67: | ||
body { | body { | ||
− | background-color: # | + | 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: | + | 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 180: | Line 217: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 401: | Line 387: | ||
position: absolute; | position: absolute; | ||
top: 5rem; | top: 5rem; | ||
− | left: | + | left: 10%; |
} | } | ||
Line 420: | Line 406: | ||
overflow-y: auto; | overflow-y: auto; | ||
transition: 0.5s; | transition: 0.5s; | ||
− | width: | + | width: 70%; |
− | padding-left: | + | padding-left: 20%; |
− | padding-right: | + | padding-right: 10%; |
} | } | ||
Line 454: | Line 440: | ||
height: 94%; | height: 94%; | ||
} | } | ||
+ | |||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
Line 459: | Line 446: | ||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
− | . | + | .Container_Bottom1 { |
− | height: | + | height: 70px; |
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .Container_Bottom2 { |
− | height: | + | height: 70px; |
width: 100%; | width: 100%; | ||
− | padding-top: | + | padding-top: 10px; |
− | + | border-top-style: solid; | |
+ | border-top-color: #079235; | ||
+ | border-top-width: 3px; | ||
} | } | ||
− | . | + | .Intro_Picture { |
− | + | ||
width: 100%; | width: 100%; | ||
− | padding- | + | height: auto; |
− | padding- | + | 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 516: | Line 537: | ||
position: absolute; | position: absolute; | ||
} | } | ||
+ | |||
+ | |||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
Line 521: | Line 544: | ||
/*-------------------------------------------*/ | /*-------------------------------------------*/ | ||
− | + | #Articles { | |
width: 100%; | width: 100%; | ||
− | height: | + | height: auto; |
+ | top: -10px; | ||
+ | position: absolute; | ||
+ | background-color: #FFF; | ||
+ | z-index: 1; | ||
+ | color: #000; | ||
} | } | ||
.ContentBox { | .ContentBox { | ||
width: 76%; | width: 76%; | ||
− | height: | + | height: auto; |
left: 22%; | left: 22%; | ||
right: 2%; | right: 2%; | ||
position: absolute; | position: absolute; | ||
background-color: #FFF; | background-color: #FFF; | ||
− | |||
− | |||
} | } | ||
Line 542: | Line 568: | ||
left: 20px; | left: 20px; | ||
right: 20px; | right: 20px; | ||
− | padding-top: | + | padding-top: 80px; |
padding-right: 20px; | padding-right: 20px; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
Line 553: | Line 579: | ||
.Text2 { | .Text2 { | ||
− | font-size: | + | font-size: 24px; |
font-family: Calibri; | font-family: Calibri; | ||
padding-top: 30px; | padding-top: 30px; | ||
Line 559: | Line 585: | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
padding-left: 50px; | padding-left: 50px; | ||
+ | color: #00b050; | ||
} | } | ||
Line 572: | Line 599: | ||
} | } | ||
− | . | + | .Text_TitleUnderline { |
− | text-decoration: underline; | + | font-size: 22px; |
+ | 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 616: | Line 669: | ||
margin-left: -320px; | margin-left: -320px; | ||
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/ | /*background:rgba(100%,100%,100%,0); 主選單色系選擇*/ | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @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; | ||
} | } | ||
} | } | ||
Line 631: | Line 708: | ||
<body> | <body> | ||
+ | |||
+ | <div id="Wrapper_Left"></div> | ||
+ | <div id="Wrapper_Right"></div> | ||
<div id="Wrapper"> | <div id="Wrapper"> | ||
Line 647: | Line 727: | ||
</li> | </li> | ||
− | <li><div id=width_small | + | <li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></div> |
</li> | </li> | ||
− | <li><div id=width_small span style="cursor:default"><a>Project</a></div> | + | <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/Project/Abstract">Abstract</a></li> | ||
Line 746: | Line 826: | ||
</script> | </script> | ||
− | <div | + | <div id="Articles"> |
− | + | <div class="ContentBox"> | |
− | + | <div class="ContentHolder"> | |
− | <div class=" | + | <div class="Text1">Members</div> |
− | + | <div class="Text1">Instructors</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <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 ©2015 NTU-LIHPAO-Taiwan | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 844: | Line 864: | ||
$('.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) { | ||
Line 857: | Line 891: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:04, 11 September 2015