Difference between revisions of "Team:NTU-LIHPAO-Taiwan"

 
(122 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: 1624px;
+
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 366: Line 363:
 
left: 0%;
 
left: 0%;
 
right: 0%;
 
right: 0%;
−
height: auto;    /*594px*/
+
height: 594px;    /*594px*/
 
background: #FFF;    /*75B1EC*/
 
background: #FFF;    /*75B1EC*/
 
overflow: hidden;
 
overflow: hidden;
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 471: Line 468:
 
left: 0.1%;
 
left: 0.1%;
 
right: 0.1%;
 
right: 0.1%;
−
height: 510px;
+
height: 380px;
 
top: 626px;
 
top: 626px;
 
position: absolute;
 
position: absolute;
−
background-color: #D1D1D1;
+
background-color: #FFF;
 
}
 
}
  
 
.Container_intro_video {
 
.Container_intro_video {
−
top: 60px;
+
top: 32.5px;
−
bottom: 60px;
+
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: 80px;
+
top: 97px;
−
bottom: 80px;
+
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 507: Line 528:
 
right: 0.1%;
 
right: 0.1%;
 
height: 380px;
 
height: 380px;
−
top: 1138px;
+
top: 1008px;
 
position: absolute;
 
position: absolute;
−
background-color: #D1D1D1;
+
background-color: #FFF;
 
}
 
}
  
Line 520: Line 541:
 
height: 300px;
 
height: 300px;
 
position: absolute;
 
position: absolute;
 +
}
 +
 +
.SubContainer_IntroFast1 img {
 +
width: 300px;
 
}
 
}
  
Line 530: Line 555:
 
height: 300px;
 
height: 300px;
 
position: absolute;
 
position: absolute;
 +
}
 +
 +
.SubContainer_IntroFast2 img {
 +
width: 300px;
 
}
 
}
  
Line 540: 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 566: 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>
 +
<ul class="subs">
 +
<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>
 +
</ul>
 
</li>
 
</li>
 
 
−
<li><div id=width_small span style="cursor:default"><a>Project</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/Description">Description</a></li>
 
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Description">Description</a></li>
Line 582: Line 762:
 
</li>
 
</li>
 
 
−
<li><div id=width_small span style="cursor:default"><a>Parts</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/Parts">Team Parts</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/Basic_Part">Basic Parts</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>
 
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Composite_Part">Composite Parts</a></li>
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Part_Collection">Part Collection</a></li>
 
 
</ul>
 
</ul>
 
</li>
 
</li>
 
 
−
<li><div id=width_small span style="cursor:default"><a>Notebook</a></div>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Notebook">Notebook</a></div>
−
<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/Protocols">Protocols</a></li>
+
−
</ul>
+
 
</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 708: 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>
  

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