Team:CIDEB-UANL Mexico/Test2

From 2012hs.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:CIDEB-UANL_Mexico/Templates/Header}}
{{:Team:CIDEB-UANL_Mexico/Templates/Header}}
{{:Team:CIDEB-UANL_Mexico/Templates/Menu}}
{{:Team:CIDEB-UANL_Mexico/Templates/Menu}}
 +
{{:Team:CIDEB-UANL_Mexico/Templates/Style}}
<html>
<html>
Line 19: Line 20:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
   <title>Team: UANL_Mty-Mexico</title>
+
   <title>Team: CIDEB-UANL Mexico</title>
    
    
<META NAME="keywords" CONTENT="">
<META NAME="keywords" CONTENT="">
Line 28: Line 29:
    
    
 +
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery-1.3.2.min.js"></script>
-
<style>
+
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery-1.3.2.min.js"></script>
-
@charset "UTF-8";
+
-
/* SLIMBOX */
+
<script type='text/javascript' src='http://www.asebiogen.org/igemuanl/jquery.easing.1.3.js'></script>
-
 
+
<script type='text/javascript' src='http://www.asebiogen.org/igemuanl/jquery.slideup.menu.1.0.min.js'></script>
-
#lbOverlay {
+
-
position: fixed;
+
-
z-index: 9999;
+
-
left: 0;
+
-
top: 0;
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: #000;
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
#lbCenter, #lbBottomContainer {
+
-
position: absolute;
+
-
z-index: 9999;
+
-
overflow: hidden;
+
-
background-color: #fff;
+
-
}
+
-
 
+
-
.lbLoading {
+
-
background: #fff url(images/loading.gif) no-repeat center;
+
-
}
+
-
 
+
-
#lbImage {
+
-
position: absolute;
+
-
left: 0;
+
-
top: 0;
+
-
border: 10px solid #fff;
+
-
background-repeat: no-repeat;
+
-
}
+
-
 
+
-
#lbPrevLink, #lbNextLink {
+
-
display: block;
+
-
position: absolute;
+
-
top: 0;
+
-
width: 50%;
+
-
outline: none;
+
-
}
+
-
 
+
-
#lbPrevLink {
+
-
left: 0;
+
-
}
+
-
 
+
-
#lbPrevLink:hover {
+
-
background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
+
-
}
+
-
 
+
-
#lbNextLink {
+
-
right: 0;
+
-
}
+
-
 
+
-
#lbNextLink:hover {
+
-
background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
+
-
}
+
-
 
+
-
#lbBottom {
+
-
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
+
-
font-size: 10px;
+
-
color: #666;
+
-
line-height: 1.4em;
+
-
text-align: left;
+
-
border: 10px solid #fff;
+
-
border-top-style: none;
+
-
}
+
-
 
+
-
#lbCloseLink {
+
-
display: block;
+
-
float: right;
+
-
width: 66px;
+
-
height: 22px;
+
-
background: transparent url(images/closelabel.gif) no-repeat center;
+
-
margin: 5px 0;
+
-
outline: none;
+
-
}
+
-
 
+
-
#lbCaption, #lbNumber {
+
-
margin-right: 71px;
+
-
}
+
-
 
+
-
#lbCaption {
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
/*Slimbox ENDS HERE */
+
-
 
+
-
/* CSS Document */
+
-
 
+
-
/* LIGHTBOX */
+
-
 
+
-
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
+
-
#lightbox img{ width: auto; height: auto;}
+
-
#lightbox a img{ border: none; }
+
-
 
+
-
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
+
-
#imageContainer{ padding: 10px; }
+
-
 
+
-
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
+
-
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
+
-
#imageContainer>#hoverNav{ left: 0;}
+
-
#hoverNav a{ outline: none;}
+
-
 
+
-
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(http://www.genobiotec2011.org/iGEMwiki/image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
+
-
#prevLink { left: 0; float: left;}
+
-
#nextLink { right: 0; float: right;}
+
-
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.genobiotec2011.org/iGEMwiki//images/prevlabel.gif) left 15% no-repeat; }
+
-
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.genobiotec2011.org/iGEMwiki//images/nextlabel.gif) right 15% no-repeat; }
+
-
 
+
-
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
+
-
 
+
-
#imageData{ padding:0 10px; color: #666; }
+
-
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
+
-
#imageData #caption{ font-weight: bold; }
+
-
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
+
-
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
+
-
 
+
-
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
+
-
 
+
-
 
+
-
/* --------- END OF LIGHT BOX */
+
-
 
+
-
.lateral-button {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #036;
+
-
text-decoration: none;
+
-
+
-
padding-top: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
margin: 2px;
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  cursor: pointer;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
.lateral-button:hover {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bolder;
+
-
color: #036;
+
-
text-decoration:underline;
+
-
background-color:#CCC;
+
-
color:#000;
+
-
+
-
padding-top: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
margin: 2px;
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  cursor: pointer;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
.lateral-button a {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #036;
+
-
text-decoration: none;
+
-
+
-
padding-top: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
margin: 2px;
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  cursor: pointer;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
.lateral-button:hover a {
+
-
font-family: Verdana, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bolder;
+
-
color: #036;
+
-
text-decoration:underline;
+
-
background-color:#CCC;
+
-
color:#000;
+
-
+
-
padding-top: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
margin: 2px;
+
-
-webkit-border-radius: 5px;
+
-
-moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
-
  cursor: pointer;
+
-
  text-align: center;
+
-
}
+
-
 
+
-
 
+
-
/* Wiki Hacks - START */
+
-
/* Author: Pieter van Boheemen */
+
-
/* Team: TU Delft */
+
-
 
+
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
+
-
 
+
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
+
-
 
+
-
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
+
-
 
+
-
#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
+
-
padding:0; border: none; font-size: 10px}
+
-
 
+
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
-
 
+
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
-
 
+
-
/*
+
-
.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
+
-
.left-menu ul { border: none; }
+
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.right-menu ul { border: none; width: 300px;}
+
-
*/
+
-
 
+
-
#footer-box { background-image: url(http://www.genobiotec2011.org/iGEMwiki/images/back.jpg); background-color: #000000; width: 100%; margin: -10px; padding: 20px 0; display: none;}
+
-
 
+
-
.visualClear { display: none; }
+
-
 
+
-
#search-controls { display:none; }
+
-
 
+
-
h3#siteSub { display: none;}
+
-
#contentSub {display: none;}
+
-
//p:first-child { display: none;}
+
-
 
+
-
 
+
-
#footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
+
-
.firstHeading { display: none;}
+
-
#f-list a { color: #333; font-size: 10px;}
+
-
#f-list a:hover { color: #666; height: 100px;}
+
-
.printfooter { display: none; }
+
-
#footer ul { margin: 0; padding: 0;}
+
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
+
-
/* Wiki Hacks - END */
+
-
 
+
-
 
+
-
body {
+
-
margin: 0;
+
-
padding: 0;
+
-
color: #333;
+
-
font-family: tahoma, arial;
+
-
font-size: 10px;
+
-
background-color: #4E9258;
+
-
 
+
-
}
+
-
 
+
-
a {
+
-
color: #fff;
+
-
text-decoration: none;
+
-
font-size: 10px;
+
-
}
+
-
 
+
-
/* float clearing for IE6 */
+
-
* html .clearfix{
+
-
  height: 1%;
+
-
  overflow: visible;
+
-
}
+
-
 
+
-
/* float clearing for IE7 */
+
-
*+html .clearfix{
+
-
  min-height: 1%;
+
-
}
+
-
 
+
-
/* float clearing for everyone else */
+
-
.clearfix:after{
+
-
clear: both;
+
-
content: ".";
+
-
display: block;
+
-
height: 0;
+
-
visibility: hidden;
+
-
font-size: 0;
+
-
color: #066;
+
-
}
+
-
 
+
-
ul.top-menu-main {
+
-
  margin: auto;
+
-
  width: 800px;
+
-
}
+
-
 
+
-
ul.top-menu-main > li {
+
-
  margin: 0 10px;
+
-
}
+
-
 
+
-
.top-menu {
+
-
  font-family: "Arial Narrow", Georgia, Tahoma, arial;
+
-
  text-transform: uppercase;
+
-
  font-size: 14px;
+
-
  font-weight: bold;
+
-
  background: #fff;
+
-
  height: 37px;
+
-
  border-bottom: 1px solid #333;
+
-
}
+
-
 
+
-
.header {
+
-
width: 964px;
+
-
height: 203px;
+
-
margin: auto;
+
-
-moz-box-shadow: 0 0 8px #777;
+
-
-webkit-box-shadow: 0 0 8px #777;
+
-
box-shadow: 0 -5px 10px #777;
+
-
z-index: 0;
+
-
}
+
-
 
+
-
.content {
+
-
width: 964px;
+
-
margin: auto;
+
-
background-color: #FFF;
+
-
font-size: 12px;
+
-
z-index: 10;
+
-
text-align: center;
+
-
padding-bottom: 10px;
+
-
}
+
-
 
+
-
 
+
-
.content3 {
+
-
width: 950px;
+
-
margin: auto;
+
-
font-size: 10px;
+
-
border-bottom-color: #0C0;
+
-
color: #FFF;
+
-
text-align: center;
+
-
padding-top: 5px;
+
-
padding-right: 0px;
+
-
padding-bottom: 0;
+
-
padding-left: 0px;
+
-
}
+
-
 
+
-
.content .main {
+
-
padding-top: 0px;
+
-
padding-right: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
}
+
-
 
+
-
.donate {
+
-
  padding: 5px;
+
-
  background: #cfcfcf;
+
-
  color: #333;
+
-
  -webkit-border-radius: 5px;
+
-
  -moz-border-radius: 5px;
+
-
  border-radius: 5px;
+
    
    
-
}
+
 
-
.donate > div {
+
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery.scroll-follow.js"></script>  
-
  padding: 10px;
+
-
  position: relative; float: left; width : 700px;
+
-
  font-style: italic;
+
-
}
+
-
.s-menu {
+
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/slimbox2/js/slimbox2.js"></script>
-
margin: 0;
+
-
padding: 0;
+
-
margin-top: 20px;
+
-
color: #036;
+
-
  text-decoration: none;
+
-
}
+
-
.s-menu li {
 
-
  text-decoration: none;
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
  -webkit-border-radius: 5px;
 
-
  -moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
width: 180px;
 
-
}
 
-
.s-menu li.last {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
.s-menu li:hover {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
.img-holder {
 
-
float: none;
 
-
padding: 5px;
 
-
margin-bottom: 40px;
 
-
text-align:justify;
 
-
border: 2px solid #036;
 
-
background-color: #FFF;
 
-
}
 
-
 
-
.s-menu li a {
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
border-radius: 5px;
 
-
cursor: pointer;
 
-
text-align: center;
 
-
color: #036;
 
-
font-size: 12px;
 
-
 
-
 
-
}
 
-
.s-menu li:hover a {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
font-size: 12px;
 
-
}
 
-
 
-
 
-
 
-
.col-1-3 {
 
-
width: 200;
 
-
/*margin-right: 2%;*/
 
-
position: relative;
 
-
float: right;
 
-
font-size: 12px;
 
-
color: #FFF;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
 
-
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
.sidebar1 {
 
-
float: left;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
.sidebar2 {
 
-
float: right;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
.content .main .clearfix .content2 {
 
-
text-align: justify;
 
-
width: 750px;
 
-
font-size: 14px;
 
-
border-left-color: #000;
 
-
}
 
-
.content .main .clearfix .content2 title {
 
-
font-size: 20px;
 
-
}
 
-
 
-
 
-
#footer-leftColumn {
 
-
float:left;
 
-
width:317px;
 
-
padding-left: 0px;
 
-
text-align: left;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-middleColumn {
 
-
float:left;
 
-
width:330px;
 
-
padding-left: 0px;
 
-
text-align: center;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-rightColumn {
 
-
float:right;
 
-
width:260px;
 
-
padding-left: 0px;
 
-
text-align: right;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#twitter-box {
 
-
text-align:center;
 
-
width: 200px;
 
-
 
-
}
 
-
 
-
#clustrmaps-widget {
 
-
text-align:center;
 
-
width:200px;
 
-
padding-left: 50px;
 
-
}
 
-
 
-
#leftColumn {
 
-
float:left;
 
-
width:700px;
 
-
text-align: justify;
 
-
padding-top: 10px;
 
-
padding-right: 0px;
 
-
padding-bottom: 0px;
 
-
padding-left: 0px;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
 
-
 
-
#rightColumn {
 
-
float:right;
 
-
width:200px;
 
-
text-align: center;
 
-
padding-top: 5px;
 
-
position: relative;
 
-
}
 
-
 
-
#social-div {
 
-
text-align: right;
 
-
float:right;
 
-
}
 
-
 
-
#twitter-top {
 
-
text-align: right;
 
-
 
-
}
 
-
 
-
#footer-middleColumn a {
 
-
color: #ffffff;
 
-
text-decoration:underline;
 
-
font-weight:bolder;
 
-
}
 
-
 
-
#youtube-frame {
 
-
text-align:center;
 
-
 
-
}
 
-
 
-
#leftColumn1 {
 
-
 
-
}
 
-
 
-
#ColorHeader {
 
-
background-color:#FFF;
 
-
color: #333;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 5;
 
-
font-family: "Arial Black";
 
-
font-size: 30px;
 
-
}
 
-
 
-
#project-column p {
 
-
background-color:#FFF;
 
-
color:#000;
 
-
font: Tahoma;
 
-
font-size: 14px;
 
-
}
 
-
 
-
#project-column {
 
-
width:340px;
 
-
padding-top: 15;
 
-
padding-right: 15;
 
-
padding-bottom: 5;
 
-
padding-left: 0;
 
-
float: left;
 
-
}
 
-
 
-
#header-project-column {
 
-
background-color:#030;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-project-column {
 
-
 
-
}
 
-
 
-
#About-column {
 
-
float:left;
 
-
width:320px;
 
-
padding-top: 15;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 15px;
 
-
}
 
-
#header-about-column {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-about-column {
 
-
 
-
}
 
-
 
-
#content-about-column p {
 
-
background-color:#FFF;
 
-
color:#000;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
#content-about-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
}
 
-
 
-
 
-
#content-3 {
 
-
 
-
}
 
-
 
-
#header-content-3 {
 
-
background-color:#333;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-project-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
font-style: italic;
 
-
}
 
-
 
-
#outline-header {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
}
 
-
 
-
#outline-content {
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
TU_Delft stqrts here
 
-
 
-
 
-
 
-
#TUD-footer-content div {
 
-
line-height: 12px;
 
-
}
 
-
 
-
 
-
 
-
.br {
 
-
height: 5px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
.br2 {
 
-
height: 2px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
.TUD-footer-title {
 
-
font-weight: bold;
 
-
color: #019aed;
 
-
}
 
-
 
-
#TUD-footer-search form {
 
-
margin: 0;
 
-
padding: 0;
 
-
font-size: 10px;
 
-
}
 
-
 
-
#TUD-footer-search form #searchInput {
 
-
background-color: #4db7f1;
 
-
border: 1px solid #000;
 
-
width: 100%;
 
-
}
 
-
 
-
#TUD-footer-search form .searchButton {
 
-
margin-top: 4px;
 
-
font-size: 11px;
 
-
background-color: #266c96;
 
-
border: 1px solid #000;
 
-
color: #4db7f1;
 
-
padding: 2px;
 
-
}
 
-
 
-
#left-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
font-style: italic;
 
-
}
 
-
 
-
 
-
 
-
TU_Delft ends here
 
-
 
-
 
-
 
-
<style type="text/css">
 
-
body {
 
-
background-color: #000;
 
-
position: 950;
 
-
}
 
-
.header1 {
 
-
width: 950px;
 
-
height: 203px;
 
-
margin: auto;
 
-
-moz-box-shadow: 0 0 8px #777;
 
-
-webkit-box-shadow: 0 0 8px #777;
 
-
box-shadow: 0 -5px 10px #777;
 
-
}
 
-
.textblack {
 
-
color: #000;
 
-
}
 
-
 
-
.footer-middleColumn-text {
 
-
text-decoration: underline;
 
-
font-size: 10px;
 
-
font-weight: bolder;
 
-
}
 
-
 
 
-
.content .main #leftColumn p a {
 
-
font-size: 15px;
 
-
color: #009;
 
-
}
 
-
 
-
.content .main #leftColumn p a:hover {
 
-
font-size: 15px;
 
-
color: #009;
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.content .main #leftColumn a {
 
-
font-size: 15px;
 
-
color: #009;
 
-
}
 
-
 
-
.content .main #leftColumn a:hover {
 
-
font-size: 15px;
 
-
color: #009;
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.content .main #leftColumn a.references-link {
 
-
font-size: 9px;
 
-
color: #009;
 
-
}
 
-
 
-
.content .main #leftColumn a.references-link:hover {
 
-
font-size: 9px;
 
-
color: #009;
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.content .main #leftColumn center .img-holder .img-holder-text {
 
-
font-size: 12px;
 
-
text-align:justify;
 
-
 
-
}
 
-
 
-
.subtitle {
 
-
font-family: "Arial Black";
 
-
color:#036;
 
-
font-size:17px;
 
-
}
 
-
 
-
.goBackToTop {
 
-
text-align:right;
 
-
float:right;
 
-
text-decoration:none;
 
-
font:Verdana, Geneva, sans-serif;
 
-
font-size:10px;
 
-
padding:5px;
 
-
}
 
-
 
-
.fasta {
 
-
font-family: Courier;
 
-
color: #333;
 
-
padding-left: 50px;
 
-
font-size:12px;
 
-
}
 
-
 
-
table {
 
-
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
 
-
border-collapse: collapse;
 
-
}
 
-
 
-
th {
 
-
padding: 0 0.5em;
 
-
text-align: left;
 
-
}
 
-
 
-
tr.yellow td {
 
-
border-top: 1px solid #FB7A31;
 
-
border-bottom: 1px solid #FB7A31;
 
-
background: #FFC;
 
-
font-weight:bold;
 
-
}
 
-
 
-
td {
 
-
border-bottom: 1px solid #CCC;
 
-
padding: 0 0.5em;
 
-
}
 
-
 
-
td.bold {
 
-
border-bottom: 1px solid #CCC;
 
-
padding: 0 0.5em;
 
-
font-weight:bold
 
-
}
 
-
 
-
td.width {
 
-
width: 120px;
 
-
}
 
-
 
-
td.adjacent {
 
-
border-left: 1px solid #CCC;
 
-
text-align: center;
 
-
}
 
-
 
-
td.right {
 
-
border-right: 1px solid #CCC;
 
-
text-align: center;
 
-
}
 
-
 
-
td.adjacent.a {
 
-
border-left: 1px solid #CCC;
 
-
text-align: center;
 
-
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
 
-
}
 
-
 
-
td.final {
 
-
border-left: 1px solid #CCC;
 
-
text-align: left;
 
-
}
 
-
 
-
td.final2 {
 
-
border-left: 1px solid #CCC;
 
-
border-right: 1px solid #CCC;
 
-
text-align: left;
 
-
}
 
-
 
-
td.justified {
 
-
border-left: 1px solid #CCC;
 
-
border-right: 1px solid #CCC;
 
-
text-align:justify;
 
-
}
 
-
 
-
.content .main #leftColumn table tr .adjacent a {
 
-
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
 
-
color: #009;
 
-
}
 
-
 
-
.content .main #leftColumn table tr .final a {
 
-
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
 
-
color: #009;
 
-
}
 
-
 
-
.content .main #leftColumn table tr .justified a {
 
-
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
 
-
color: #009;
 
-
}
 
-
 
-
.title-link a {
 
-
font-size: 16px;
 
-
color: #036;
 
-
font-weight:bold;
 
-
padding-top: 20px;
 
-
}
 
-
 
-
title-link a {
 
-
font-size: 16px;
 
-
color: #036;
 
-
font-weight:bold;
 
-
padding-top: 20px;
 
-
}
 
-
 
-
.left-text {
 
-
float:left
 
-
}
 
-
 
-
.right-image {
 
-
float:right;
 
-
 
-
}
 
-
 
-
.right-text {
 
-
float:right;
 
-
}
 
-
 
-
.left-image {
 
-
float:left;
 
-
 
-
}
 
-
 
-
.content .main #leftColumn .left-text a {
 
-
color: #00F;
 
-
font-size: 15px;
 
-
}
 
-
 
-
.content .main #leftColumn .left-text a:hover {
 
-
color: #00F;
 
-
font-size: 15px;
 
-
text-decoration:underline;
 
-
 
-
}
 
-
 
-
</style>
 
-
 
 
Line 1,039: Line 79:
<div class="br"></div><div class="br"></div>
<div class="br"></div><div class="br"></div>
<div class="br"></div><div class="br"></div>
<div class="br"></div><div class="br"></div>
 +
 +
 +
 +
Line 1,044: Line 88:
<div class="br2"></div><div class="br2"></div><div class="br2"></div>             
<div class="br2"></div><div class="br2"></div><div class="br2"></div>             
           <a name="Overview"></a>Overview
           <a name="Overview"></a>Overview
-
<div class="br2"></div><div class="br2"></div><div class="br2"></div>             
+
<div class="br2"></div><div class="br2"></div>             
       </div>
       </div>
 +
 +
<div class="br"></div><div class="br"></div>
     <p>We decided to follow a deterministic approach for the mathematical representation of our genetic circuits. The simulations were made using MATLAB’s Simulink, according to the following general expressions for the genetic inhibition and activation elements present in the ODE systems. These expressions were adapted from Mendes, P, <i>et al</i>., (2003).</p>
     <p>We decided to follow a deterministic approach for the mathematical representation of our genetic circuits. The simulations were made using MATLAB’s Simulink, according to the following general expressions for the genetic inhibition and activation elements present in the ODE systems. These expressions were adapted from Mendes, P, <i>et al</i>., (2003).</p>
<p>The effect of an inhibitor was modeled as follows:</p>
<p>The effect of an inhibitor was modeled as follows:</p>
Line 1,051: Line 97:
<center>
<center>
<div class = "img-holder" style="width:130px; font-size: 18px;">  
<div class = "img-holder" style="width:130px; font-size: 18px;">  
-
<a href="https://static.igem.org/mediawiki/2011/9/9d/1_Inhibitor_effect.gif" rel="lightbox">
+
<a href="https://static.igem.org/mediawiki/2012hs/8/88/533285_4046679406517_1353833067_n.jpg" rel="lightbox">
-
<img src="https://static.igem.org/mediawiki/2011/9/9d/1_Inhibitor_effect.gif"width="126px" height="44px" align="center">
+
<img src="https://static.igem.org/mediawiki/2012hs/8/88/533285_4046679406517_1353833067_n.jpg"width="126px" height="44px" align="center">
</a>
</a>
<span class="img-holder-text"><b></b> </div><div class="br">
<span class="img-holder-text"><b></b> </div><div class="br">
</center>
</center>
-
<p>where α is the maximum transcription rate of a gene, K is the dissociation constant of the inhibitor, I represents its concentration and n is its Hill coefficient.</p>
 
-
<p>In the other hand, the effect of an activator was expressed as follows:</p>
 
-
<center>
 
-
<div class = "img-holder" style="width:135px; font-size: 18px;">
 
-
<a href="https://static.igem.org/mediawiki/2011/4/41/2_Activator_effect.gif" rel="lightbox" >
 
-
<img src="https://static.igem.org/mediawiki/2011/4/41/2_Activator_effect.gif"width="130px" height="44px" align="center">
 
-
</a>
 
-
<span class="img-holder-text"><b></b> </div><div class="br">
 
-
</center>
 
-
<p>where α is also the maximum transcription rate of a gene, K is the dissociation constant of the activator, A represents its concentration and n is its Hill coefficient.</p>
 
-
<p>The maximum transcription rate is used instead of the basal transcription rate under the assumption that inducible promoters should not present significant basal activity and that repressible promoters are active at this maximum rate in the absence of an inhibitor. The maximum transcription rate was calculated according to the Team Beijing iGEM 2009 (<a href="https://2008.igem.org/Team:KULeuven/Model/Inverter">https://2009.igem.org/Team:PKU_Beijing/Modeling/Parameters</a>).</p>
 
-
<p>The general form of the differential equations used to model the change of the mRNA concentration of a gene is as follows:</p>
 
-
<center>
 
-
<div class = "img-holder" style="width:490px; font-size: 18px;">
 
-
<a href="https://static.igem.org/mediawiki/2011/a/ad/3_mRNA_concentration_change.gif" rel="lightbox" >
 
-
<img src="https://static.igem.org/mediawiki/2011/a/ad/3_mRNA_concentration_change.gif"width="482px" height="44px" alt="" align="center">
 
-
</a>
 
-
<span class="img-holder-text"><b></b> </div><div class="br">
 
-
</center>
 
-
<p>This general form represents an hypothetical gene, whose transcription is affected by an inhibitor I and an activator A. Different Hill Coefficients (n1 and n2) are used for the inhibitor and activator. The equation includes also the degradation rate, µ, for which we used the same numerical value for all the genes included in our circuits, cell division rate (1/30 min) plus substance degradation rate (1/4.4 min), as suggested by the Team Beijing iGEM 2009.</p>
 
-
<p>For the protein concentration differential equations we took into consideration the maximum translation rate, α<sub>T </sub>, (also calculated as suggested also by the Team Beijing iGEM), the degradation rate, µ<sub>T</sub> , and the rate of postranslational modifications, specifically, phosphorylations of some transcription factors.</p>
 
-
<p>Because all the genes in our circuits have been modified with a LVA tag, unless it is otherwise stated, all the protein degradation rates were considered to be equal to the cell division rate (1/30 min) plus the substance degradation rate (1/40 min, as suggested by Team Leuven iGEM 2008, <a href="https://2008.igem.org/Team:KULeuven/Model/Inverter">https://2008.igem.org/Team:KULeuven/Model/Inverter</a>)</p>
 
-
<p>The general form for the differential equation of protein concentration change the following:</p>
 
-
<center>
 
-
<div class = "img-holder" style="width:350px; font-size: 18px;">
 
-
<a href="https://static.igem.org/mediawiki/2011/3/39/4_Protein_concentration_change.gif" rel="lightbox">
 
-
<img src="https://static.igem.org/mediawiki/2011/3/39/4_Protein_concentration_change.gif"width="346px" height="39px" alt="" align="center">
 
-
</a>
 
-
<span class="img-holder-text"><b></b> </div><div class="br">
 
-
</center>
 
-
  <div id="header-project-column">
 
-
<div class="br2"></div><div class="br2"></div><div class="br2"></div>           
 
-
          <a name="References"></a>References
 
-
<div class="br2"></div><div class="br2"></div><div class="br2"></div>           
 
-
      </div>
 
-
<ol>
 
-
  <li>Mendes, P, et al., (2003), Artificial gene networks for objective comparison of analysis algorithms, BIOINFORMATICS, Vol. 19 Suppl. 2, pages ii122–ii129</li>
 
-
  <li>Team Beijing iGEM 2009 (<a href="https://2008.igem.org/Team:KULeuven/Model/Inverter">https://2009.igem.org/Team:PKU_Beijing/Modeling/Parameters</a>).</li>
 
-
  <li>Team Leuven iGEM 2008,<a href="https://2008.igem.org/Team:KULeuven/Model/Inverter">https://2008.igem.org/Team:KULeuven/Model/Inverter</a>)</li>
 
-
</ol>
 
Line 1,116: Line 122:
          
          
          
          
-
     <a href="#top" title="Go back to top"><img src="https://static.igem.org/mediawiki/igem.org/0/09/OurSymbol.png" width="200" height="160" alt="OurSymbol"></a>
+
     <a href="#top" title="Go back to top"><img src="https://static.igem.org/mediawiki/2012hs/1/1b/Khumus.jpg" width="150" height="300" alt="OurSymbol"></a>
      
      
  <div class="br"></div>
  <div class="br"></div>
Line 1,146: Line 152:
   </div>
   </div>
   
   
 +
<div id="footer1">
 +
      <p class="footer-text"> iGEM High School Division, 2012 edition - CIDEB-UANL_Mexico team </p>
 +
      </div>
 +
</div>
</div>

Latest revision as of 04:55, 17 June 2012

banner-main iGEM-logo
Team: UANL_Mty-Mexico

Team: CIDEB-UANL Mexico

Modelling
Overview

We decided to follow a deterministic approach for the mathematical representation of our genetic circuits. The simulations were made using MATLAB’s Simulink, according to the following general expressions for the genetic inhibition and activation elements present in the ODE systems. These expressions were adapted from Mendes, P, et al., (2003).

The effect of an inhibitor was modeled as follows: