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: 5600px;
+
height: 1494px;
 
top: 0px;
 
top: 0px;
 
left: 5%;
 
left: 5%;
Line 241: Line 242:
 
top: 32px;
 
top: 32px;
 
bottom: 0px;
 
bottom: 0px;
left: 50%;
+
left: 51%;
 
right: 15%;
 
right: 15%;
 
list-style:none;
 
list-style:none;
Line 322: Line 323:
 
}
 
}
  
#width_small {
+
.width_small {
 
width: 100px; /*--改主要選單寬度--*/
 
width: 100px; /*--改主要選單寬度--*/
}
 
 
#width_large {
 
width: 140px; /*--改主要選單寬度--*/
 
 
}
 
}
  
Line 458: Line 455:
 
width: 88%;
 
width: 88%;
 
height: 100%;
 
height: 100%;
background-image: url(https://static.igem.org/mediawiki/2015/c/cb/NTU-Slider-3.png);
+
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: 100%;
+
width: 99.8%;
height: 450px;
+
left: 0.1%;
 +
right: 0.1%;
 +
height: 380px;
 
top: 626px;
 
top: 626px;
 
position: absolute;
 
position: absolute;
background-color: #ffe29e;
+
background-color: #FFF;
 
}
 
}
  
 
.Container_intro_video {
 
.Container_intro_video {
top: 30px;
+
top: 32.5px;
bottom: 30px;
+
bottom: 32.5px;
margin-left: -260px;
+
margin-left: -280px;
left: 25%;
+
left: 30%;
width: 520px;
+
width: 560px;
height: 390px;
+
height: 315px;
 
position: absolute;
 
position: absolute;
 
}
 
}
 +
 
.Container_intro_text {
 
.Container_intro_text {
top: 50px;
+
top: 97px;
bottom: 50px;
+
bottom: 97px;
margin-left: -260px;
+
margin-left: -197px;
left: 75%;
+
left: 77%;
width: 520px;
+
width: 394px;
height: 350px;
+
height: 186px;
background-color: #FFF;
+
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: 450px;
+
height: 380px;
top: 1078px;
+
top: 1008px;
 
position: absolute;
 
position: absolute;
background-color: #D1D1D1;
+
background-color: #FFF;
 
}
 
}
  
 
.SubContainer_IntroFast1 {
 
.SubContainer_IntroFast1 {
top: 30px;
+
top: 40px;
bottom: 30px;
+
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: 30px;
+
top: 40px;
bottom: 30px;
+
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: 30px;
+
top: 40px;
bottom: 30px;
+
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 id=width_small><div id=Position_Now><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div></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 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"><a>Team</a></div>
</li>
+
+
<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/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>
+
 
</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 703: Line 883:
 
<div class="Container_intro">
 
<div class="Container_intro">
 
<div class="Container_intro_video">
 
<div class="Container_intro_video">
<video width="520" height="390" controls>
+
<video width="560" height="315" controls>
<source src="#" type="video/ogg">
+
<source src="https://static.igem.org/mediawiki/2015/8/8e/NTU_igem_video.mp4" type="video/ogg">
<source src="#" type="video/mp4">
+
<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/Project/Abstract"><img src="https://static.igem.org/mediawiki/2015/7/7d/IntroFast_Project.png" height="300" /></a></div>
+
<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/Abstract"><img src="https://static.igem.org/mediawiki/2015/f/f3/IntroFast_Modeling.png" height="300" /></a></div>
+
<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" height="300" /></div>
+
<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&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan

Latest revision as of 03:27, 19 September 2015

NTU-LIHPAO-Taiwan

Healthy, thin and keep fit!
Global obesity problem is raising people's concern, and we aim to provide a new solution! Learn more about our project "Healthin".
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan