Difference between revisions of "Team:Hong Kong HKU/exp2"

 
(46 intermediate revisions by the same user not shown)
Line 320: Line 320:
 
display:none;
 
display:none;
 
height:auto;
 
height:auto;
padding:0px;
+
padding-top: 50px;
 +
padding-right:10px;
 
border:0px;
 
border:0px;
position:absolute;
+
position:fixed;
width:200px;
+
width:auto;
 
z-index:100;
 
z-index:100;
background-color: rgba(255,255,255,0.5);
 
 
text-align: left;
 
text-align: left;
                margin-top: 3%;
+
margin-top:-25px;
 
}
 
}
 
 
 +
#main_menu li ul a
 +
{
 +
font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
color: #00eeff;
 +
font-size: 150%;
 +
border: 0px;
 +
font-weight:500;
 +
margin-top: 10px;
 +
text-decoration:none;
 +
}
 +
 +
#main_menu li ul a:hover
 +
{
 +
color: #FFA500;
 +
}
 
 
 
#main_menu li:hover ul{
 
#main_menu li:hover ul{
 
     display:block;
 
     display:block;
 
}
 
}
+
 
#main_menu a
 
#main_menu a
 
{
 
{
 
color: #0E1A40;
 
color: #0E1A40;
font-size: 200%;
+
font-size: 150%;
 
border: 0px;
 
border: 0px;
 
text-align: center;
 
text-align: center;
 
font-weight:500;
 
font-weight:500;
 +
font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
font-weight: 500; <!--字體粗細,400為正常大小,700為bold-->
 +
 
}
 
}
 
 
 
#main_menu a:hover
 
#main_menu a:hover
 
{
 
{
color: #32A9F1;
+
color: #FFA500;
 +
text-decoration:none;
 
}
 
}
 
 
Line 352: Line 371:
 
#main_img
 
#main_img
 
{
 
{
                width: 100%;
+
width: 100%;
 
text-align:center;
 
text-align:center;
 
margin-top:-16px;
 
margin-top:-16px;
Line 362: Line 381:
 
text-align: center; <!--置中-->
 
text-align: center; <!--置中-->
 
font-size: 500%; <!--字體大小-->
 
font-size: 500%; <!--字體大小-->
font-family: Georgia,sans-serif;  <!--字體字型-->
+
font-family: 'Georgia','sans-serif';  <!--字體字型-->
 
font-weight: 900; <!--字體粗細,400為正常大小,700為bold-->
 
font-weight: 900; <!--字體粗細,400為正常大小,700為bold-->
 
}
 
}
Line 375: Line 394:
 
{
 
{
 
box-shadow: 9px 9px 7px #A7A7A7;
 
box-shadow: 9px 9px 7px #A7A7A7;
 +
opacity:1.0;
 +
filter:alpha(opacity=100);
 
}
 
}
 
 
 +
.image:hover
 +
{
 +
box-shadow: 9px 9px 7px #A7A7A7;
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
}
 
 
 
 
Line 382: Line 409:
 
{
 
{
 
display:inline;
 
display:inline;
 +
margin-top: 5px;
 
}
 
}
 
 
Line 393: Line 421:
 
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li>
 
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li>
 
<li id="line"><a href = "#">PROJECT</a>
 
<li id="line"><a href = "#">PROJECT</a>
<ul style="margin-left:28% ">
+
<ul style="margin-left: 28%;">
<li><a href = "https://2015.igem.org/Team:Example/Description">DESCRIPTION</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Experiments">EXPERIMENTS</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Results">EXPERIMENTS</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Design">DESIGN</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
<li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">PARTS</a>
+
<li id="line"><a href = "#">PARTS</a>
<ul style="margin-left:480px">
+
<ul style="margin-left:36%;">
<li><a href = "https://2015.igem.org/Team:Example/Parts">TEAM PARTS</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Basic_Part">BASIC PARTS</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Composite_Part">Composite Parts</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite Parts</a></li>
<li><a href = "https://2015.igem.org/Team:Example/Part_Collection">Part Collection</a></li>
+
<li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Part_Collection">Part Collection</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 414: Line 442:
 
</ul>
 
</ul>
 
</nav>
 
</nav>
</header>
+
</header>
+
<script>
+
$(document).ready(function(){
+
// 幫 #main_menu a 加上 hover 事件
+
$("main_menu nav a").hover(function(){
+
// 先找到 li 中的子選單
+
var _this = $(this),
+
_subnav = _this.children("ul");
+
+
// 變更目前母選項的背景顏色
+
// 同時顯示子選單(如果有的話)
+
_subnav.css("display", "block");
+
} , function(){
+
// 變更目前母選項的背景顏色
+
// 同時隱藏子選單(如果有的話)
+
// 也可以把整句拆成上面的寫法
+
$(this).children("ul").css("display", "none");
+
});
+
});
+
    </script>
+
+
 
 
 
<body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
 
<body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
Line 517: Line 524:
 
<table border="0" align = "left" cellpadding = "10px">
 
<table border="0" align = "left" cellpadding = "10px">
 
<tr>
 
<tr>
<td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/e/ed/HKU_project.jpg" height = "50%"/></a></td>
+
<td colspan = "2"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description"><img class = "image" src = "https://static.igem.org/mediawiki/2015/e/ed/HKU_project.jpg" height = "50%"/></a></td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/3/37/HKU_human_practice.jpg" height = "50%"/></a></td>
+
<td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices"><img class = "image" src = "https://static.igem.org/mediawiki/2015/3/37/HKU_human_practice.jpg" height = "50%"/></a></td>
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/d/db/HKU_team.jpg" height = "50%"/></a></td>
+
<td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team"><img class = "image" src = "https://static.igem.org/mediawiki/2015/d/db/HKU_team.jpg" height = "50%"/></a></td>
 
</tr>
 
</tr>
 
</table>
 
</table>
Line 529: Line 536:
 
<table border = "0" align = "right" cellpadding = "10px">
 
<table border = "0" align = "right" cellpadding = "10px">
 
<tr>
 
<tr>
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/8/89/HKU_modeling.jpg" height = "50%"/></a>
+
<td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling"><img class = "image" src = "https://static.igem.org/mediawiki/2015/8/89/HKU_modeling.jpg" height = "50%"/></a>
 
</td>
 
</td>
<td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/9/91/HKU_safety.jpg" height = "50%"/></a>
+
<td><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety"><img class = "image" src = "https://static.igem.org/mediawiki/2015/9/91/HKU_safety.jpg" height = "50%"/></a>
 
</td>
 
</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/1/17/HKU_parts.jpg" height = "50%"/></a>
+
<td colspan = "2"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts"><img class = "image" src = "https://static.igem.org/mediawiki/2015/1/17/HKU_parts.jpg" height = "50%"/></a>
 
</td>
 
</td>
 
</tr>
 
</tr>

Latest revision as of 00:48, 17 September 2015

Http://2014hs.igem.org/Team:UCL Academy - 2014.igem.org

OUR PROJECT TITLE

Project Description

The development of synthetic biology aroused the concerns of biosafety problems due to the great editing and recreation of genome, resulting in the difficulty predicting the behavior of synthetic organism. Accidental spreading of synthetic organism may pose a threat to our environment. In the past few years, several iGEM teams has discussed and reported the need for a standard safety cassette for synthetic biology. Our teammates viewed this as an important issue. Some past teams also focused on this topic, such as xx using DNase e.t.c. We would like to design a better circuit, which is highly regulated and cheaper control to suit the goal.

This summer we investigated the innate function of CRISPR Cas systems in prokaryotes and tried to apply its cleavage for the purpose of biosafety. In our project we design and engineer a biological circuit called killing switch, which can perform destruction of DNA when the genetic modified organisms leave the required conditions, and then transfer the system into ''E. coli''.

CATEGORY

SPONSER