Team:UNAM-Genomics Mexico
From 2011.igem.org
(Difference between revisions)
(→Estámos construyendo esta página ;)) |
(Inserted version 2 html code.) |
||
Line 1: | Line 1: | ||
- | <html> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
<head> | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
+ | <link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" /> | ||
+ | <title>UNAM-Genomics_Mexico</title> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 14: | Line 17: | ||
</script> | </script> | ||
- | < | + | <!-- Style sheet css --> |
- | </ | + | <style type="text/css"> |
+ | /* | ||
+ | NAME home_template.css | ||
+ | VERSION 2.0.0 | ||
+ | AUTHOR Treviño Garza Abiel | ||
+ | Eduardo Vladimir Muñoz Hernández | ||
+ | DESC The file contains the css data for the UNAM-Genomics_Mexico Team wiki home page | ||
+ | */ | ||
- | + | body { | |
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | font-size: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | background-image:url("https://2011.igem.org/File:Paper_100_up.jpg"); | ||
+ | } | ||
+ | #header{ | ||
+ | height:100px; | ||
+ | width:100%; | ||
+ | background-image:url("https://static.igem.org/mediawiki/igem.org/8/8c/2011_distribution_stickers_650x286.png"); | ||
+ | background-repeat:repeat-x; | ||
+ | font-family:"Arial Black", Gadget, sans-serif; | ||
+ | } | ||
+ | p.title{ | ||
+ | color:#CC4455; | ||
+ | font-size:150%; | ||
+ | } | ||
+ | #container { | ||
+ | margin: 0px auto; | ||
+ | text-align:justify; | ||
+ | width: 920px; | ||
+ | background-image:url("https://2011.igem.org/File:Paper_80_right.jpg"); | ||
+ | color:#454545; | ||
+ | } | ||
+ | div.row{ | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | div.left_third{ | ||
+ | text-align:center; | ||
+ | border:none; | ||
+ | float:left; | ||
+ | width:33%; | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | div.mid_third{ | ||
+ | text-align:center; | ||
+ | border:none; | ||
+ | float:left; | ||
+ | width:34%; | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | div.right_third{ | ||
+ | text-align:center; | ||
+ | border:none; | ||
+ | float:right; | ||
+ | width:33%; | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | a.wet_lab{ | ||
+ | color:#06C; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a.model{ | ||
+ | color:#C00505; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a.garden{ | ||
+ | color:#40D840; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a.team{ | ||
+ | color:#00C; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a.HP{ | ||
+ | color:#B0E; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a.H2{ | ||
+ | color:#FC0; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | img.sub_proyect{ | ||
+ | height:270px; | ||
+ | width:270px; | ||
+ | border:none; | ||
+ | } | ||
+ | img.sponsor_img{ | ||
+ | height:100px; | ||
+ | width:100px; | ||
+ | border:none; | ||
+ | } | ||
- | + | /* Menu Style Definitions */ | |
+ | ul#h2igemmenu ul{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenu li:hover>*{ | ||
+ | display:block | ||
+ | } | ||
+ | ul#h2igemmenu li:hover{ | ||
+ | position:relative; | ||
+ | } | ||
+ | ul#h2igemmenu ul{ | ||
+ | position: absolute; | ||
+ | left:-1px; | ||
+ | top:98%; | ||
+ | } | ||
+ | ul#h2igemmenu ul ul{ | ||
+ | position:absolute; | ||
+ | left:98%; | ||
+ | top:-2px; | ||
+ | } | ||
+ | ul#h2igemmenu,ul#h2igemmenu ul{ | ||
+ | margin:0px; | ||
+ | list-style:none; | ||
+ | padding:0px; | ||
+ | background-image:#CCC; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | } | ||
+ | ul#h2igemmenu table { | ||
+ | border-collapse:collapse | ||
+ | } | ||
+ | ul#h2igemmenu { | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | zoom:1; | ||
+ | width:100%; | ||
+ | float: left; | ||
+ | } | ||
+ | ul#h2igemmenu ul{ | ||
+ | //width:204px; | ||
+ | padding:0; | ||
+ | } | ||
+ | ul#h2igemmenu li{ | ||
+ | display:block; | ||
+ | zoom:1; | ||
+ | margin:0; | ||
+ | font-size:0; | ||
+ | float:left; | ||
+ | } | ||
+ | ul#h2igemmenu a:active, ul#h2igemmenu a:focus { | ||
+ | outline-style:none | ||
+ | } | ||
+ | ul#h2igemmenu a,ul#h2igemmenu li.dis a:hover{ | ||
+ | display:block; | ||
+ | vertical-align:middle; | ||
+ | _display:inline-block; | ||
+ | _vertical-align:top; | ||
+ | background-color:#333; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | border-color:transparent; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding:11px 15px 5px 5px; | ||
+ | _padding-left:0; | ||
+ | font:normal 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | ul#h2igemmenu ul li { | ||
+ | float:none; | ||
+ | } | ||
+ | ul#h2igemmenu ul a,ul#h2igemmenu ul li.dis a:hover{ | ||
+ | display:block; | ||
+ | text-align:left; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | ul#h2igemmenu li:hover>a{ | ||
+ | background-color:#999; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:normal 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenu li a:hover{ | ||
+ | _position:relative; | ||
+ | background-color:#666; | ||
+ | border-color:transparent; | ||
+ | border-style:none; | ||
+ | font:normal 8pt Verdana; | ||
+ | color: #FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | ul#h2igemmenu li.dis a{ | ||
+ | color: #AAAAAA !important; | ||
+ | } | ||
+ | ul#h2igemmenu img{ | ||
+ | border:none; | ||
+ | vertical-align:middle; | ||
+ | margin-right:22px; | ||
+ | } | ||
+ | ul#h2igemmenu img.over{ | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenu li.dis a:hover img.over{ | ||
+ | display:none !important | ||
+ | } | ||
+ | ul#h2igemmenu li.dis a:hover img.def { | ||
+ | display:inline !important | ||
+ | } | ||
+ | ul#h2igemmenu li:hover > a img.def { | ||
+ | display:none | ||
+ | } | ||
+ | ul#h2igemmenu li:hover > a img.over {display:inline} | ||
- | + | ul#h2igemmenu a:hover img.over,ul#h2igemmenu a:hover ul img.def,ul#h2igemmenu a:hover a:hover ul img.def,ul#h2igemmenu a:hover a:hover img.over,ul#h2igemmenu a:hover a:hover a:hover img.over{display:inline} | |
+ | ul#h2igemmenu a:hover img.def,ul#h2igemmenu a:hover ul img.over,ul#h2igemmenu a:hover a:hover ul img.over,ul#h2igemmenu a:hover a:hover img.def,ul#h2igemmenu a:hover a:hover a:hover img.def{display:none} | ||
- | + | ul#h2igemmenu a:hover ul,ul#h2igemmenu a:hover a:hover ul{display:block} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ul#h2igemmenu a:hover ul ul{display:none} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ul#h2igemmenu span{ | |
- | { | + | display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;} |
- | + | ||
- | + | ul#h2igemmenu ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;} | |
- | ! | + | |
- | ! | + | ul#h2igemmenu li a.istylei0,ul#h2igemmenu li.dis.istylei0:hover a.istylei0{ |
- | ! | + | height:25px; |
- | ! | + | background-color:#333; |
- | ! | + | border-width:0px; |
- | ! | + | border-style:none; |
- | + | font:normal 14px Trebuchet MS; | |
- | ! | + | color:#FFFFFF; |
- | + | text-decoration:none; | |
+ | margin:0 -10px 0 10px; | ||
+ | _margin:0 0 0 0; | ||
+ | background-position:100% 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu li.istylei0:hover>a{ | ||
+ | background-color:#333; | ||
+ | border-style:none; | ||
+ | font:normal 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu li.istylei0,ul#h2igemmenu li.dis.istylei0:hover{ | ||
+ | margin:0 10px 0 0; | ||
+ | background-color:#333; | ||
+ | background-position:0 0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu li.istylei0:hover{ | ||
+ | background-color:#333; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu li a.istylei0:hover{ | ||
+ | background-color:#666; | ||
+ | border-style:none; | ||
+ | font:normal 14px Trebuchet MS; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu.istylem0,ul#h2igemmenu ul.istylem0{ | ||
+ | background-color:transparent; | ||
+ | border-width:0px; | ||
+ | border-style:none; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu ul.istylem0 li{ | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | ul#h2igemmenu.istylem0 li a,ul#h2igemmenu ul.istylem0 li a,ul#h2igemmenu.istylem0 li.dis a:hover,ul#h2igemmenu ul.istylem0 li.dis a:hover{ | ||
+ | padding:5px 5px 5px 5px; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- End: Style sheet css --> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="container"> | ||
+ | <div id="header"> | ||
+ | <p align="center" class="title">UNAM-Genomics Mexico</p> | ||
+ | |||
+ | <!-- Menu Code --> | ||
+ | <table width="100%" border="0" class="header"> | ||
+ | <tr><td align="center" valign="center"> | ||
+ | <td width="906px"> | ||
+ | <ul id="h2igemmenu"> | ||
+ | |||
+ | <li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">H2 Homepage</a></li> | ||
+ | <li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Proyecto</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:195px;"> | ||
+ | <li><a href="#"><span>Intro</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Theory</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Description</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Aplications</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | <li class="istylei0"><a class="istylei0" href="#">Abstract in a Picture</a></li> | ||
+ | <li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>Team Members</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:195px;"> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2011&team_name=UNAM-Genomics_Mexico"><span>Oficial Team Profile</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Motivation</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Brainstorm</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>Team Members</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:173px;"> | ||
+ | <li><a href="https://2011.igem.org/User:Jurquiza">Uriel</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Nandomgu">Nando</a></li> | ||
+ | <li><a href="#">Paz</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Fibonacci_Lopez">Fabricio</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Hmedina">Hector</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Dgarcia">Daniela</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Khronus">Daniel</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Melissam">Melissita</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Alecanda">Aaron</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Atrevino">Abiel</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Meli_arr">Meli</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Paedugar">Pae</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Vladimir">Vladimir</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Gustavoruiz">Gustavo</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Palatris">Pato</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Hamarillo">Helena</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Paxiveri">Paloma</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Nalvarez">Nataly</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Misticastillo">Misti</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:AraceliAM">Araceli</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:Ocarrillo">Omar</a></li> | ||
+ | <li><a href="https://2011.igem.org/User:MarioV">Mario</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span>Notebook</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:195px;"> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Calendar</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Protocols</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Programs</span><![if gt IE 6]></a> | ||
+ | <li><a href="#"><span>Wet-Lab</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling"><span>Modeling</span><![if gt IE 6]></a> | ||
+ | <![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </ul> | ||
+ | <li class="istylei0"><a class="istylei0" href="#"><span>Modelado</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--></li> | ||
+ | <li class="istylei0"><a class="istylei0" href="#"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:195px;"> | ||
+ | <li><a href="#"><span>Ethics</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Biosecurity-Biosafety</span><![if gt IE 6]></a> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte"><span>BioArt</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> | ||
+ | <ul class="istylem0" style="width:173px;"> | ||
+ | <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte">Call</a></li> | ||
+ | <li><a href="#">Photos</a></li> | ||
+ | <li><a href="#">Send a Phrase</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </ul></li> | ||
+ | <li class="istylei0"><a class="istylei0" href="#">Sponsors</a></li> | ||
+ | </ul> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> | ||
+ | </td> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | <!-- End: Menu code --> | ||
+ | |||
+ | <!-- Table code --> | ||
+ | <div class="row"> | ||
+ | <div class="left_third"> | ||
+ | <a class="HP" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte">Biosintetizarte | ||
+ | <img class="sub_proyect" alt="Lost Image" src="https://2011.igem.org/File:Aguila.png" title="Human Practices"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mid_third"> | ||
+ | <a class="wet_lab" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project">Our Proyect | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Wet lab"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="right_third"> | ||
+ | <a class="garden" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts">Parts | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Parts"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="left_third"> | ||
+ | <a class="model" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling">Model | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Model"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mid_third"> | ||
+ | <a class="H2" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety">Safety | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Safety"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="right_third"> | ||
+ | <a class="team" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team">Meet the Team | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Team"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="left_third"> | ||
+ | <a class="HP" href="">Notebook | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Notebook"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mid_third"> | ||
+ | <a class="model" href="">Attributions | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Attributions"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="right_third"> | ||
+ | <a class="garden" href="">Bean Garden | ||
+ | <img class="sub_proyect" alt="Lost Image" src="NADH.jpg" title="Bean Garden"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | SPONSORS | ||
+ | <img class="sponsor_img" alt="Lost Image" src="NADH.jpg" title="Bioart"> | ||
+ | <img class="sponsor_img" alt="Lost Image" src="NADH.jpg" title="Bioart"> | ||
+ | <img class="sponsor_img" alt="Lost Image" src="NADH.jpg" title="Bioart"> | ||
+ | <img class="sponsor_img" alt="Lost Image" src="NADH.jpg" title="Bioart"> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 01:07, 9 June 2011
UNAM-Genomics Mexico