Team:Berkeley

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
<style = "text/css">
<style = "text/css">
 +
 +
ul.topnav {
 +
list-style: none;
 +
padding: 0 9px;
 +
margin: 0;
 +
width:960px;
 +
float: left;
 +
background: #223;
 +
 +
}
 +
ul.topnav li {
 +
font-family: 'Helvetica Neue', Times, serif;
 +
font-weight: 100;
 +
 +
font-size: 1.8em;
 +
float: left;
 +
margin: 1px;
 +
padding: 10px 15px 30px 0;
 +
position: relative; /*--Declare X and Y axis base for sub navigation--*/
 +
}
 +
ul.topnav li a{
 +
padding: 10px 5px;
 +
color: #fff;
 +
display: block;
 +
text-decoration: none;
 +
float: left;
 +
}
 +
ul.topnav li a:hover{
 +
background: gray;
 +
opacity: .6;
 +
padding: 10px 5px;
 +
}
 +
ul.topnav li span { /*--Drop down trigger styles--*/
 +
width: 17px;
 +
height: 45px;
 +
float: left;
 +
background-color: yellow;
 +
}
 +
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
 +
ul.topnav li ul.subnav {
 +
list-style: none;
 +
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 +
left: 0; top: 45px;
 +
background: #333;
 +
margin: 0; padding: 0;
 +
display: none;
 +
float: left;
 +
width: 170px;
 +
border: 1px solid #111;
 +
}
 +
ul.topnav li ul.subnav li{
 +
margin: 0; padding: 0;
 +
border-top: 1px solid #252525; /*--Create bevel effect--*/
 +
border-bottom: 1px solid #444; /*--Create bevel effect--*/
 +
clear: both;
 +
width: 170px;
 +
font-size: .5em;
 +
font-family: 'Helvetica Neue', Times, serif;
 +
font-weight: 100;
 +
 +
 +
}
 +
html ul.topnav li ul.subnav li a {
 +
float: center;
 +
width: 145px;
 +
background-color: white;
 +
padding-left: 20px;
 +
}
 +
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 +
background-color: red;
 +
}
 +
 +
#content1{
#content1{
opacity: .8;
opacity: .8;
Line 36: Line 109:
#top-section3{
#top-section3{
width: 100%;
width: 100%;
 +
float: center;
height:105px;
height:105px;
background: url(https://static.igem.org/mediawiki/2011/9/91/Berkeleybannerigem2.gif);
background: url(https://static.igem.org/mediawiki/2011/9/91/Berkeleybannerigem2.gif);
Line 53: Line 127:
<div id="top-section3"><img src="https://static.igem.org/mediawiki/2011/0/09/Berkeleybannertext.gif"> </div>
<div id="top-section3"><img src="https://static.igem.org/mediawiki/2011/0/09/Berkeleybannertext.gif"> </div>
-
<div id="top-section2"> <p>UC BERKELEY</p> </div>
+
<div id="top-section2">
 +
<ul class="topnav">
 +
    <li><a href="#">Home</a></li>
 +
    <li>
 +
        <a href="#">Project</a>
 +
        <ul class="subnav">
 +
            <li><a href="#">Sub Nav Link</a></li>
 +
            <li><a href="#">Sub Nav Link</a></li>
 +
        </ul>
 +
    </li>
 +
    <li>
 +
        <a href="#">Parts</a>
 +
        <ul class="subnav">
 +
            <li><a href="#">Sub Nav Link</a></li>
 +
            <li><a href="#">Sub Nav Link</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><a href="#">Safety</a></li>
 +
    <li><a href="#">Team</a></li>
 +
    <li><a href="#">Judging</a></li>
 +
    <li><a href="#">Notebooks</a></li>
 +
</ul>
 +
<div>
 +
 
 +
<div class="row-end"></div>
 +
  </div>
<div class= "layout-978" >
<div class= "layout-978" >
  <div class="row">
  <div class="row">
Line 93: Line 192:
</div>
</div>
 +
<SCRIPT TYPE="text/javascript" src="jquery.min.js"></SCRIPT>
 +
 +
<SCRIPT TYPE="text/javascript">
 +
 +
 +
 +
$(document).ready(function(){
 +
 +
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
 +
 +
$("ul.topnav li span").click(function() { //When trigger is clicked...
 +
 +
//Following events are applied to the subnav itself (moving subnav up and down)
 +
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
 +
 +
$(this).parent().hover(function() {
 +
}, function(){
 +
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
 +
});
 +
 +
//Following events are applied to the trigger (Hover events for the trigger)
 +
}).hover(function() {
 +
$(this).addClass("subhover"); //On hover over, add class "subhover"
 +
}, function(){ //On Hover Out
 +
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
 +
});
 +
});
 +
</SCRIPT>
</html>
</html>

Revision as of 19:53, 17 August 2011

Project Summary: Stress Promoters

Our team is working on characterizing and manipulating promoters to respond to stress in order to curtail the expression of certain toxic proteins. The promoter sits in front of the toxic protein and will shut off in response to cellular stress caused by that protein. In affect creating a negative feedback system that will allow the protein to be expressed at its maximum level without causing harmful cellular stress.

We are currently in the process of updating our website.

'''Would any of your project ideas raise safety issues in terms of:''' ** researcher safety, ** public safety, or ** environmental safety? Nothing we're working on has any special safety concerns. Working with E.Coli generally poses some safety hazards but proper handling avoids any risk factors for researchers, the public, or the environment.
'''Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues? If yes,''' ** did you document these issues in the Registry? ** how did you manage to handle the safety issue? ** how could other teams learn from your experience? We are working with ToxR which borders on being an RG2 part since it is part of a virulence island, but as a transcription factor is shouldn't be considered dangerous. Other than that, nothing we are working with raises any safety concerns.
'''Is there a local biosafety group, committee, or review board at your institution?''' ** If yes, what does your local biosafety group think about your project? There are no special safety issues raised by this work beyond the general use of E. coli and recombinant DNA.
'''Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?''' Managing biosafety with new software tools by integrating safety into design would improve the general safety of bacterial engineering.