Team:LCG-UNAM-Mexico

From 2009.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
<head>
 +
 +
<!--Script for looking for mimeTypes (Flash player!!!)-->
 +
<script language="JavaScript">
 +
var mime;
 +
 +
if(navigator.mimeTypes != 0){
 +
mime = "mimeTypes";
 +
}
 +
else{
 +
mime="noMimeTypes";
 +
document.write("Sorry, no flash" + mime);
 +
}
 +
<!--Script for changing images-->
 +
function mouseOver(){
 +
document.getElementById("b1").src ="https://static.igem.org/mediawiki/2009/6/64/Phages_flash_player_b.png";
 +
}
 +
function mouseOut(){
 +
document.getElementById("b1").src ="https://static.igem.org/mediawiki/2009/b/b2/Phages_flash_player_a.png";
 +
}
 +
 +
function mouseOver2(){
 +
document.getElementById("b2").src ="https://static.igem.org/mediawiki/2009/2/2e/Nonflash_b.png";
 +
}
 +
function mouseOut2(){
 +
document.getElementById("b2").src ="https://static.igem.org/mediawiki/2009/d/d0/Nonflash_a.png";
 +
}
 +
 +
 +
</script>
 +
 +
 +
</head>
<style>
<style>
 +
body{
 +
background:url(https://static.igem.org/mediawiki/2009/a/a8/BG4.png) repeat top left;
 +
}
h1.firstHeading { display: none; }
h1.firstHeading { display: none; }
Line 18: Line 54:
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 102:
/*------------------------------------------------------------------------------------- Menu Bar */
/*------------------------------------------------------------------------------------- Menu Bar */
div.MenuBar {
div.MenuBar {
-
  font: arial, helvetica, sans-serif;
+
font: 13px Arial, Helvetica, sans-serif;
-
   height: 30px;
+
   height: 25px; /* Total height 27px. */
-
  width: 900px;
+
  width: 900px;
-
  background: #659D32;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  margin: 0.5em auto;
+
-
 
+
-
  background: #659D32;
+
}
}
div.MenuBar ul li {
div.MenuBar ul li {
-
  font: arial, helvetica, sans-serif;
+
display:block;
-
  display: block;
+
font: Arial;
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
   float: left;
   float: left;
-
   background: #659D32;
+
   list-style-type: none !important;
-
  text-align: center;
+
   margin: 0 !important;
-
   width: 10em;
+
   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, helvetica, sans-serif;
+
font: Arial;
   display: block;
   display: block;
-
  background: #659D32;
+
   height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
-
   height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
-
  color: #ffffff;
+
   padding-top: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-bottom: 4px;
-
   padding-left: 1em; /* Sets the left space between top-level items. */
+
   padding-left: 5em; /* Sets the left space between top-level items. */
-
   padding-right: 1em; /* Sets the right space between top-level items. */
+
   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: 0em; /* Drop-down menu width.
+
   width: 13em; /* Drop-down menu width.
                   Use MenuTailor.css to customize. */
                   Use MenuTailor.css to customize. */
-
  height: 0em;
+
   padding: 0px; /* Sets the drop-down menu "effective border" width. */
-
   padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
   position: absolute;
-
   position: absolute;  
+
   top: 25px; /* Places the drop-down menu under the menu bar.
-
   top: 23px; /* Places the drop-down menu under the menu bar.
+
                 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. */
-
  background-color: #659D32; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
 
}
}
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: 10em; /* Keep it sync with the drop-down menu width.
+
font: Arial;
-
                            Use MenuTailor.css to customize. */
+
   width: 13em; /* Keep it sync with the drop-down menu width.
-
  height: 1em;
+
                  Use MenuTailor.css to customize. */
   padding-left: 0;
   padding-left: 0;
   padding-right: 0;
   padding-right: 0;
-
   background-color: #659D32; /* Selected item. */
+
}
-
  color: #FFFFFF;
+
 
 +
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 156:
   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: right; /* Aligns the >> symbol to the right. */
+
   text-align: left; /* Aligns the >> symbol to the right. */
-
}
+
-
ul.DropDownMenu li a span span {
+
-
  float: left; /* Aligns the text (back) to the left. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  height: 20px;
+
-
  color: #FFFFFF;
+
}
}
/*----------------------------------------------------------------------------------- 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: 1px; /* Sets the side menu "effective border" width. */
+
   padding: 0px; /* Sets the side menu "effective border" width. */
   position: absolute;
   position: absolute;
-
   top: -6px; /* Aligns the side menu to its drop-down menu item.
+
   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.
+
                Keep it sync with the drop-down menu width.
-
                            Use MenuTailor.css to customize. */
+
                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. */
+
                  Use MenuTailor.css to customize. */
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  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 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;
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
 
-
  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. */
 
}
}
/*----------------------------------------------------------------------------- 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; /* Required for IE55 and IE6.
+
   float: left; /* For IE55 and IE6.
-
                            Breaks O9.
+
                  Breaks O9.
-
                            Hidden (* html) from non-IE browsers. */
+
                  Hidden (* html) from non-IE browsers. */
}
}
-
* html ul.DropDownMenu li a:hover {
+
html ul.DropDownMenu li a:hover {
-
   cursor: hand; /* Required for IE55.
+
   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; /* Required for IE6 and IE7.
+
   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 {
+
html div.MenuBar a:hover {
-
   text-decoration: none; /* Required for IE55 and IE6.
+
   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,
-
* html div.MenuBar ul li table td {
+
html div.MenuBar ul li table td {
-
   border: 0; /* Required for IE55 and IE6.
+
   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: Menu;
+
width 900px;
-
   border-bottom: 1px solid ButtonShadow;
+
   background-color: #659D32;
 +
   border-color: #659D32;
}
}
div.MenuBar a {
div.MenuBar a {
-
  background-color: Menu; /* Top-level unselected items. */
+
    background-color: #659D32; /* Top-level unselected items. */
-
   color: MenuText;
+
   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 {
-
  color: #ea7f16;
+
   background-color: #003300; /* Top-level selected item. */
-
   background-color: Highlight; /* Top-level selected item. */
+
   color: white;
-
   color: HighlightText;
+
}
}
 +
/*...............................................................................................*/
/*...............................................................................................*/
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: ButtonShadow; /* Sets the drop-down menu "effective border" 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: Menu; Drop-down menu unselected items.
+
   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: MenuText;
+
   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: Highlight; /* Drop-down menu selected item. */
+
   background-color: #003300; /* Drop-down menu selected item. */
-
   color: HighlightText;
+
   color: white;
}
}
/*...............................................................................................*/
/*...............................................................................................*/
Line 204: Line 251:
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: Menu; /* Side menu unselected items.
+
   background-color: #659D32; /* Side menu unselected items.
                             Sets the side menu "effective background" color. */
                             Sets the side menu "effective background" color. */
-
   color: MenuText;
+
   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: Highlight; /* Side menu selected item. */
+
   background-color: #003300; /* Side menu selected item. */
-
   color: HighlightText;  
+
   color: white;
}
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
-
/*Script-Free 3-Level Menu 1.2 Tailor
 
-
  www.CesarDaniel.info
 
-
/*-------------------------------------------------------------------------------------- General */
 
-
body {
 
-
  background: white;
 
-
  color: #659D32;
 
-
  margin: 0;
 
-
  border: 0;
 
-
  padding: 0;
 
-
}
 
-
div.MenuBar {
+
</style>
-
  font: 13px arial, helvetica, sans-serif;
+
<body>
-
}
+
-
div.MenuBar ul {
+
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
}
+
-
/*--------------------------------------------------------------------------------------- Colors */
+
-
div.MenuBar {
+
-
  background-color: #659D32; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
  border-bottom: 1px solid ButtonShadow;
+
-
}
+
-
div.MenuBar a,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu 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 {
+
-
  background-color: #659D32; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover a,
+
-
div.MenuBar ul li a:hover,
+
-
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: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 {
+
-
  background-color: #003300; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
+
-
}
+
-
/*--------------------------------------------------------------------------------------- Widths */
+
-
/*
+
-
/*
 
-
Menu Bar 1
 
-
Drop-Down Menu #2
 
-
*/
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
 
-
  width: 11em; /* Drop-down menu width. */
 
-
}
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
 
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
 
-
  width: 12em; /* Drop-down menu width. */
 
-
}
 
-
/*...............................................................................................*/
+
<!-- Begin of Checking for Flash availability -->
-
/*
+
 
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #1
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
+
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #3
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
+
-
  left: 13em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
+
-
  width: 13em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
</style>
 
-
<body>
 
-
<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/igem.org/d/de/Banner_lcg.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>
 
-
<div class='MenuBar' id="navi">
 
-
<ul>
 
-
<li>
 
-
<a href="https://2009.igem.org/Team:LCG-UNAM-Mexico" style="color: white">Home
 
-
<!--[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" style="color: white">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="MB1-DDM6">
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Overview</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Advisors</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Undergrads</span></span></a></li>
 
-
</ul>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
-
<li>
 
-
<a href="https://2009.igem.org/Team:LCG-UNAM-Mexico" style="color: white">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="MB1-DDM1">
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Main Idea</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Methods</span></span></a>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Results</span></span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Parts></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
 
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 
-
<ul class="SideMenu" id="MB1-DDM2-SM3">
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span>Registry</span></a></li>
 
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span>Characterization</span></a></li>
 
-
</ul>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
-
</li>
 
 +
 +
<script language="JavaScript">
 +
        <!--document.write("funciono");-->
 +
if(mime=="mimeTypes"){
 +
if(navigator.mimeTypes["application/x-shockwave-flash"]){
 +
<!--document.write("Yey!!! tengo flash mira!!!" + mime);-->
 +
document.write('<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/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>');
 +
 +
}
 +
}
-
<li>
+
else{
-
<a href="https://2009.igem.org/Team:LCG-UNAM-Mexico" style="color: white">Modelling<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
mime="noMimeTypes";
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
<!--document.write("Sorry, no flash" + mime);-->
-
<ul class="DropDownMenu" id="MB1-DDM3">
+
document.write('<table border="0" width="900" cellpadding="80"><tr><th><a href="http://get.adobe.com/es/flashplayer/"><img border="0" height="172" width="200" src="https://static.igem.org/mediawiki/2009/b/b2/Phages_flash_player_a.png" id="b1" onmouseover="mouseOver()" onmouseout="mouseOut()"></a></th><th><p><a href"Flashless.html"><img border="0" height="172" width="200" src="https://static.igem.org/mediawiki/2009/d/d0/Nonflash_a.png" id="b2" onmouseover="mouseOver2()" onmouseout="mouseOut2()"></a></th></tr></table>');
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Overview</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Molecular Model</span></span></a></li>
+
-
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico"><span><span>Population Model</span></span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2009.igem.org/Team:LCG-UNAM-Mexico" style="color: white">Notebook
+
-
<!--[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>
+
-
</ul>
+
 +
}
 +
</script>
-
</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 406: Line 359:
=='''The Project'''==
=='''The Project'''==
-
Bacteriophage infection represents an interesting process in science and industry. The idea of being able to contend at a population level with such infections is the main motivation of the development of our project.
 
-
We plan to modify an Escherichia coli phage in order to deliver genetic material codifying for a construction against other phages, taking advantage of some of their own properties!!! The purpose of this construction is to make a bacterial to fight back against the spreading of some phage by triggering on a cellular death response when a cell encounters a specific component of the phage. Such response will be faster than the formation process of viral particles preventing the death of the bacterial population.  
+
Bacteriophage 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 population resistance can be seen as a sort of "vaccine" that will hold back the process of infection. The design of the delivery system includes the use the P4 phage and its auxiliary genes present in the P2 helper phage. In the case of the "vaccine" construct, the cellular death response will be induced by the presence of T3 or T7 RNA polymerases which will also turn on the transcription of toxines used for the degradation of DNA and RNA to stop the phage´s genetic material from assembling and scattering in the environment.  
+
This will enable phage production and subsequent delivery of the defense system into wild-type E. coli and possibly other bacterial host strains.
-
Furthermore, we will implement a stochastic population model based on the basic properties of the bacterial cells and the phages such as movement, reproduction, etc., this will allow us to simulate the infection processes and quantify the efficiency of our system. A possible extention of the system includes the expansion of an AHL signal through the quorum sensing system of Vibrio fischeri in which the population will be "warned" to prepare against the viral infection in the presence of T3 or T7.  
+
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.
-
==About us==
+
Moreover, the system includes the spread of a quorum sensing signal, hence "warning" the population to prepare against further T3 or T7 infection.
-
Hi, welcome to our site! We are students from the undergraduate program in Genomic Sciences which is part of the National Autonomous University of Mexico. We are working on the official version of the wiki. Here you will find advances and general information about our project.
+
 
 +
We will implement a stochastic population model to simulate the infection processes and quantify the efficiency of our system.
|width="250px"|
|width="250px"|
Line 421: Line 375:
-
==News==
+
==Links==
-
 
+
-
-Sadly we have no news, but stay in touch!!!!
+
-
 
+
-
==Sponsors==
+
<html>
<html>
<style>
<style>
Line 434: Line 384:
</style>
</style>
</html>
</html>
-
[[image:Ccg_logo.png|center|100px|https://static.igem.org/mediawiki/2009/7/71/Ccg_logo.png]]
 
-
<p style="text-align: center;">[http://www.ccg.unam.mx Centro de Ciencias Genomicas]</p>
 
-
[[image:Lcg_logo.png|center|100px|https://static.igem.org/mediawiki/2009/e/ef/Lcg_logo.png]]
+
[[image:Lcg_logo.png|center|https://static.igem.org/mediawiki/2009/0/0d/Lcg_logo.png]]
<p style="text-align: center;">[http://www.lcg.unam.mx Genomic Sciences Undergraduate program]</p>
<p style="text-align: center;">[http://www.lcg.unam.mx Genomic Sciences Undergraduate program]</p>
-
[[image:Unam.gif|center|100px|https://static.igem.org/mediawiki/2009/a/a1/Unam.gif]]
+
 
 +
[[image:Ccg_logo.png|center|https://static.igem.org/mediawiki/2009/7/71/Ccg_logo.png]]
 +
<p style="text-align: center;">[http://www.ccg.unam.mx Center for Genomic Sciences]</p>
 +
 
 +
 
 +
[[image:UNAM_mini1.png|center|100px|https://static.igem.org/mediawiki/2009/3/36/UNAM_mini1.png]]
<p style="text-align: center;">[http://www.unam.mx/ UNAM]</p>
<p style="text-align: center;">[http://www.unam.mx/ UNAM]</p>
 +
 +
[[image:Cuernavaca.png|center|https://static.igem.org/mediawiki/2009/3/3b/Cuernavaca.png]]
 +
<p style="text-align: center;">[http://en.wikipedia.org/wiki/Cuernavaca Cuernavaca]</p>
|}
|}
 +
 +
 +
 +
 +
<html>
 +
<header>
 +
 +
<script language="JavaScript">
 +
function mouseOver_right(){
 +
document.getElementById("right").src ="https://static.igem.org/mediawiki/2009/3/33/Flecha_right_b.png";
 +
}
 +
function mouseOut_right(){
 +
document.getElementById("right").src ="https://static.igem.org/mediawiki/2009/a/af/Flecha_right.png";
 +
}
 +
 +
function mouseOver_home(){
 +
document.getElementById("home").src ="https://static.igem.org/mediawiki/2009/4/41/Home_LCG_UNAM_b.png";
 +
}
 +
function mouseOut_home(){
 +
document.getElementById("home").src ="https://static.igem.org/mediawiki/2009/4/41/Home_LCG_UNAM.png";
 +
}
 +
 +
function mouseOver_left(){
 +
document.getElementById("left").src ="https://static.igem.org/mediawiki/2009/4/41/Flecha_left_b.png";
 +
}
 +
function mouseOut_left(){
 +
document.getElementById("left").src ="https://static.igem.org/mediawiki/2009/d/d5/Flecha_left.png";
 +
}
 +
</script>
 +
</header>
 +
 +
<style>
 +
#bodyContent { padding: 10px auto; width: 900px; margin: auto; clear: none; }
 +
</style>
 +
 +
<body>
 +
<table border="0" align="center" width="900" cellpadding="50"><tr><th><a href=""><img border="0"  src="https://static.igem.org/mediawiki/2009/d/d5/Flecha_left.png" id="left" onmouseover="mouseOver_left()" onmouseout="mouseOut_left()"></a></th><th><a href="https://2009.igem.org/wiki/index.php?title=Team:LCG-UNAM-Mexico/intento1"><img border="0"  src="https://static.igem.org/mediawiki/2009/4/41/Home_LCG_UNAM.png" id="home" onmouseover="mouseOver_home()" onmouseout="mouseOut_home()"></a></th><th><a href="#" onCLick="window.history.go(-1); return false;"><img border="0" src="https://static.igem.org/mediawiki/2009/a/af/Flecha_right.png" id="right" onmouseover="mouseOver_right()" onmouseout="mouseOut_right()"></a></th></tr></table>
 +
</body>
 +
</html>

Revision as of 07:26, 6 October 2009


The Project

Bacteriophage 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.


Links

https://static.igem.org/mediawiki/2009/0/0d/Lcg_logo.png

[http://www.lcg.unam.mx Genomic Sciences Undergraduate program]


https://static.igem.org/mediawiki/2009/7/71/Ccg_logo.png

[http://www.ccg.unam.mx Center for Genomic Sciences]


https://static.igem.org/mediawiki/2009/3/36/UNAM_mini1.png

[http://www.unam.mx/ UNAM]


https://static.igem.org/mediawiki/2009/3/3b/Cuernavaca.png

[http://en.wikipedia.org/wiki/Cuernavaca Cuernavaca]