|
|
| (18 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:UANL_Mty-Mexico/Templates/Banner-template}} | + | {{:Team:CIDEB-UANL_Mexico/Templates/Header}} |
| - | {{:Team:UANL_Mty-Mexico/Templates/Menu-template}} | + | {{:Team:CIDEB-UANL_Mexico/Templates/Menu}} |
| | + | {{:Team:CIDEB-UANL_Mexico/Templates/Style}} |
| | + | |
| | <html> | | <html> |
| | <head> | | <head> |
| Line 9: |
Line 11: |
| | *** Acknowledgments *** | | *** Acknowledgments *** |
| | | | |
| - | >>>To TU_Delf Team | + | >>>To iGEM UANL_Mty-Mexico 2011 team for contributing with some code for our wiki :) |
| - | | + | |
| - | 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
| + | |
| | | | |
| | | | |
| Line 21: |
Line 19: |
| | /--> | | /--> |
| | | | |
| - | <!-- Include jQuery first. -->
| + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| - | <script type="text/javascript" src="http://www.genobiotec2011.org/iGEMwiki/jquery-1.3.2.min.js"></script>
| + | <title>Team: CIDEB-UANL Mexico</title> |
| - | | + | |
| - | <!-- 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;
| + | |
| | | | |
| - | }
| + | <META NAME="keywords" CONTENT=""> |
| - | .style5 ul.top-menu-main {
| + | <META NAME="description" CONTENT=""> |
| - | margin: auto;
| + | <META NAME="abstract" CONTENT=""> |
| - | width: 950px;
| + | <META NAME="author" CONTENT="iGEM-UANL"> |
| - | font-family: Georgia, Tahoma, Arial;
| + | <META NAME="robots" CONTENT="FOLLOW,INDEX"> |
| - | 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 { | + | <script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery-1.3.2.min.js"></script> |
| - | 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 { | + | <script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery-1.3.2.min.js"></script> |
| - | color: #fff;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | .style5 ul.top-menu-main > li > a:hover { | + | |
| - | color: #fff;
| + | |
| - | }
| + | |
| | | | |
| - | .style5 ul.top-menu-main > li > a { | + | <script type='text/javascript' src='http://www.asebiogen.org/igemuanl/jquery.easing.1.3.js'></script> |
| - | padding: 10px 10px;
| + | <script type='text/javascript' src='http://www.asebiogen.org/igemuanl/jquery.slideup.menu.1.0.min.js'></script> |
| - | }
| + | |
| - | | + | |
| - | .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;
| + | |
| | | | |
| - | }
| + | |
| | + | <script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/jquery.scroll-follow.js"></script> |
| | | | |
| - | .style5 ul.top-submenu > li { | + | <script type="text/javascript" src="http://www.asebiogen.org/igemuanl/Scripts/slimbox2/js/slimbox2.js"></script> |
| - | 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;
| |
| | | | |
| | | | |
| - | } | + | <script type="text/javascript"> |
| | + | $( document ).ready( function () |
| | + | { |
| | + | $( '#rightColumn' ).scrollFollow(); |
| | + | } |
| | + | ); |
| | + | </script> |
| | | | |
| - | .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;
| |
| - | }
| |
| | | | |
| | + | </head> |
| | | | |
| - | #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.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>
| |
| | | | |
| | | | |
| Line 742: |
Line 71: |
| | <div class="main" style="width:930px"> | | <div class="main" style="width:930px"> |
| | <!--<div style="width:900px">--> | | <!--<div style="width:900px">--> |
| - | <div class=" br"></div><div class=" br"></div> | + | <div class=" br2"></div><div class=" br2"></div> <div class="br2"></div> |
| - | | + | |
| | <div id="ColorHeader"> | | <div id="ColorHeader"> |
| - | Welcome to iGEM-UANL Wiki Page | + | Home |
| | </div> | | </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><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 id="header- project-column"> |
| | <div class="br2"></div><div class="br2"></div><div class="br2"></div> | | <div class="br2"></div><div class="br2"></div><div class="br2"></div> |
| - | About us
| + | <a name="WELCOME"></a>WELCOME |
| - | < 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>
| + | |
| - | <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> |
| | + | <img src="https://static.igem.org/mediawiki/2012hs/d/de/Welcome.jpg"width="700px" height="215px" align="center"> |
| | | | |
| - | <center><div id="youtube-frame">
| + | </center> |
| - | <iframe width="320" height="260" src="http://www.youtube.com/embed/s8J8iATWizc" frameborder="0" allowfullscreen></iframe>
| + | <p> CIDEB-UANL is the representative team from Centro de Investigación y Desarrollo de la Educación Bilingüe, at Monterrey, México. This team is composed of 15 students who spent their semester 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. </p> |
| - | </div></center>
| + | <div class="br"></div> |
| - | </div>
| + | <div class="br"></div> |
| - | </div>
| + | <div class="br"></div> |
| - |
| + | <div class="br"></div> |
| - |
| + | |
| - | <div class="br"></div><div class="br"></div> | + | |
| | | | |
| - |
| + | <center> |
| - | <div id="outline-content">
| + | <iframe width="420" height="315" src="http://www.youtube.com/embed/fRnWyXTRLWk" frameborder="0" allowfullscreen></iframe> |
| - | <div id="outline-header">
| + | |
| | | | |
| - | <div class="br2"></div><div class="br2"></div><div class="br2"></div>
| + | </center> |
| - | 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> It is meant to be simple, reporter genes are to prove the concept. Five Fluorescent proteins, two lights.</dd>
| + | |
| - | <dt>Mechanism</dt>
| + | |
| - | <dd> You can surely tell the difference between five messages, however it is not that easy to bacteria. Wanna know how they manage? </dd>
| + | |
| | | | |
| - | <dt>Biphasic switch</dt>
| |
| - | <dd>Find out why brilliant scientists have been attracted to phages and bring Lambda back to life! (even Watson likes'em)
| |
| - | </dd>
| |
| - | <dt>Light machine</dt>
| |
| - | <dd> Interested in working with light induction? Check out our Light Machine, build one of your own. Satisfaction guaranteed! </dd>
| |
| - |
| |
| - | <dt>iGEM Lighters</dt>
| |
| - | <dd>Slide content</dd>
| |
| - | <dt>Bio! Project</dt>
| |
| - | <dd>Science news, outstanding iGEM projects, surveys, Bio!</dd>
| |
| - | </dl>
| |
| - | </div>
| |
| - | <script type="text/javascript">
| |
| - | $('.slidedeck').slidedeck({
| |
| - | autoPlay: false,
| |
| - | cycle: true,
| |
| - | autoPlayInterval: 3000,
| |
| - | });
| |
| - | </script>
| |
| | | | |
| - |
| + | |
| - |
| + | |
| | + | <div class="br"></div> |
| | + | <div class="br"></div> |
| | + | <div class="br"></div> |
| | + | <div class="br"></div> |
| | | | |
| | </div> | | </div> |
| | + | <div id="rightColumn"> |
| | + | |
| | | | |
| | | | |
| | + | <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> |
| | + | <div class="br"></div> |
| | | | |
| | + | <div id="botonera"> |
| | + | |
| | + | |
| | </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 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> |
| | | | |
| - | <div style="clear:both"></div> | + | <div style="clear:both"></div> <!-- Catches the shorter column up --> |
| - | <!-- Catches the shorter column up -->
| + | |
| | | | |
| | </div> | | </div> |
| - | <p><img src="https://static.igem.org/mediawiki/igem.org/4/49/SymbolFooter.png" width="950" height="70" alt="OurSymbol"></p>
| + | |
| | + | <div id="footer1"> |
| | + | <p class="footer-text"> iGEM High School Division, 2012 edition - CIDEB-UANL_Mexico team </p> |
| | + | </div> |
| | | | |
| - | </div>
| |
| | | | |
| | </div> | | </div> |
| - | | + | </div> |
| | </body> | | </body> |
| | </html> | | </html> |
| - | {{:Team:UANL_Mty-Mexico/Templates/Footer-template}}
| |
"
