Team:LCG-UNAM-Mexico/intento1
From 2009.igem.org
Line 18: | Line 18: | ||
table#team_members h2, table#team_members h3 { clear: both; } | table#team_members h2, table#team_members h3 { clear: both; } | ||
- | + | h1.firstHeading { display: none; } | |
+ | |||
+ | p {text-align: justify;} | ||
+ | |||
+ | a:link { color: #659D32; text-decoration: none} | ||
+ | a:visited { color#659D32; text-decoration: none} | ||
+ | a:hover { color:#f29400; text-decoration: none} | ||
+ | a:active { color:#f29400; text-decoration: none} | ||
+ | |||
+ | #bodyContent { padding: 10px auto; width: 900px; margin: auto; clear: none; } | ||
+ | |||
+ | |||
+ | /* | ||
+ | |||
+ | Script-Free 3-Level Menu 1.3.4 | ||
+ | www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html | ||
+ | |||
+ | ............................................................................................... | ||
+ | |||
+ | |||
+ | |||
+ | */ | ||
+ | /*---------------------------------------------------------------------------------------- Reset */ | ||
+ | div.MenuBar, | ||
+ | div.MenuBar ul, | ||
+ | div.MenuBar li, | ||
+ | div.MenuBar a, | ||
+ | div.MenuBar table, | ||
+ | div.MenuBar span { | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | z-index: 255; | ||
+ | } | ||
div.MenuBar ul li ul.DropDownMenu { | div.MenuBar ul li ul.DropDownMenu { | ||
display: none; /* Hides all drop-down menus. */ | display: none; /* Hides all drop-down menus. */ | ||
- | |||
} | } | ||
/* | /* | ||
Line 34: | Line 66: | ||
/*------------------------------------------------------------------------------------- Menu Bar */ | /*------------------------------------------------------------------------------------- Menu Bar */ | ||
div.MenuBar { | div.MenuBar { | ||
- | + | font: 13px Arial, Helvetica, sans-serif; | |
- | height: | + | height: 25px; /* Total height 27px. */ |
- | + | width: 900px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
div.MenuBar ul li { | div.MenuBar ul li { | ||
- | + | display:block; | |
- | + | font: Arial; | |
- | + | ||
- | + | ||
- | + | ||
float: left; | float: left; | ||
- | + | list-style-type: none !important; | |
- | + | margin: 0 !important; | |
- | + | ||
position: relative; /* Sets the positioning context for each drop-down menu. */ | position: relative; /* Sets the positioning context for each drop-down menu. */ | ||
+ | |||
} | } | ||
- | |||
div.MenuBar ul li a { | div.MenuBar ul li a { | ||
- | + | font: Arial; | |
display: block; | display: block; | ||
- | + | height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | |
- | height: | + | |
- | + | ||
padding-top: 4px; | padding-top: 4px; | ||
padding-bottom: 4px; | padding-bottom: 4px; | ||
- | padding-left: | + | padding-left: 5em; /* Sets the left space between top-level items. */ |
- | padding-right: | + | padding-right: 4.969em; /* Sets the right space between top-level items. */ |
- | text-decoration: none; | + | text-decoration: none !important; |
- | + | ||
+ | } | ||
/*------------------------------------------------------------------------------ Drop-Down Menus */ | /*------------------------------------------------------------------------------ Drop-Down Menus */ | ||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
+ | font: Arial; | ||
display: block; | display: block; | ||
- | width: | + | width: 13em; /* Drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
- | + | padding: 0px; /* Sets the drop-down menu "effective border" width. */ | |
- | padding: | + | position: absolute; |
- | position: absolute; | + | top: 25px; /* Places the drop-down menu under the menu bar. |
- | top: | + | |
Keep it sync with the menu bar height. */ | Keep it sync with the menu bar height. */ | ||
left: 0; /* Aligns the drop-down menu to its top-level item. */ | left: 0; /* Aligns the drop-down menu to its top-level item. */ | ||
- | |||
- | |||
- | |||
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a { | ||
- | width: | + | font: Arial; |
- | + | width: 13em; /* Keep it sync with the drop-down menu width. | |
- | + | Use MenuTailor.css to customize. */ | |
padding-left: 0; | padding-left: 0; | ||
padding-right: 0; | padding-right: 0; | ||
- | + | } | |
- | + | ||
+ | ul.DropDownMenu li a span span { | ||
+ | font: Arial; | ||
+ | float: center; /* Aligns the text (back) to the left. */ | ||
} | } | ||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
Line 103: | Line 120: | ||
padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */ | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */ | ||
padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */ | padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */ | ||
- | text-align: | + | text-align: left; /* Aligns the >> symbol to the right. */ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
/*----------------------------------------------------------------------------------- Side Menus */ | /*----------------------------------------------------------------------------------- Side Menus */ | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | ||
+ | font: Arial; | ||
display: block; | display: block; | ||
width: 11em; /* Side menu width. | width: 11em; /* Side menu width. | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
- | padding: | + | padding: 0px; /* Sets the side menu "effective border" width. */ |
position: absolute; | position: absolute; | ||
- | top: | + | top: 0px; /* Aligns the side menu to its drop-down menu item. |
Keep it sync with the side menu "effective border" width. */ | Keep it sync with the side menu "effective border" width. */ | ||
left: 13em; /* Places the side menu to the right of the drop-down menu. | left: 13em; /* Places the side menu to the right of the drop-down menu. | ||
- | + | Keep it sync with the drop-down menu width. | |
- | + | Use MenuTailor.css to customize. */ | |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | ||
+ | font: Arial; | ||
width: 11em; /* Keep it sync with the side menu width. | width: 11em; /* Keep it sync with the side menu width. | ||
- | + | Use MenuTailor.css to customize. */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { | ||
+ | font: Arial; | ||
padding-left: 1.5em; /* Sets the left space of each side menu item. */ | padding-left: 1.5em; /* Sets the left space of each side menu item. */ | ||
padding-right: 0.5em; /* Sets the right space of each side menu item. */ | padding-right: 0.5em; /* Sets the right space of each side menu item. */ | ||
text-align: left; | text-align: left; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
/*----------------------------------------------------------------------------- Browser Specific */ | /*----------------------------------------------------------------------------- Browser Specific */ | ||
+ | html div.MenuBar { | ||
+ | position: relative; /* For IE55 and IE6. | ||
+ | Hidden (* html) from non-IE browsers. */ | ||
+ | } | ||
html div.MenuBar ul li a { | html div.MenuBar ul li a { | ||
- | float: left; /* | + | float: left; /* For IE55 and IE6. |
- | + | Breaks O9. | |
- | + | Hidden (* html) from non-IE browsers. */ | |
} | } | ||
- | + | html ul.DropDownMenu li a:hover { | |
- | cursor: hand; /* | + | cursor: hand; /* For IE55. |
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
ul.DropDownMenu li a:hover { | ul.DropDownMenu li a:hover { | ||
- | cursor: pointer; /* | + | cursor: pointer; /* For IE6 and IE7. |
- | Hidding it (* html) from non-IE browsers breaks IE7! | + | Hidding it (* html) from non-IE browsers breaks IE7! */ |
} | } | ||
- | + | html div.MenuBar a:hover { | |
- | text-decoration: none; /* | + | text-decoration: none; /* For IE55 and IE6. |
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
- | + | html div.MenuBar ul li table, | |
- | + | html div.MenuBar ul li table td { | |
- | border: 0; /* | + | border: 0; /* For IE55 and IE6. |
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
/*------------------------------------------------------------------------------- Default Colors */ | /*------------------------------------------------------------------------------- Default Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
- | background-color: | + | width 900px; |
- | border- | + | background-color: #659D32; |
+ | border-color: #659D32; | ||
} | } | ||
div.MenuBar a { | div.MenuBar a { | ||
- | + | background-color: #659D32; /* Top-level unselected items. */ | |
- | color: | + | color: white; |
} | } | ||
div.MenuBar ul li:hover a, | div.MenuBar ul li:hover a, | ||
div.MenuBar ul li a:hover { | div.MenuBar ul li a:hover { | ||
- | + | background-color: #003300; /* Top-level selected item. */ | |
- | background-color: | + | color: white; |
- | color: | + | |
} | } | ||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
- | background-color: | + | background-color: #659D32; /* Sets the drop-down menu "effective border" color. */ |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a { | ||
- | background-color: | + | background-color: #659D32; /* Drop-down menu unselected items. |
Sets the drop-down menu "effective background" color. */ | Sets the drop-down menu "effective background" color. */ | ||
- | color: | + | color: white; |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | ||
- | background-color: | + | background-color: #003300; /* Drop-down menu selected item. */ |
- | color: | + | color: white; |
} | } | ||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
Line 204: | Line 214: | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | ||
- | background-color: | + | background-color: #659D32; /* Side menu unselected items. |
Sets the side menu "effective background" color. */ | Sets the side menu "effective background" color. */ | ||
- | color: | + | color: white; |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | ||
- | background-color: | + | background-color: #003300; /* Side menu selected item. */ |
- | color: | + | color: white; |
} | } | ||
/*-----------------------------------------------------------------------------------------------*/ | /*-----------------------------------------------------------------------------------------------*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<body> | <body> | ||
<div id="header"> | <div id="header"> | ||
- | <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="900" HEIGHT="207" id="https://static.igem.org/mediawiki/igem.org/d/de/Banner_lcg.swf"><PARAM NAME=movie VALUE="https://static.igem.org/mediawiki/ | + | <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="900" HEIGHT="207" id="https://static.igem.org/mediawiki/igem.org/d/de/Banner_lcg.swf"><PARAM NAME=movie VALUE="https://static.igem.org/mediawiki/2009/9/94/LCG-UNAM-Mexico-banner.swf"><PARAM NAME=quality VALUE=high><PARAM NAME=bgcolor VALUE=#FFFFFF><EMBED href="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> </div> |
- | + | <!-- Begin of Script-Free 3-Level Menu 1.3 Example --> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div class="MenuBar" id="LCG"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/intento1" onMouseOver="window.status= 'Click here to return Home'; return true;">Home | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Project">Project | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <ul class="DropDownMenu" id="Ddm1"> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Parts"><span><span>Parts</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Resources"><span><span>Resources</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Description"><span><span>Description</span></span></a></li> | ||
+ | <ul class= "SideMenu" id="Sm1"> | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Description"><span><span>Design</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Description"><span><span>Delivery</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Description"><span><span>Defense</span></span></a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Record">Record | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Team">Team | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <ul class="DropDownMenu" id="Ddm2"> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Team"><span><span>Aknowledgments</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Team"><span><span>Collaborations</span></span></a></li> | ||
+ | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Team"><span><span>Sponsors</span></span></a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Line 398: | Line 283: | ||
|-valign="top" border="0" | |-valign="top" border="0" | ||
|width="650px" style="padding: 0 20px 0 0;"| | |width="650px" style="padding: 0 20px 0 0;"| | ||
- | |||
=='''The Project'''== | =='''The Project'''== | ||
Line 412: | Line 296: | ||
We will implement a stochastic population model to simulate the infection processes and quantify the efficiency of our system. | We will implement a stochastic population model to simulate the infection processes and quantify the efficiency of our system. | ||
- | |||
|width="250px"| | |width="250px"| | ||
Line 418: | Line 301: | ||
- | + | ==Sponsors== | |
- | + | ||
- | == | + | |
<html> | <html> | ||
<style> | <style> |
Revision as of 20:50, 1 October 2009
The ProjectBacteriophage infection represents a common matter in science and industry. We propose to contend with such infections at a population level by triggering a defense system delivered by an engineered version of the satellite phage P4. This phage will be produced into an E. coli strain which harbors some genes from the helper phage P2 that are used for complementing and completing P4 life cycle, hence creating a production line of our version of P4. This will enable phage production and subsequent delivery of the defense system into wild-type E. coli and possibly other bacterial host strains. The defense will consist of DNA and RNA degradation by toxins which will be activated by T3 or T7 RNA-Polymerases and transcribed fast enough to stop phage assembly and scattering in the environment. Moreover, the system includes the spread of a quorum sensing signal, hence "warning" the population to prepare against further T3 or T7 infection. We will implement a stochastic population model to simulate the infection processes and quantify the efficiency of our system. |
Sponsors
[http://www.lcg.unam.mx Genomic Sciences Undergraduate program]
[http://www.ccg.unam.mx Center for Genomic Sciences]
[http://www.unam.mx/ UNAM]
[http://en.wikipedia.org/wiki/Cuernavaca Cuernavaca] |