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

 
(27 intermediate revisions by 2 users not shown)
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: 10000px;
+
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 183: Line 220:
  
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
−
/*---------------Bottom icons----------------*/
+
/*-----------------Slide Menu----------------*/
 
/*-------------------------------------------*/
 
/*-------------------------------------------*/
 +
.Slidemenu {
 +
z-index: 9999;
 +
position: absolute;
 +
top: 32px;
 +
bottom: 0px;
 +
left: 50%;
 +
right: 15%;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
position: absolute;
 +
margin-left: -350px;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
  
−
#NTUschool_logo {
+
.Slidemenu ul {
 +
*zoom:1;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
 +
}
 +
 
 +
.Slidemenu ul:before,.Slidemenu ul:after {
 +
content:"";
 +
display:table;
 +
}
 +
 
 +
.Slidemenu ul:after {
 +
clear:both;
 +
}
 +
 
 +
.Slidemenu a {
 +
text-decoration:none;
 +
display:block;
 +
padding:4px 4px;
 +
line-height:1em;
 +
color:#000;
 +
text-align: center;
 +
vertical-align: middle;
 +
height: auto;
 +
width: auto;
 +
font-family: "Agency FB";
 +
font-size: 1em;
 +
}
 +
 
 +
.Slidemenu a:hover {
 +
text-decoration:none;
 +
background:rgba(0,0,0,0.03);
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
 
 +
.Slidemenu li ul {
 +
position:absolute;
 +
left:0;
 +
top:26px;
 +
z-index:1;
 +
}
 +
 
 +
.Slidemenu li ul li {
 +
overflow:hidden;
 +
height: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.Slidemenu li ul a {
 +
border:none;
 +
-webkit-transition:background 300ms ease-in-out;
 +
-moz-transition:background 300ms ease-in-out;
 +
-o-transition:background 300ms ease-in-out;
 +
transition:background 300ms ease-in-out;
 +
line-height:1.1em;
 +
}
 +
 
 +
.Slidemenu li ul a:hover {
 +
background-color: rgba(240,240,240,1);
 +
}
 +
 
 +
.Slidemenu ul > li {
 +
text-decoration:none;
 +
float: left;
 +
position: relative;
 +
height: 27px; /*--改主要選單高度--*/
 +
}
 +
 
 +
#width_small {
 +
width: 100px; /*--改主要選單寬度--*/
 +
}
 +
 
 +
#width_large {
 +
width: 140px; /*--改主要選單寬度--*/
 +
}
 +
 
 +
.Slidemenu ul > li:hover ul.subs {
 +
height: auto;
 +
width: 150px; /*--改拉出的選單寬度--*/
 +
border-left-width: 3px;
 +
border-left-style: solid;
 +
border-left-color: #3300FF;
 +
background:rgba(255,255,255,1); /*--改拉出選單顏色--*/
 +
}
 +
 
 +
.Slidemenu ul > li:hover ul li {
 +
text-decoration:none;
 +
height: 26px; /*--改拉出的選單高度--*/
 +
width: 150px; /*--改拉出的選單寬度--*/
 +
text-align: center;
 +
vertical-align: middle;
 +
-webkit-transition:height 250ms ease-in;
 +
-moz-transition:height 250ms ease-in;
 +
-o-transition:height 250ms ease-in;
 +
transition:height 250ms ease-in;
 +
}
 +
 
 +
#Position_Now {
 +
background:rgba(0,0,0,0.03);
 +
}
 +
 
 +
 
 +
/*-------------------------------------------*/
 +
/*------------------Content------------------*/
 +
/*-------------------------------------------*/
 +
 
 +
#Content * {
 +
list-style: none;
 +
}
 +
 
 +
#Content_Container {
 +
position: fixed;
 +
width: 17.8%;
 +
height: 100%;
 +
left: 5.2%;
 +
right: auto;
 +
background: #f7fbff;
 +
z-index: 5;
 +
}
 +
 
 +
#Content {
 +
position: absolute;
 +
top: 60px;
 +
width: 100%;
 +
height: auto;
 +
padding: 0;
 +
margin: 0;
 +
transition: 0.5s;
 +
font-size: 0.8rem;
 +
font-family: Calibri;
 +
}
 +
 
 +
#Content-title {
 +
position: absolute;
 +
width: 100%;
 +
top: 0.5rem;
 +
font-size: 1.5rem;
 +
text-align: center;
 +
}
 +
 
 +
#Content ul {
 +
margin: 0.5rem 0rem 0.5rem;
 +
}
 +
 
 +
.main-Content {
 +
position: absolute;
 +
top: 5rem;
 +
left: 10%;
 +
width: 90%;
 +
}
 +
 
 +
.main-Content #title {
 +
color: #ABCDEF;
 +
}
 +
 
 +
.main-Content > li {
 +
cursor: pointer;
 +
color: #369CF5;
 +
font-size: 25px;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
}
 +
 
 +
.sub-Content {
 +
font-size: 18px;
 +
overflow-y: auto;
 +
transition: 0.5s;
 +
width: 85%;
 +
left: 15%;
 +
position: relative;
 +
}
 +
 
 +
.sub-Content > li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
.sub-Content > li a{
 +
display: block;
 +
color: #0791DB;
 +
text-decoration: none;
 +
transition: 0.5s;
 +
}
 +
 
 +
.sub-Content > li a:hover {
 +
opacity: 0.5;
 +
}
 +
 
 +
#Healthin_Logo_Content {
 +
width: 100%;
 +
height: auto;
 +
}
 +
 
 +
#Healthin_Logo {
 +
top: 55px;
 +
padding-left: 3%;
 +
padding-right: 3%;
 +
position: absolute;
 +
width: 94%;
 +
height: 94%;
 +
}
 +
 
 +
 
 +
 
 +
/*-------------------------------------------*/
 +
/*---------------Introduction----------------*/
 +
/*-------------------------------------------*/
 +
 
 +
.Container_Bottom1 {
 
height: 70px;
 
height: 70px;
−
width: 265px;
+
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;
 
position: absolute;
−
left: 25%;
+
}
−
top: 5px;
+
 
 +
#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;
 +
}
 +
 
 +
<html>
 +
<head>
 +
 
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
 
 +
<script type="text/javascript" charset="utf-8">
 +
 
 +
//-----Hover Facebook Icon-----//
 +
$(document).ready(function(){
 +
$('#Facebook_icon_hover').hover(function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/3/35/NTU-Top-Facebook_icon2.png";
 +
}, function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png";
 +
});
 +
});
 +
 
 +
//-----Hover iGem Icon-----//
 +
$(document).ready(function(){
 +
$('#iGEM_icon_hover').hover(function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/0/0a/NTU-Top-iGEM_icon2.png";
 +
}, function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png";
 +
});
 +
});
 +
 
 +
//-----Hover NTU Icon-----//
 +
$(document).ready(function(){
 +
$('#NTU_icon_hover').hover(function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/6/6e/NTU-Top-NTU_icon2.png";
 +
}, function () {
 +
this.src = "https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png";
 +
});
 +
});
 +
 
 +
</script>
 +
 
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>NTU-LIHPAO-Taiwan</title>
 +
<style type="text/css">
 +
 
 +
/*-------------------------------------------*/
 +
/*--------------Wiki Page Reset--------------*/
 +
/*-------------------------------------------*/
 +
 
 +
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {
 +
display: none;
 +
}
 +
 
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
/*-------------------------------------------*/
 +
/*-------------------Body--------------------*/
 +
/*-------------------------------------------*/
 +
 
 +
body {
 +
background-color: #FFF;
 +
}
 +
body,td,th {
 +
font-size: 14px;
 +
font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
 +
}
 +
 
 +
#Wrapper {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #FFF;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 90%;
 +
height: auto;
 +
top: 0px;
 +
left: 5%;
 +
right: 5%;
 +
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;
 
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;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 0;
 +
}
 +
 +
#Wrapper_TopPic {
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-color: #FFF;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
width: 100%;
 +
height: 58px;
 +
top: 0px;
 +
left: 0px;
 +
right: 0px;
 +
position: fixed;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
z-index: 9998;
 +
border-bottom-style: solid;
 +
border-bottom-color: #fe5838;
 +
border-bottom-width: 2px;
 +
z-index: 9998;
 +
background-repeat: no-repeat;
 +
}
 +
 +
#Wrapper_Bottom {
 +
width: 100%;
 +
height: 100px;
 +
bottom: 0px;
 +
top: auto;
 +
background-color: #FFF;
 +
border-top-style: solid;
 +
border-top-color: #079235;
 +
border-top-width: 3px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
z-index: 9998;
 +
position: absolute;
 +
}
 +
 +
 +
 +
/*-------------------------------------------*/
 +
/*-----------------Top icons-----------------*/
 +
/*-------------------------------------------*/
 +
#Facebook_icon_pic {
 +
height: 30px;
 +
width: 30px;
 +
position: absolute;
 +
left: auto;
 +
top: 23px;
 +
right: 5.5%;
 
bottom: auto;
 
bottom: auto;
 
z-index: 9999;
 
z-index: 9999;
−
margin-left: -132px;
 
 
}
 
}
  
−
#LIHPAO_logo {
+
#iGEM_icon_pic {
−
height: 70px;
+
height: 30px;
−
width: 215px;
+
width: 38px;
 
position: absolute;
 
position: absolute;
−
left: 75%;
+
left: auto;
−
top: 5px;
+
top: 23px;
−
right: auto;
+
right: 1%;
 
bottom: auto;
 
bottom: auto;
 
z-index: 9999;
 
z-index: 9999;
−
margin-left: -107px;
 
 
}
 
}
  
−
#NTUBST_logo {
+
#NTU_icon_pic {
−
height: 70px;
+
height: 30px;
−
width: 70px;
+
width: 69px;
 
position: absolute;
 
position: absolute;
−
left: 50%;
+
left: auto;
−
top: 5px;
+
top: 23px;
−
right: auto;
+
right: 9%;
 
bottom: auto;
 
bottom: auto;
 
z-index: 9999;
 
z-index: 9999;
−
margin-left: -35px;
 
 
}
 
}
  
−
#Bottom_Text {
+
#NTUXLIHPAO_icon {
−
color: #767676;
+
height: 40px;
−
bottom: 0px;
+
width: 200px;
−
width: 100%;
+
−
height: auto;
+
−
font-size: 15px;
+
 
position: absolute;
 
position: absolute;
−
text-align: center;
+
left: 3%;
 +
top: 18px;
 +
right: auto;
 +
bottom: auto;
 +
z-index: 9999;
 
}
 
}
 +
  
  
Line 241: Line 732:
 
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 813:
 
}
 
}
  
−
#width_small {
+
.width_small {
 
width: 100px; /*--改主要選單寬度--*/
 
width: 100px; /*--改主要選單寬度--*/
−
}
 
−
 
−
#width_large {
 
−
width: 140px; /*--改主要選單寬度--*/
 
 
}
 
}
  
Line 401: Line 888:
 
position: absolute;
 
position: absolute;
 
top: 5rem;
 
top: 5rem;
−
left: 2rem;
+
left: 10%;
 +
width: 90%;
 
}
 
}
  
Line 414: Line 902:
 
padding-top: 5px;
 
padding-top: 5px;
 
padding-bottom: 5px;
 
padding-bottom: 5px;
 +
line-height: 30px;
 
}
 
}
  
Line 420: Line 909:
 
overflow-y: auto;
 
overflow-y: auto;
 
transition: 0.5s;
 
transition: 0.5s;
−
width: 10rem;
+
width: 85%;
−
padding-left: 2rem;
+
left: 15%;
−
padding-right: 1rem;
+
position: relative;
 
}
 
}
  
 
.sub-Content > li {
 
.sub-Content > li {
−
padding-top: 8px;
+
padding-top: 10px;
−
padding-bottom: 8px;
+
padding-bottom: 10px;
 
}
 
}
  
Line 447: Line 936:
  
 
#Healthin_Logo {
 
#Healthin_Logo {
−
top: 45px;
+
top: 55px;
 
padding-left: 3%;
 
padding-left: 3%;
 
padding-right: 3%;
 
padding-right: 3%;
Line 453: Line 942:
 
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;
 +
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*---------------Article Picture-------------*/
 +
/*-------------------------------------------*/
 +
 +
.Container_Article_Picture {
 +
height: 280px;
 +
width: 100%;
 +
padding-top: 25px;
 +
padding-bottom: 25px;
 +
}
 +
 +
.Article_Picture {
 +
width: 480px;
 +
height: auto;
 +
left: 50%;
 +
right: auto;
 +
background-color: #FFF;
 +
margin: 0 0 0 -240px;
 +
position: absolute;
 +
}
 +
 +
.Article_PictureText {
 +
width: 430px;
 +
height: auto;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
border-top-width: 2px;
 +
border-top-style: dashed;
 +
border-top-color: #fe5838;
 +
}
 +
 +
.Text_Picture {
 +
font-size: 18px;
 +
font-family: Calibri;
 +
text-align: justify;
 +
line-height: 26px;
 +
color: #08923a;
 
}
 
}
  
Line 461: Line 1,052:
  
 
#Articles {
 
#Articles {
−
width: 76%;
+
width: 100%;
−
height: 10000px;
+
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: 675px;
+
height: auto;
 +
left: 22%;
 +
right: 2%;
 +
position: absolute;
 +
background-color: #FFF;
 
}
 
}
  
Line 489: Line 1,082:
 
border-bottom-style: dashed;
 
border-bottom-style: dashed;
 
border-bottom-color: #fe5838;
 
border-bottom-color: #fe5838;
 +
color: #c00000;
 
}
 
}
  
Line 498: Line 1,092:
 
padding-bottom: 10px;
 
padding-bottom: 10px;
 
padding-left: 50px;
 
padding-left: 50px;
 +
color: #00b050;
 
}
 
}
  
Line 504: Line 1,099:
 
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 1,110:
 
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 1,129:
 
list-style-type: decimal;
 
list-style-type: decimal;
 
margin-left: 0px;
 
margin-left: 0px;
 +
}
 +
 +
ol.part2 li {
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 
}
 
}
  
Line 559: Line 1,139:
 
list-style-type: lower-alpha;
 
list-style-type: lower-alpha;
 
}
 
}
−
 
−
 
  
 
table, td, th {
 
table, td, th {
Line 567: Line 1,145:
 
text-align: center;
 
text-align: center;
 
font-size: 20px;
 
font-size: 20px;
−
width: 300px;
+
width: 340px;
 
height: auto;
 
height: auto;
 
border-collapse: collapse;
 
border-collapse: collapse;
Line 576: Line 1,154:
  
 
th {
 
th {
−
background-color: green;
+
background-color: rgba(00,99,44,0.6);
 
color: white;
 
color: white;
 +
font-weight: normal;
 +
padding-left: 0px;
 +
padding-right: 0px;
 
}
 
}
  
−
tr.alt td {
+
td {
−
border-top: 3px solid green;
+
padding-left: 20px;
 +
padding-right: 20px;
 
}
 
}
 +
 +
 +
/*-------------------------------------------*/
 +
/*-------------------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;
 +
}
 +
 +
 +
#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); 主選單色系選擇*/
 +
}
 +
}
 +
 +
@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;
 +
}
 +
}
 +
  
 
</style>
 
</style>
Line 595: Line 1,241:
  
 
<body>
 
<body>
 +
 +
<div id="Wrapper_Left"></div>
 +
<div id="Wrapper_Right"></div>
  
 
<div id="Wrapper">
 
<div id="Wrapper">
Line 608: Line 1,257:
 
<div class="Slidemenu">
 
<div class="Slidemenu">
 
<ul>
 
<ul>
−
<li><div id=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
+
<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></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>
+
−
<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Project/Results">Results</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"><div id=Position_Now><a>Notebook</a></div></div>
+
<li><div class=width_small span style="cursor:default"><div id=Position_Now><a>Parts</a></div></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 657: Line 1,307:
 
<ul class="main-Content">
 
<ul class="main-Content">
 
<li>
 
<li>
−
<span class="title">Notes</span>
+
<span class="title">Basic Parts</span>
 
<ul class="sub-Content">
 
<ul class="sub-Content">
−
<li><a href="#First1">Preparation of Competent Cells (<i>E.coli</i>)</a></li>
+
<li><a href="#First1">Basic Parts</a></li>
−
<li><a href="#First2">DNA Dissolution</a></li>
+
−
<li><a href="#First3">Agarose Gel Electrophoresis</a></li>
+
−
<li><a href="#First4">Gel Extraction</a></li>
+
−
<li><a href="#First5">DNA Ligation</a></li>
+
−
<li><a href="#First6">Plasmid DNA Extraction Using Alkaline Lysis Method (<i>E.coli</i>)</a></li>
+
−
<li><a href="#First7">Transformation (<i>E.coli</i>)</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 679: Line 1,323:
 
var sub_Content = main_Contents[i].querySelector(".sub-Content");
 
var sub_Content = main_Contents[i].querySelector(".sub-Content");
 
if (i === index) {
 
if (i === index) {
−
sub_Content.style.height = '20rem';
+
sub_Content.style.height = '13rem';
 
} else {
 
} else {
 
sub_Content.style.height = '0';
 
sub_Content.style.height = '0';
Line 701: Line 1,345:
 
<div class="ContentHolder">
 
<div class="ContentHolder">
  
−
<div class="Text1" id="First5"><Red>DNA Ligation</Red></div>
+
<div class="Text1" id="First1"><Red>Basic Parts</Red></div>
 
<div class="Text2">
 
<div class="Text2">
 
<Green>Promoter :</Green>
 
<Green>Promoter :</Green>
Line 708: Line 1,352:
 
<table>
 
<table>
 
<tr>
 
<tr>
−
<td>plac</td>
+
<th>plac</th>
−
<td>BBa_K1841002</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841002">BBa_K1841002</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td>puo19</td>
+
<th>pUO19</th>
−
<td>BBa_K1841011</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841011">BBa_K1841011</a></td>
 
</tr>
 
</tr>
 
</table>
 
</table>
Line 724: Line 1,368:
 
<table>
 
<table>
 
<tr>
 
<tr>
−
<td>RBS</td>
+
<th>RBS</th>
−
<td>BBa_K1841003</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841003">BBa_K1841003</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td>RBS</td>
+
<th>RBS</th>
−
<td>BBa_K1841012</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841012">BBa_K1841012</a></td>
 
</tr>
 
</tr>
 
</table>
 
</table>
Line 741: Line 1,385:
 
<tr>
 
<tr>
 
<th><i>nisI</i></th>
 
<th><i>nisI</i></th>
−
<td>BBa_K1841001</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841001">BBa_K1841001</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td>PYY</td>
+
<th>PYY</th>
−
<td>BBa_K1841005</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841005">BBa_K1841005</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td>TAT-PYY</td>
+
<th>TAT-PYY</th>
−
<td>BBa_K1841007</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841007">BBa_K1841007</a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
−
<td>SP-PYY</td>
+
<th>SP-PYY</th>
−
<td>BBa_K1841009</td>
+
<td><a href="http://parts.igem.org/Part:BBa_K1841009">BBa_K1841009</a></td>
 
</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 804: Line 1,460:
 
});
 
});
 
</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>

Latest revision as of 13:20, 18 September 2015

NTU-LIHPAO-Taiwan

Basic Parts
Promoter :
plac BBa_K1841002
pUO19 BBa_K1841011
RBS :
RBS BBa_K1841003
RBS BBa_K1841012
Coding :
nisI BBa_K1841001
PYY BBa_K1841005
TAT-PYY BBa_K1841007
SP-PYY BBa_K1841009
Maintained by the iGEM team NTU-LIHPAO-Taiwan    ©2015 NTU-LIHPAO-Taiwan