Team:Tec-Monterrey/Project
From 2010.igem.org
(Difference between revisions)
(Prototype team page) |
m |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | + | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | |
- | + | <title>Tec de Monterrey </title> | |
+ | <style> | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <style> | ||
+ | html, body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #05182b; | ||
+ | background-position: top center; | ||
+ | } | ||
+ | |||
+ | /* Wiki Hacks - START */ | ||
+ | |||
+ | |||
+ | |||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | margin-top: -5px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-bottom: 10px; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #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: 400px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | #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 */ | ||
+ | |||
+ | #wrapper { | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #header_wrap { | ||
+ | width:100%; | ||
+ | height:107px; | ||
+ | } | ||
+ | |||
+ | #menu_wrap { | ||
+ | width:100%; | ||
+ | height:45px; | ||
+ | display:block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #content_wrap { | ||
+ | width:100%; | ||
+ | /* background-color: #fff; */ | ||
+ | margin-top: -24px; | ||
+ | display:block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #footer_wrap { | ||
+ | width:100%; | ||
+ | height:40px; | ||
+ | background-color: transparent; | ||
+ | display:block; | ||
+ | float: left; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | |||
+ | /* Footer START */ | ||
+ | |||
+ | #footer_wrap #copyright { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 300px; | ||
+ | text-align: center; | ||
+ | font-size: 10px; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | |||
+ | #footer_wrap #footer_links { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | width: 500px; | ||
+ | text-align: center; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #footer_links ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #footer_links ul li { | ||
+ | display: block; | ||
+ | list-style-type: none; | ||
+ | float:left; | ||
+ | padding: 0; | ||
+ | margin: 0 5px 0 5px; | ||
+ | } | ||
+ | |||
+ | #footer_links ul li a { | ||
+ | color: #ccc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #footer_links ul li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | /* Footer END */ | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #panel_mask { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | width: 1000px; | ||
+ | overflow:hidden; | ||
+ | margin:0 auto; | ||
+ | background-color: #05182b; | ||
+ | } | ||
+ | b{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .heading{ | ||
+ | color: #000; | ||
+ | font: 14px century gothic; | ||
+ | padding: 5px 5px 2px 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .header{ | ||
+ | z-index: 1; | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | height: 300px; | ||
+ | } | ||
+ | |||
+ | .menu{ | ||
+ | z-index: 5; | ||
+ | position: absolute; | ||
+ | top: 188px ; | ||
+ | font: 19px Arial; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menubg{ | ||
+ | position: absolute; | ||
+ | top: 220px; | ||
+ | background-color: #FFFFFF; | ||
+ | width: 966px; | ||
+ | height: 35px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=75); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:0.75; | ||
+ | z-index:2; | ||
+ | } | ||
+ | a:link{color: #fff;} | ||
+ | a:visited{color: #fff;} | ||
+ | a:active{color: #fff;} | ||
+ | |||
+ | .menubg .ft .c { | ||
+ | font-size:1px; /* ensure minimum height */ | ||
+ | height:13px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=100); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | .menubg .ft .c { | ||
+ | height:35px; | ||
+ | } | ||
+ | .menubg .ft { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/8/85/Bl.png) no-repeat 0px 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menubg .ft .c { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/b/bf/Br.png) no-repeat right 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .righ{ | ||
+ | float:right; | ||
+ | width:220px; | ||
+ | background-color:#FFFFFF; | ||
+ | margin:5px 0px 10px 5px; | ||
+ | } | ||
+ | .righ .bdy { | ||
+ | padding:0px 10px 0px 15px; | ||
+ | } | ||
+ | .righ .hd .g, | ||
+ | .righ .ft .c { | ||
+ | font-size:1px; /* ensure minimum height */ | ||
+ | height:13px; | ||
+ | } | ||
+ | |||
+ | .righ .ft .c { | ||
+ | height:14px; | ||
+ | } | ||
+ | .righ .ft { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/8/85/Bl.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | .righ .ft .c { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/b/bf/Br.png) no-repeat right 0px; | ||
+ | } | ||
+ | .righ .hd { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/9/9b/Tl.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | .righ .hd .g { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px; | ||
+ | } | ||
+ | |||
+ | .bbody{ | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width:965px; | ||
+ | |||
+ | |||
+ | } | ||
+ | .texteando{ | ||
+ | float:left; | ||
+ | width:715px; | ||
+ | background-color:#ffffff; | ||
+ | margin:5px 5px 10px 0px; | ||
+ | } | ||
+ | .texteando .bdy { | ||
+ | padding:0px 15px 0px 15px; | ||
+ | } | ||
+ | .texteando .hd .g, | ||
+ | .texteando .ft .c { | ||
+ | font-size:1px; /* ensure minimum height */ | ||
+ | height:13px; | ||
+ | } | ||
+ | |||
+ | .texteando .ft .c { | ||
+ | height:14px; | ||
+ | } | ||
+ | .texteando .ft { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/8/85/Bl.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | .texteando .ft .c { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/b/bf/Br.png) no-repeat right 0px; | ||
+ | } | ||
+ | .texteando .hd { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/9/9b/Tl.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | .texteando .hd .g { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <body bgcolor="#414141"> | ||
+ | <style> | ||
+ | .blah a | ||
+ | { | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="bbody"> | ||
+ | <script type="text/javascript"><!-- | ||
+ | var delay=7000 | ||
+ | var ie4=document.all | ||
+ | var curindex=0 | ||
+ | var totalcontent=0 | ||
+ | function get_total(){ | ||
+ | if (ie4){ | ||
+ | while (eval("document.all.content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | else{ | ||
+ | while (document.getElementById("content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | } | ||
+ | function contract_all(){ | ||
+ | for (y=0;y<totalcontent;y++){ | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+y).style.display="none" | ||
+ | else | ||
+ | document.getElementById("content"+y).style.display="none" | ||
+ | } | ||
+ | } | ||
+ | function expand_one(which){ | ||
+ | contract_all() | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+which).style.display="" | ||
+ | else | ||
+ | document.getElementById("content"+which).style.display="" | ||
+ | } | ||
+ | function rotate_content(){ | ||
+ | get_total() | ||
+ | contract_all() | ||
+ | expand_one(curindex) | ||
+ | curindex=(curindex<totalcontent-1)? curindex+1: 0 | ||
+ | setTimeout("rotate_content()",delay) | ||
+ | } | ||
+ | window.onload=rotate_content | ||
+ | //--></script> | ||
+ | |||
+ | |||
+ | <div class="header"> | ||
+ | |||
+ | <div id="content0" style="display:none"> | ||
+ | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/cbplano.png" width="966px" height="250px" border="0"></div> | ||
+ | <div id="content1" style="display:none"> | ||
+ | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/legosplano.png" width="966px" height="250px" border="0"></div> | ||
+ | <div id="content2" style="display:none"> | ||
+ | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/teamplano.png" width="966px" height="250px" border="0"></div> | ||
+ | <div id="content3" style="display:none"> | ||
+ | <img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/electroplano.png" width="966px" height="250px" border="0"></div> | ||
+ | |||
</div> | </div> | ||
- | <div | + | |
- | + | <div class="menubg"> | |
+ | <br> | ||
+ | <div class="ft"><div class="c"></div></div> | ||
</div> | </div> | ||
- | <div | + | |
- | + | <div class="menu"> | |
+ | |||
+ | <!--[if lt IE 7]> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" over"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" over\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | </script> | ||
+ | <![endif]--> | ||
+ | <style type="text/css"> | ||
+ | /* general styling */ | ||
+ | *{margin:0;padding:0} | ||
+ | body { | ||
+ | font: x-small Verdana, Arial, Helvetica, sans-serif; | ||
+ | text-align:left; | ||
+ | padding:20px; | ||
+ | } | ||
+ | .outer{ | ||
+ | padding:0px 0 0 0; | ||
+ | width:966px; | ||
+ | margin:auto; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* drop up */ | ||
+ | ul#nav,ul#nav ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | ul#nav { | ||
+ | width:966px; | ||
+ | height:25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul#nav li { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width:161px; | ||
+ | height:25px; | ||
+ | color:#fff; | ||
+ | text-align:left; | ||
+ | } | ||
+ | ul#nav li a { | ||
+ | text-decoration: none; | ||
+ | color:#003366; | ||
+ | |||
+ | } | ||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top:-105px; | ||
+ | margin-left:-999em; | ||
+ | border:none; | ||
+ | height:137px; | ||
+ | width:161px; | ||
+ | background:#ffffff; | ||
+ | /*opacity for IE5+*/ | ||
+ | filter: alpha(opacity=75); | ||
+ | /*opacity for older Mozilla browsers*/ | ||
+ | -moz-opacity: 0.75; | ||
+ | /*opacity for mozilla/safari*/ | ||
+ | opacity: 0.75; | ||
+ | } | ||
+ | ul#nav li li{height:auto;border:none;} | ||
+ | ul#nav li li a{ | ||
+ | color:#fff; | ||
+ | padding:2px 5px 2px 5px; | ||
+ | display:block; | ||
+ | } | ||
+ | ul#nav li:hover ul, | ||
+ | ul#nav li.over ul { | ||
+ | margin-left:0; | ||
+ | } | ||
+ | ul#nav li:hover, | ||
+ | ul#nav li.over, | ||
+ | ul#nav li:hover a, | ||
+ | ul#nav li.over a {color:#000} | ||
+ | |||
+ | ul#nav li:hover li a,ul#nav li.over li a{color:#003366;} | ||
+ | ul#nav li li a:hover{color:#ffffff; background-color: #05182B;} | ||
+ | ul#nav li p {padding:0px;} | ||
+ | ul#nav li.last,ul#nav li.last ul{border:none;width:161px;} | ||
+ | |||
+ | </style> | ||
+ | <div class="outer"> | ||
+ | |||
+ | <ul id="nav"> | ||
+ | <li> | ||
+ | <p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey"> Home</a></p> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | <p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Team"> Team</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Under">Undergraduates</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Instructors">Instructors</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Headquarters">Headquarters</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p><br /> | ||
+ | <a href="#"> Project</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Project">Project Overview</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">The Biosensor</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">Applications</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p><br /> | ||
+ | <a href="#"> Notebook</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Timeline">Timeline</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <p><br /> | ||
+ | <a href="#"> Bonus</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/News">News</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Freetime">Free Time</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Mascot">Wiki Wiki</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="last"> | ||
+ | <p><br /> | ||
+ | <a href="https://2010.igem.org/Team:Tec-Monterrey /Sponsors"> Sponsors</a></p> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Platinum ">Platinum </a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gold ">Gold </a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Silver">Silver </a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Thanks">Special Thanks</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <br><br><br><br><br><br><br><br><br><br> | ||
+ | <br><br><br><br> | ||
+ | |||
+ | <div class="righ"> | ||
+ | <div class="hd"><div class="g"></div></div> | ||
+ | <div class="bdy"> | ||
+ | <h1> Sponsors:</h1> | ||
+ | |||
+ | |||
+ | <a href="http://www.uniparts.com.mx/"> . <img src="https://static.igem.org/mediawiki/2010/d/d9/Uniparts.jpg" width="200px" height="83px" border="0" ></a> | ||
+ | <br><br><br> | ||
+ | <a href="http://www.corning.com/"> . <img src="https://static.igem.org/mediawiki/2010/2/20/Promega.gif" width="200px" height="122px" border="0" ></a> | ||
+ | <br><br><br> | ||
+ | <a href="http://www.promega.com/"> . <img src="https://static.igem.org/mediawiki/2010/3/32/Corning.jpg" width="200px" height="29px" border="0" ></a> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | <div class="ft"><div class="c"></div></div> | ||
+ | </div> | ||
+ | <div class="texteando"> | ||
+ | <div class="hd"><div class="g"></div></div> | ||
+ | <div class="bdy"> | ||
Line 78: | Line 663: | ||
== Results == | == Results == | ||
+ | |||
+ | </div> | ||
+ | <div class="ft"><div class="c"></div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </html> |
Revision as of 15:58, 16 July 2010
== '''Overall project''' ==
Your abstract
== Project Details==
=== Part 2 ===
=== The Experiments ===
=== Part 3 ===
== Results ==