Difference between revisions of "Team:NTU-LIHPAO-Taiwan/Composite Part"

Line 67: Line 67:
  
 
body {
 
body {
−
background-color: #F0F0F0;
+
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: 750px;
+
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 100: Line 137:
 
height: 58px;
 
height: 58px;
 
top: 0px;
 
top: 0px;
−
left:0px;
+
left: 0px;
−
right:0px;
+
right: 0px;
 
position: fixed;
 
position: fixed;
 
bottom: 0px;
 
bottom: 0px;
Line 180: Line 217:
 
}
 
}
  
−
 
−
 
−
/*-------------------------------------------*/
 
−
/*---------------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 401: Line 387:
 
position: absolute;
 
position: absolute;
 
top: 5rem;
 
top: 5rem;
−
left: 2rem;
+
left: 10%;
 
}
 
}
  
Line 420: Line 406:
 
overflow-y: auto;
 
overflow-y: auto;
 
transition: 0.5s;
 
transition: 0.5s;
−
width: 10rem;
+
width: 70%;
−
padding-left: 2rem;
+
padding-left: 20%;
−
padding-right: 1rem;
+
padding-right: 10%;
 
}
 
}
  
Line 453: Line 439:
 
width: 94%;
 
width: 94%;
 
height: 94%;
 
height: 94%;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Bottom1 {
 +
height: 70px;
 +
width: 100%;
 +
}
 +
 +
.Container_Bottom2 {
 +
height: 70px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 +
 +
.Intro_Picture {
 +
width: 100%;
 +
height: auto;
 +
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 461: Line 508:
  
 
#Articles {
 
#Articles {
−
width: 76%;
+
width: 100%;
−
height: 750px;
+
height: auto;
−
left: 22%;
+
−
right: 2%;
+
 
top: -10px;
 
top: -10px;
 
position: absolute;
 
position: absolute;
 
background-color: #FFF;
 
background-color: #FFF;
−
z-index: 0;
+
z-index: 1;
 
color: #000;
 
color: #000;
 
}
 
}
  
 
.ContentBox {
 
.ContentBox {
−
width: 100%;
+
width: 76%;
 
height: auto;
 
height: auto;
 +
left: 22%;
 +
right: 2%;
 +
position: absolute;
 +
background-color: #FFF;
 
}
 
}
  
Line 489: Line 538:
 
border-bottom-style: dashed;
 
border-bottom-style: dashed;
 
border-bottom-color: #fe5838;
 
border-bottom-color: #fe5838;
 +
color: #c00000;
 
}
 
}
  
Line 498: Line 548:
 
padding-bottom: 10px;
 
padding-bottom: 10px;
 
padding-left: 50px;
 
padding-left: 50px;
 +
color: #00b050;
 
}
 
}
  
Line 504: Line 555:
 
font-family: Calibri;
 
font-family: Calibri;
 
text-align: justify;
 
text-align: justify;
−
padding-top: 3px;
+
padding-top: 10px;
 
padding-right: 80px;
 
padding-right: 80px;
−
padding-bottom: 3px;
+
padding-bottom: 10px;
−
padding-left: 110px;
+
padding-left: 80px;
 
line-height: 26px;
 
line-height: 26px;
 
}
 
}
Line 515: Line 566:
 
font-family: Calibri;
 
font-family: Calibri;
 
text-align: justify;
 
text-align: justify;
−
padding-top: 15px;
+
padding-top: 10px;
−
padding-bottom: 10px;
+
padding-bottom: 0px;
 
line-height: 26px;
 
line-height: 26px;
−
color: #6c13aa;
+
color: #0070c0;
 
text-decoration: underline;
 
text-decoration: underline;
 
}
 
}
  
−
Underline {
+
.Text_italic {
−
text-decoration: underline;
+
font-style: italic;
−
}
+
−
 
+
−
Green {
+
−
color: #00b050;
+
−
}
+
−
 
+
−
Red {
+
−
color: #c00000;
+
−
}
+
−
 
+
−
Blue {
+
−
color: #0070c0;
+
−
}
+
−
 
+
−
Super {
+
−
vertical-align: super;
+
−
}
+
−
 
+
−
Sub {
+
−
vertical-align: sub;
+
 
}
 
}
  
Line 554: Line 585:
 
list-style-type: decimal;
 
list-style-type: decimal;
 
margin-left: 0px;
 
margin-left: 0px;
 +
}
 +
 +
ol.part2 li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 
}
 
}
  
Line 561: Line 597:
  
  
 +
/*-------------------------------------------*/
 +
/*-------------------Media-------------------*/
 +
/*-------------------------------------------*/
 +
 +
@media screen and (min-width: 0px) and (max-width: 1200px) {
 +
 +
#NTUXLIHPAO_icon {
 +
height: 40px;
 +
width: 200px;
 +
position: absolute;
 +
left: 1%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 +
}
  
−
table, td, th {
+
 
−
border: 1px solid green;
+
#width_small {
−
vertical-align: middle;
+
width: 95px; /*--改主要選單寬度--*/
−
text-align: center;
+
}
−
font-size: 20px;
+
 
−
width: 340px;
+
.Slidemenu {
−
height: auto;
+
z-index: 9999;
−
border-collapse: collapse;
+
position: absolute;
−
margin-left: 20px;
+
top: 32px;
−
margin-top: 10px;
+
bottom: 0px;
−
margin-bottom: 10px;
+
left: 49%;
 +
right: auto;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -320px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 
}
 
}
  
−
th {
+
@media screen and (min-width: 901px) and (max-width: 1050px) {
−
background-color: rgba(00,99,44,0.6);
+
 
−
color: white;
+
.Container_Bottom2 {
−
font-weight: normal;
+
height: 60px;
−
padding-left: 0px;
+
width: 100%;
−
padding-right: 0px;
+
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 
}
 
}
  
−
td {
+
@media screen and (min-width: 0px) and (max-width: 900px) {
−
padding-left: 20px;
+
 
−
padding-right: 20px;
+
.Container_Bottom2 {
 +
height: 50px;
 +
width: 100%;
 +
padding-top: 10px;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
}
 
}
 
}
 +
  
 
</style>
 
</style>
Line 599: Line 671:
  
 
<body>
 
<body>
 +
 +
<div id="Wrapper_Left"></div>
 +
<div id="Wrapper_Right"></div>
  
 
<div id="Wrapper">
 
<div id="Wrapper">
Line 726: Line 801:
 
</tr>
 
</tr>
 
</table>
 
</table>
 +
</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&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
</div>
 
</div>
 
</div>
 
</div>
Line 774: Line 861:
 
});
 
});
 
</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&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:52, 10 September 2015

NTU-LIHPAO-Taiwan

Composite Parts
Promoter :
Nisin BBa_K1841000
Placrbs BBa_K1841004
PYY BBa_K1841006
TAT-PYY BBa_K1841008
Sp-PYY BBa_K1841010
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan