Difference between revisions of "Team:NTU-LIHPAO-Taiwan"
(145 intermediate revisions by 2 users not shown) | |||
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: 1494px; |
top: 0px; | top: 0px; | ||
left: 5%; | left: 5%; | ||
Line 241: | Line 242: | ||
top: 32px; | top: 32px; | ||
bottom: 0px; | bottom: 0px; | ||
− | left: | + | left: 51%; |
right: 15%; | right: 15%; | ||
list-style:none; | list-style:none; | ||
Line 322: | Line 323: | ||
} | } | ||
− | + | .width_small { | |
width: 100px; /*--改主要選單寬度--*/ | width: 100px; /*--改主要選單寬度--*/ | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 458: | Line 455: | ||
width: 88%; | width: 88%; | ||
height: 100%; | height: 100%; | ||
− | background-image: url(https://static.igem.org/mediawiki/2015/ | + | background-image: url(https://static.igem.org/mediawiki/2015/2/28/NTU-Slider-4.png); |
background-size: 100% 100%; | background-size: 100% 100%; | ||
} | } | ||
Line 468: | Line 465: | ||
.Container_intro { | .Container_intro { | ||
− | width: | + | width: 99.8%; |
− | height: | + | left: 0.1%; |
+ | right: 0.1%; | ||
+ | height: 380px; | ||
top: 626px; | top: 626px; | ||
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #FFF; |
} | } | ||
.Container_intro_video { | .Container_intro_video { | ||
− | top: | + | top: 32.5px; |
− | bottom: | + | bottom: 32.5px; |
− | margin-left: - | + | margin-left: -280px; |
− | left: | + | left: 30%; |
− | width: | + | width: 560px; |
− | height: | + | height: 315px; |
position: absolute; | position: absolute; | ||
} | } | ||
+ | |||
.Container_intro_text { | .Container_intro_text { | ||
− | top: | + | top: 97px; |
− | bottom: | + | bottom: 97px; |
− | margin-left: - | + | margin-left: -197px; |
− | left: | + | left: 77%; |
− | width: | + | width: 394px; |
− | height: | + | height: 186px; |
− | background-color: # | + | background-color: #f6bd32; |
position: absolute; | position: absolute; | ||
+ | } | ||
+ | |||
+ | .Text_video1 { | ||
+ | font-size: 31px; | ||
+ | font-family: Calibri; | ||
+ | text-align: justify; | ||
+ | padding-top: 15px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 25px; | ||
+ | line-height: 26px; | ||
+ | color: #0a3571; | ||
+ | } | ||
+ | |||
+ | .Text_video2 { | ||
+ | font-size: 20px; | ||
+ | font-family: Calibri; | ||
+ | text-align: justify; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 25px; | ||
+ | line-height: 26px; | ||
} | } | ||
Line 504: | Line 527: | ||
left: 0.1%; | left: 0.1%; | ||
right: 0.1%; | right: 0.1%; | ||
− | height: | + | height: 380px; |
− | top: | + | top: 1008px; |
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #FFF; |
} | } | ||
.SubContainer_IntroFast1 { | .SubContainer_IntroFast1 { | ||
− | top: | + | top: 40px; |
− | bottom: | + | bottom: 40px; |
margin-left: -150px; | margin-left: -150px; | ||
left: 18%; | left: 18%; | ||
Line 518: | Line 541: | ||
height: 300px; | height: 300px; | ||
position: absolute; | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast1 img { | ||
+ | width: 300px; | ||
} | } | ||
.SubContainer_IntroFast2 { | .SubContainer_IntroFast2 { | ||
− | top: | + | top: 40px; |
− | bottom: | + | bottom: 40px; |
margin-left: -150px; | margin-left: -150px; | ||
left: 50%; | left: 50%; | ||
Line 528: | Line 555: | ||
height: 300px; | height: 300px; | ||
position: absolute; | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast2 img { | ||
+ | width: 300px; | ||
} | } | ||
.SubContainer_IntroFast3 { | .SubContainer_IntroFast3 { | ||
− | top: | + | top: 40px; |
− | bottom: | + | bottom: 40px; |
margin-left: -150px; | margin-left: -150px; | ||
left: 82%; | left: 82%; | ||
Line 538: | Line 569: | ||
height: 300px; | height: 300px; | ||
position: absolute; | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast3 img { | ||
+ | width: 300px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-------------------------------------------*/ | ||
+ | /*-------------------Media-------------------*/ | ||
+ | /*-------------------------------------------*/ | ||
+ | |||
+ | @media screen and (min-width: 0px) and (max-width: 1200px) { | ||
+ | |||
+ | .Container_IntroFast { | ||
+ | width: 99.8%; | ||
+ | left: 0.1%; | ||
+ | right: 0.1%; | ||
+ | height: 310px; | ||
+ | top: 1003px; | ||
+ | position: absolute; | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast1 { | ||
+ | top: 30px; | ||
+ | bottom: 30px; | ||
+ | margin-left: -125px; | ||
+ | left: 18%; | ||
+ | width: 250px; | ||
+ | height: 250px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast1 img { | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast2 { | ||
+ | top: 30px; | ||
+ | bottom: 30px; | ||
+ | margin-left: -125px; | ||
+ | left: 50%; | ||
+ | width: 250px; | ||
+ | height: 250px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast2 img { | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast3 { | ||
+ | top: 30px; | ||
+ | bottom: 30px; | ||
+ | margin-left: -125px; | ||
+ | left: 82%; | ||
+ | width: 250px; | ||
+ | height: 250px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .SubContainer_IntroFast3 img { | ||
+ | width: 250px; | ||
+ | } | ||
+ | |||
+ | #Wrapper { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | background-color: #FFF; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | width: 90%; | ||
+ | height: 1419px; | ||
+ | top: 0px; | ||
+ | left: 5%; | ||
+ | right: 5%; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | #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); 主選單色系選擇*/ | ||
+ | } | ||
+ | |||
+ | .Container_intro_text { | ||
+ | top: 104px; | ||
+ | bottom: 104px; | ||
+ | margin-left: -150px; | ||
+ | left: 80%; | ||
+ | width: 300px; | ||
+ | height: 172px; | ||
+ | background-color: #f6bd32; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .Text_video1 { | ||
+ | font-size: 25px; | ||
+ | font-family: Calibri; | ||
+ | text-align: justify; | ||
+ | padding-top: 15px; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 5px; | ||
+ | padding-left: 15px; | ||
+ | line-height: 26px; | ||
+ | color: #0a3571; | ||
+ | } | ||
+ | |||
+ | .Text_video2 { | ||
+ | font-size: 18px; | ||
+ | font-family: Calibri; | ||
+ | text-align: justify; | ||
+ | padding-top: 5px; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 15px; | ||
+ | line-height: 26px; | ||
+ | } | ||
} | } | ||
Line 564: | Line 742: | ||
<div class="Slidemenu"> | <div class="Slidemenu"> | ||
<ul> | <ul> | ||
− | <li><div | + | <li><div class=width_small><div id=Position_Now><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div></div> |
</li> | </li> | ||
− | + | ||
− | <li><div | + | <li><div class=width_small span style="cursor:default"><a>Team</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/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 703: | Line 883: | ||
<div class="Container_intro"> | <div class="Container_intro"> | ||
<div class="Container_intro_video"> | <div class="Container_intro_video"> | ||
− | <video width=" | + | <video width="560" height="315" controls> |
− | <source src=" | + | <source src="https://static.igem.org/mediawiki/2015/8/8e/NTU_igem_video.mp4" type="video/ogg"> |
− | <source src=" | + | <source src="https://static.igem.org/mediawiki/2015/8/8e/NTU_igem_video.mp4" type="video/mp4"> |
</div> | </div> | ||
<div class="Container_intro_text"> | <div class="Container_intro_text"> | ||
− | + | <div class="Text_video1"> | |
− | </div> | + | <b>Healthy, thin and keep fit!</b> |
+ | </div> | ||
+ | <div class="Text_video2"> | ||
+ | Global obesity problem is raising people's concern, and we aim to provide a new solution! Learn more about our project "Healthin". | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="Container_IntroFast"> | <div class="Container_IntroFast"> | ||
− | <div class="SubContainer_IntroFast1"><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/ | + | <div class="SubContainer_IntroFast1"><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Description"><img src="https://static.igem.org/mediawiki/2015/7/7d/IntroFast_Project.png" /></a></div> |
− | <div class="SubContainer_IntroFast2"><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling | + | <div class="SubContainer_IntroFast2"><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling"><img src="https://static.igem.org/mediawiki/2015/f/f3/IntroFast_Modeling.png" /></a></div> |
− | <div class="SubContainer_IntroFast3"><img src="https://static.igem.org/mediawiki/2015/7/76/IntroFast_Human_Practice.png | + | <div class="SubContainer_IntroFast3"><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Practices"><img src="https://static.igem.org/mediawiki/2015/7/76/IntroFast_Human_Practice.png" /></a></div> |
</div> | </div> | ||
<div id="Wrapper_Bottom"> | <div id="Wrapper_Bottom"> | ||
− | <div id="NTUschool_logo"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png" height="70" /></div> | + | <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"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" height="70" /></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"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" height="70" /></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"> | <div id="Bottom_Text"> | ||
Maintained by the iGEM team NTU-LIHPAO-Taiwan ©2015 NTU-LIHPAO-Taiwan | Maintained by the iGEM team NTU-LIHPAO-Taiwan ©2015 NTU-LIHPAO-Taiwan |
Latest revision as of 03:27, 19 September 2015