Team:UANL Mty-Mexico
From 2011.igem.org
(Difference between revisions)
(159 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{:Team:UANL_Mty-Mexico/Templates/Banner-template}} | |
- | + | {{:Team:UANL_Mty-Mexico/Templates/Menu-template}} | |
+ | <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.asebiogen.org/igemuanl/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.asebiogen.org/igemuanl/jquery-mousewheel/jquery.mousewheel.min.js"></script> | ||
- | + | ||
- | + | <link rel="stylesheet" type="text/css" href="http://www.asebiogen.org/igemuanl/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.asebiogen.org/igemuanl/slidedeck.skin.ie.css" media="screen,handheld" /> | ||
+ | <![endif]--> | ||
+ | |||
+ | <!-- Include the SlideDeck jQuery script. --> | ||
+ | <script type="text/javascript" src="http://www.asebiogen.org/igemuanl/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; | ||
+ | |||
+ | } | ||
+ | |||
+ | .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(https://static.igem.org/mediawiki/igem.org/7/76/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: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; | ||
+ | } | ||
+ | |||
+ | #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:#009; | ||
+ | font-size: 14px; | ||
+ | font-family: Tahoma; | ||
+ | font-weight: bolder; | ||
+ | } | ||
+ | |||
+ | #content-about-column a:hover { | ||
+ | color:#009; | ||
+ | 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:#009; | ||
+ | font-size: 14px; | ||
+ | font-family: Tahoma; | ||
+ | font-weight: bolder; | ||
+ | font-style: normal; | ||
+ | line-height: normal; | ||
+ | font-variant: normal; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #content-project-column a:hover { | ||
+ | color:#009; | ||
+ | font-size: 14px; | ||
+ | text-decoration:underline; | ||
+ | font-family: Tahoma; | ||
+ | font-weight: bolder; | ||
+ | font-style: normal; | ||
+ | line-height: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | #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.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> | ||
+ | |||
+ | <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> | </head> | ||
- | |||
- | |||
- | + | ||
- | + | ||
- | $(' | + | |
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <div class="content"> | ||
+ | <div class="main" style="width:930px"> | ||
+ | <!--<div style="width:900px">--> | ||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <div id="leftColumn"> | ||
+ | <div id="ColorHeader"> | ||
+ | Welcome to iGEM-UANL Wiki Page | ||
+ | </div> | ||
+ | |||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <div class="br"></div><div class="br"></div> | ||
+ | |||
+ | |||
+ | <div id="project-column"> | ||
+ | <div id="header-project-column"> | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | HuBac's SCIENCE | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | </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 <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" title="Human-Bacteria Language">HuBac</a>, our <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/Overview" title="Simple Code Interpretation Enabling Circuit in E. coli">S.C.I.E.N.C.E.</a> | ||
+ | project for this iGEM 2011. | ||
+ | |||
+ | <div class="br"></div><div class="br"></div> | ||
+ | <center><img src="https://static.igem.org/mediawiki/igem.org/c/ca/HuBac-logo8.jpg" width="96" height="247" alt="blue1" align="center"></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="About-column"> | ||
+ | |||
+ | <div id="header-about-column"> | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | About us | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | </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/Members" 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"> | ||
+ | |||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | Project Outlines | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | </div> | ||
+ | <div id="slidedeck_frame" class="skin-slidedeck"> | ||
+ | <dl class="slidedeck"> | ||
+ | <dt>The Code</dt> | ||
+ | <dd> <a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Project/The_Code"><img src="https://static.igem.org/mediawiki/2011/3/33/ToOutlines2.006.png" width="395" height="187" alt="blue1" align="center"></a> | ||
+ | |||
+ | </dd> | ||
+ | |||
+ | |||
+ | <dt>Biphasic switch</dt> | ||
+ | <dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Modelling/Biphasic_Switch"><img src="https://static.igem.org/mediawiki/2011/e/e1/ToOutlines2.001.png" width="395" height="187" alt="blue1" align="center"></a></dd> | ||
+ | |||
+ | |||
+ | <dt>UANLBricks</dt> | ||
+ | <dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/UANLBricks"><img src="https://static.igem.org/mediawiki/2011/9/95/ToOutlines2.005.png" width="395" height="187" alt="blue1" align="center"></a></dd> | ||
+ | <dt>Light machine</dt> | ||
+ | <dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine"><img src="https://static.igem.org/mediawiki/2011/2/2b/ToOutlines2.003.png" width="395" height="187" alt="blue1" align="center"></a></dd> | ||
+ | |||
+ | <dt>iGEM Lighters</dt> | ||
+ | <dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Contributions/Light_Machine"><img src="https://static.igem.org/mediawiki/2011/a/a3/ToOutlines2.002.png" width="395" height="187" alt="blue1" align="center"></a></dd> | ||
+ | <dt>Bio! Project</dt> | ||
+ | <dd><a href="https://2011.igem.org/Team:UANL_Mty-Mexico/Human_Practices/Bio_Blog"><img src="https://static.igem.org/mediawiki/2011/9/9b/ToOutlines2.004.png" width="395" height="187" alt="blue1" align="center"></a></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="https://static.igem.org/mediawiki/igem.org/f/ff/OurSymbol-200.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" target="_new"><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> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | </center> | ||
+ | |||
+ | <div id="outline-header"> | ||
+ | |||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | Sponsors | ||
+ | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | ||
+ | </div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <div class="br"></div> | ||
+ | <center> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/0d/Genscript_logo.gif" alt="GenScript Logo" /></a> | ||
+ | |||
+ | </center> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="clear:both"></div> | ||
+ | <!-- Catches the shorter column up --> | ||
+ | |||
+ | </div> | ||
+ | <p><img src="https://static.igem.org/mediawiki/igem.org/4/49/SymbolFooter.png" width="950" height="70" alt="OurSymbol"></p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
- | </ | + | </body> |
</html> | </html> | ||
+ | {{:Team:UANL_Mty-Mexico/Templates/Footer-template}} |
Latest revision as of 16:35, 13 February 2012
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.
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 Outlines