Team:UANL Mty-Mexico
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
+ | <head> | ||
+ | <!-- | ||
- | + | ============================================================================================ | |
+ | *** Acknowledgments *** | ||
+ | >>>To TU_Delf Team | ||
+ | Thank you so much to TU_Delft iGEM2010 team for providing us with so many examples of html code and how to apply them. | ||
- | + | If you like some of this code please check it out in their wiki: https://2010.igem.org/Team:TU_Delft#page=Modeling/wiki-tips-tricks | |
- | |||
+ | ============================================================================================ | ||
- | + | /--> | |
- | + | <!-- Include jQuery first. --> | |
+ | <script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script> | ||
- | == | + | <!-- Include the below script, Copyright 2010, Brandon Aaron (http://brandonaaron.net/) for scrollwheel support. --> |
+ | <script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-mousewheel/jquery.mousewheel.min.js"></script> | ||
- | + | ||
+ | <link rel="stylesheet" type="text/css" href="http://www.genobiotec2011.org/iGEMwiki/slidedeck.skin.css" media="screen" /> | ||
+ | <!-- Styles for the skin that only load for Internet Explorer --> | ||
+ | <!--[if lte IE 8]> | ||
+ | <link rel="stylesheet" type="text/css" href="http://www.genobiotec2011.org/iGEMwiki/slidedeck.skin.ie.css" media="screen,handheld" /> | ||
+ | <![endif]--> | ||
+ | |||
+ | <!-- Include the SlideDeck jQuery script. --> | ||
+ | <script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/slidedeck.jquery.lite.pack.js"></script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | #slidedeck_frame { | ||
+ | width: 665px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | </style> | ||
- | + | <style> | |
- | + | .style5.top-menu { | |
+ | background: transparent; | ||
+ | margin: auto; | ||
+ | width: 950px; | ||
+ | margin-top: -35px; | ||
+ | |||
+ | } | ||
+ | .style5 ul.top-menu-main { | ||
+ | margin: auto; | ||
+ | width: 950px; | ||
+ | font-family: Georgia, Tahoma, Arial; | ||
+ | font-size: 10px; | ||
+ | line-height: 18px; | ||
+ | } | ||
- | + | .style5 ul.top-menu-main > li { | |
+ | background: #000; | ||
+ | border-right: 1px solid #afafaf; | ||
+ | |||
+ | |||
+ | color: #fff; | ||
+ | margin: 0; | ||
+ | } | ||
- | + | .style5 ul.top-menu-main > li.last { | |
+ | border-right: none; | ||
+ | } | ||
+ | .style5 ul.top-menu-main > li:hover .menu-item-text | ||
+ | {color: #cfcfcf; text-shadow: 0 1px 0 #0C131C;} | ||
- | + | .style5 ul.top-menu-main > li:hover{ | |
+ | background: #333 transparent; | ||
+ | color: #fff; | ||
+ | -moz-box-shadow: 0 0 8px #333; | ||
+ | -webkit-box-shadow: 0 0 8px #333; | ||
+ | box-shadow: 0 0 8px #333; | ||
+ | } | ||
- | + | .style5 ul.top-menu-main > li > a { | |
- | # | + | color: #fff; |
- | # | + | text-decoration: none; |
+ | } | ||
+ | .style5 ul.top-menu-main > li > a:hover { | ||
+ | color: #fff; | ||
+ | } | ||
+ | .style5 ul.top-menu-main > li > a { | ||
+ | padding: 10px 10px; | ||
+ | } | ||
+ | .style5 ul.top-submenu { | ||
+ | -moz-box-shadow: 0 0 8px #333; | ||
+ | -webkit-box-shadow: 0 0 8px #333; | ||
+ | /*box-shadow: 0 0 8px #333;*/ | ||
+ | box-shadow: 0 0 8px #fff; | ||
+ | |||
+ | } | ||
- | <html> | + | .style5 ul.top-submenu > li { |
+ | margin: 0px; | ||
+ | padding: 5px 10px; | ||
+ | background: #fff transparent; | ||
+ | |||
+ | color: #fff; | ||
+ | white-space: nowrap; | ||
+ | |||
+ | } | ||
+ | |||
+ | .style5 ul.top-submenu > li a { | ||
+ | margin: 0px; | ||
+ | padding: 5px 10px; | ||
+ | background: #fff transparent; | ||
+ | |||
+ | color: #fff; | ||
+ | white-space: nowrap; | ||
+ | |||
+ | } | ||
+ | |||
+ | .style5 ul.top-submenu > li.hover { | ||
+ | background: #000 ; | ||
+ | color: #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | .style5 ul.top-submenu > li a:hover { | ||
+ | background: #000 ; | ||
+ | color: #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* 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: #333; | ||
+ | background-image: url(images/back.jpg); | ||
+ | } | ||
+ | |||
+ | 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 { | ||
+ | padding: 10px; | ||
+ | position: relative; float: left; width : 700px; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | .s-menu { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | margin-top: 20px; | ||
+ | color: #036; | ||
+ | } | ||
+ | .s-menu li { | ||
+ | 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; | ||
+ | } | ||
+ | .s-menu li:hover { | ||
+ | background: #cfcfcf; | ||
+ | color: #000; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .s-menu li.selected {background: #fff; color: #000;} | ||
+ | |||
+ | .s-menu li { | ||
+ | width: 180px; | ||
+ | } | ||
+ | .col-1-3 { | ||
+ | width: 200; | ||
+ | /*margin-right: 2%;*/ | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | font-size: 12px; | ||
+ | color: #FFF; | ||
+ | font-weight: bold; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .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:300px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #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:#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-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; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | <!-- TU_Delft ends here --> | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
+ | <title>Team: UANL_Mty-Mexico</title> | ||
+ | |||
+ | <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.easing.1.3.js'></script> | ||
+ | <script type='text/javascript' src='http://www.genobiotec2011.org/iGEMwiki/jquery.slideup.menu.1.0.min.js'></script> | ||
+ | |||
+ | <script> | ||
+ | var opts = {slideUpSpeed:500, slideDownSpeed: 200}; | ||
+ | $(document).ready(function(){ | ||
+ | $('.top-menu').removeClass().addClass('top-menu').addClass('style5'); | ||
+ | $('ul.s-menu li').click(function(){ | ||
+ | $(this).parent().find('li').removeClass('selected'); | ||
+ | $(this).addClass('selected'); | ||
+ | }); | ||
+ | $('ul.s-style li').click(function(){ | ||
+ | $('.top-menu').removeClass().addClass('top-menu').addClass('style'+$(this).attr('rel')); | ||
+ | $('.top-menu').removeClass().addClass('top-menu').addClass('style5'); | ||
+ | |||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | |||
+ | $('ul.s-way li[rel="1"]').live('click', function() { | ||
+ | opts = {slideUpSpeed:500, slideDownSpeed: 200}; | ||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | $('ul.s-way li[rel="2"]').live('click', function() { | ||
+ | opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease: "easeOutBounce", stopQueue: true}; | ||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | $('ul.s-way li[rel="3"]').live('click', function() { | ||
+ | opts = {slideUpSpeed: 1000, slideDownSpeed: 100, ease: "easeOutBack", stopQueue: true}; | ||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | $('ul.s-way li[rel="4"]').live('click', function() { | ||
+ | opts = {slideUpSpeed: 500, slideDownSpeed: 500, ease:false, stopQueue: false}; | ||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | $(".top-menu").slideupmenu(opts); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="header"><span class="header1"> | ||
+ | |||
+ | <img src="banners/home-banner2.jpg" alt="banner-main" width="964" height="202" border="0" usemap="#map"> | ||
+ | <map name="map"> | ||
+ | <area shape="rect" coords="0,0,69,55" href="https://2011.igem.org/Main_Page" target="_new" alt="iGEM-logo" title="Go to the iGEM 2011 Wiki Main Page"> | ||
+ | </map> | ||
+ | |||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="top-menu style4"> | ||
+ | <ul class="top-menu-main"> | ||
+ | |||
+ | |||
+ | <li class="first"> | ||
+ | <a href="index-4.html">Home</a> | ||
+ | </li> | ||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/The_Code">Results</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Modelling">Modelling</a></li> | ||
+ | |||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Mechanism">Mechanism</a></li> | ||
+ | <li class="last"><a href="code.html">The Code</a></li> | ||
+ | </ul> | ||
+ | <a href="project.html" class="menu-item-text">Project</a> | ||
+ | </li> | ||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | |||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Gallery">Gallery</a></li> | ||
+ | <li class=""><a href=">Hometown</a> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Logo">Logo</a></li> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Members">Members</a></li> | ||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team" class="menu-item-text">Team</a> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Parts">Parts</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/UANLBricks">UANLBricks</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine">Light Machine</a></li> | ||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Photochassis">Photochassis</a></li> | ||
+ | |||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions" class="menu-item-text">Contributions</a> | ||
+ | </li> | ||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | <li class="first"><a href="safety.html">Safety</a></li> | ||
+ | <li class=""><a href="lighters.html">iGEM Lighters</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Collaboration">Collaboration</a></li> | ||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Bio_Blog">Bio! Blog</a></li> | ||
+ | |||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices" class="menu-item-text">Human Practices</a> | ||
+ | </li> | ||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/New_Protocols">New Protocols</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Protocols">Protocols</a></li> | ||
+ | |||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Blueprints">Blueprints</a></li> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook/Timeline">Timeline</a></li> | ||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Notebook" class="menu-item-text">Notebook</a> | ||
+ | </li> | ||
+ | |||
+ | <li class=""> | ||
+ | <ul class="top-submenu"> | ||
+ | |||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/Restrictions">Restrictions</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/PCR">PCR</a></li> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/Math_Model">Math Model</a></li> | ||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico" class="menu-item-text">In silico</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="last"> | ||
+ | <ul class="top-submenu"> | ||
+ | <li class="last"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/Restrictions">Tres</a></li> | ||
+ | <li class=""><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/PCR">Dos</a></li> | ||
+ | <li class="first"><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico/Math_Model">Unp</a></li> | ||
+ | </ul> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/In_silico" class="menu-item-text">Applications</a> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="content"> | ||
+ | <div class="main" style="width:930px"> | ||
+ | <!--<div style="width:900px">--> | ||
+ | |||
+ | <div id="leftColumn"> | ||
+ | <div id="ColorHeader"> | ||
+ | Welcome to iGEM-UANL Wiki Page | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="project-column"> | ||
+ | <div id="header-project-column"> | ||
+ | HuBac's SCIENCE | ||
+ | </div> | ||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <div id="content-project-column"> | ||
+ | Have you ever met smart bacteria? How about light responsive bacteria? Have you ever wondered how living things process information? <div class="br"></div>Well, perhaps this community will surprise you. Not only it can see light, but it can interpret it. There is no trick, no magic, only pure synthetic biology. <div class="br"></div> | ||
+ | If you think this is an interesting concept, why not reading a bit more? Meet <b>HuBac</b>, our <b>S.C.I.E.N.C.E.</b> project for this iGEM 2011 <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project" title="Go to Project Main Page">here</a>. | ||
+ | |||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <center><img src="images/HuBac-logo8.jpg" width="96" height="247" alt="blue1" align="center"></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="About-column"> | ||
+ | <div id="header-about-column"> | ||
+ | About us | ||
+ | </div> | ||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <div id="content-about-column"> | ||
+ | |||
+ | iGEM-UANL is the representative team from Universidad Autonoma de Nuevo León, at Monterrey, México. This team is composed of ten students who spent their summer in the lab, having fun with transformations, constructions and plasmidic DNA extractions. This wiki is all about the work we made. Please be welcome to explore this site. <em>(Read more about us <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team" title="Meet the team">here</a>)</em><div class="br"></div><div class="br"></div><div class="br"></div><div class="br"></div><div class="br"></div> | ||
+ | <center><div id="youtube-frame"> | ||
+ | <iframe width="320" height="260" src="http://www.youtube.com/embed/s8J8iATWizc" frameborder="0" allowfullscreen></iframe> | ||
+ | </div></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="br"></div><div class="br"></div> | ||
+ | |||
+ | |||
+ | <div id="outline-content"> | ||
+ | <div id="outline-header"> | ||
+ | Project Outline | ||
+ | </div> | ||
+ | <div id="slidedeck_frame" class="skin-slidedeck"> | ||
+ | <dl class="slidedeck"> | ||
+ | <dt>The Code</dt> | ||
+ | <dd>Slide content</dd> | ||
+ | <dt>Biphasic switch</dt> | ||
+ | |||
+ | <dd>Slide content</dd> | ||
+ | <dt>Light machine</dt> | ||
+ | <dd>Slide content</dd> | ||
+ | <dt>Photochassis</dt> | ||
+ | <dd>Slide content</dd> | ||
+ | <dt>iGEM Lighters</dt> | ||
+ | |||
+ | <dd>Slide content</dd> | ||
+ | <dt>Bio! Project</dt> | ||
+ | <dd>Slide content</dd> | ||
+ | </dl> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $('.slidedeck').slidedeck({ | ||
+ | autoPlay: false, | ||
+ | cycle: true, | ||
+ | autoPlayInterval: 3000, | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="rightColumn"> | ||
+ | <div id="social-div"> | ||
+ | |||
+ | <a href="http://twitter.com/iGEMUANL" class="twitter-follow-button" data-show-count="false" data-align="right">Follow @iGEMUANL</a> | ||
+ | <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> | ||
+ | <div class="br"></div> | ||
+ | <iframe src="http://www.facebook.com/plugins/like.php?app_id=134010103347967&href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FiGEM-UANL%2F257596767587618&send=false&layout=button_count&width=200&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"> | ||
+ | |||
+ | |||
+ | |||
+ | </iframe> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Team/Symbol"><img src="images/OurSymbol.png" width="200" height="160" alt="OurSymbol" title="Discover our symbol"></a> | ||
+ | |||
+ | |||
+ | <!-- <div class="col-1-3"> | ||
+ | <ul class="s-style s-menu"> | ||
+ | <li rel="1">Subtopic 1</li> | ||
+ | <li rel="2">Subtopic 2</li> | ||
+ | <li rel="3">Subtopic 3</li> | ||
+ | <li rel="4">Subtopic 4</li> | ||
+ | <li rel="5">Subtopic 5</li> | ||
+ | </ul> | ||
+ | </div>--> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | |||
+ | <div id="twitter-box"> | ||
+ | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | |||
+ | <script> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 3, | ||
+ | interval: 6000, | ||
+ | width: 200, | ||
+ | height: 350, | ||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#333', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#FFFFFF', | ||
+ | color: '#000000', | ||
+ | links: '#8b8b8b' | ||
+ | } | ||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: false, | ||
+ | loop: false, | ||
+ | live: false, | ||
+ | hashtags: true, | ||
+ | timestamp: true, | ||
+ | avatars: false, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('iGEMUANL').start(); | ||
+ | </script> | ||
+ | </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> | ||
+ | |||
+ | |||
+ | <center> | ||
+ | |||
+ | <a href="http://www2.clustrmaps.com/user/c6ede21d"><img src="http://www2.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-UANL_Mty-Mexico-thumb.jpg" alt="Locations of visitors to this page" /></a> | ||
+ | |||
+ | </center> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="clear:both"></div> | ||
+ | <!-- Catches the shorter column up --> | ||
+ | |||
+ | </div> | ||
+ | <p><img src="images/SymbolFooter.png" width="950" height="70" alt="OurSymbol"></p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="content3"> | ||
+ | <div id="footer-leftColumn"> | ||
+ | <img src="images/UANLteamOfficial4.png" alt="UANLofficialteam" width="259" height="82" border="0" usemap="#Map2"> | ||
+ | <map name="Map2"> | ||
+ | <area shape="circle" coords="40,40,38" href="http://www.uanl.mx" target="_new" alt="goToUANL" title="Visite our University offical site"> | ||
+ | </map> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="footer-middleColumn"> | ||
+ | <div id="content-middlefooter"> | ||
+ | <span id="content-middlefooter"> | ||
+ | <a href="#top">Go back to top</a></span> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | |||
+ | <span class="TUD-footer-title">Search</span> | ||
+ | <form action="/Special:Search" id="search-form"> | ||
+ | |||
+ | <input id="searchInput" name="search" type="text" title="Search 2010.igem.org [f]" accesskey="f" value="" /> | ||
+ | <div class="br"></div> | ||
+ | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> | ||
+ | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> | ||
+ | </form> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="footer-rightColumn"> | ||
+ | |||
+ | <span class="TUD-footer-title">Contact us</span> | ||
+ | <div class="br"></div> | ||
+ | <i>Av. Manuel L. Barragan S/N, Cd. Universitaria. C.P.66450. San Nicolás de los Garza, Nuevo León, México.</i> | ||
+ | <div class="br"></div> | ||
+ | <a href="mailto:team.igemuanl2011@gmail.com"><img src="images/Gmail-Icon.png" width="42" height="29" alt="gmail-icon" title="Mail us to: team.igemuanl2011@gmail.com"></a> | ||
+ | <a href="http://twitter.com/#!/iGEMUANL" target="_new"><img src="images/twitter1.png" width="30" height="30" alt="twitter-logo" title="Follow us on Twitter: @iGEMUANL"></a> | ||
+ | <a href="https://www.facebook.com/pages/iGEM-UANL/257596767587618" target="_new"><img src="images/Facebook-Logo.png" width="30" height="30" alt="fb-logo" title="Follow us on Facebook: iGEM UANL"></a> | ||
+ | </div> | ||
- | |||
- | |||
- | < | + | </div> |
- | </ | + | </body> |
</html> | </html> |
Revision as of 05:37, 13 September 2011
Welcome to iGEM-UANL Wiki Page
HuBac's SCIENCE
Have you ever met smart bacteria? How about light responsive bacteria? Have you ever wondered how living things process information? Well, perhaps this community will surprise you. Not only it can see light, but it can interpret it. There is no trick, no magic, only pure synthetic biology.
If you think this is an interesting concept, why not reading a bit more? Meet HuBac, our S.C.I.E.N.C.E. project for this iGEM 2011 here.
About us
iGEM-UANL is the representative team from Universidad Autonoma de Nuevo León, at Monterrey, México. This team is composed of ten students who spent their summer in the lab, having fun with transformations, constructions and plasmidic DNA extractions. This wiki is all about the work we made. Please be welcome to explore this site. (Read more about us here)
Project Outline