Team:UNAM-Genomics Mexico/Templates/Parts

From 2011.igem.org

Revision as of 08:39, 26 July 2011 by Atrevino (Talk | contribs)

<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">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-19624614-2']);
 _gaq.push(['_trackPageview']);
 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();

</script> <style type="text/css">

/* CHANGING THE WIKI CSS */

  1. content {

position: relative; width: 964px; margin: 0 auto; padding: 5px 5px 5px 5px; background: transparent; color: transparent; border-left: none; border-right: none; line-height: 0px; z-index: 2; }

  1. contentSub {

display:none; }

  1. bodyContent {

}

  1. siteSub {

display:none; }

  1. search-controls {

display:none; }

.firstHeading { display:none; }

  1. search-controls {

margin-top:30px; }


  1. top-section {

height: 25px; border-left: none; border-right: none; border-bottom: none; }

.left-menu { margin-top:-15px; }

.left-menu ul { border: none; }

  1. menubar li a {

color: white; }

  1. menubar.right-menu {

margin-top:-15px; }

.right-menu ul { border: none; }

  1. menubar{

top:22px; z-index:25; }

img[src*="/wiki/skins/common/images/wiki.png"]{

   width:0;
   height:0px;
   padding-right:975px;
   background:transparent url(wiki.png) top left no-repeat;

} element.style { color: transparent; cursor: default; } menubar ul { color: transparent; list-style: none; list-style-type: none; list-style-position: initial; list-style-image: initial; }

element.style { }


  1. catlinks {

display:none; }


  1. p-logo {

display:none; position: absolute; z-index: 1; height: 0px; width: 0px; }


/* 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; } /* MAIN PAGE CSS */


body { font-family:Tahoma, Geneva, sans-serif; margin: 0px; padding: 0px; }

  1. header{

height:220px; width:100%; font-family:"Arial Black", Gadget, sans-serif; }

  1. header1{

height:220px; width:100%; bottom: auto; font-family:"Arial Black", Gadget, sans-serif; }

p.title{ color:#CC4455; font-size:150%; }

  1. container {

margin: 0px auto; text-align:justify; width: 100%; background-image:url(Light-bubbles.jpg); color:#454545; font-size: 110%; }

a.project:hover, a.model:hover, a.garden:hover, a.team:hover, a.HP:hover, a.safety:hover, a.parts:hover, a.attributions:hover, a.notebook:hover{ text-decoration:underline; }

/*The following class needs a square image as an input*/ img.sub_project{ height:270px; width:270px; border:none; } img.sponsor_img{ height:100px; width:100px; border:none; }

/*TEXT CONTENT*/

div#textContent{ background-color: #FFFFFF; background-image: url("Light-bubbles.jpg"); margin: 0px 0px 0px 0px; padding: 15px 45px 15px 45px; } div#textContent p{ margin: .4em 0 .5em 0; line-height: 1.5em; } h1{ text-align:center; } h2{} h3{} h4{}

  1. textContent a{

text-decoration: none; color: #378256; /*green*/ }

  1. textContent a:visited{

color: #34924c; /*lighter green*/ }

  1. textContent a.anchor{

color: #000000; }


/* Image on hover description */

td { background-color: transparent; background-repeat: no-repeat; clear: both; height: auto; width: auto; }

.imgteaser { margin: 0; overflow: hidden; float: left; position: relative; } .imgteaser a { text-decoration: none; float: left; } .imgteaser a:hover { cursor: pointer; } .imgteaser a img { float: left; margin: 0; border: none; padding: 10px; background: #fff; border: none; } .imgteaser a .more { position: absolute; right: 20px; bottom: 20px; font-size: 1.2em; color: #fff; background: #000; padding: 5px 10px; filter:alpha(opacity=65); opacity:.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/ } .imgteaser a .desc { display: none; } .imgteaser a:hover .more { visibility: hidden;} .imgteaser a:hover .desc{ display: block; font-size: 1.2em; padding: 10px 0; background: #111; filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/ color: #fff; position: absolute; bottom: 11px; left: 11px; padding: 10px; margin: 0; width: 250px; border-top: 1px solid #999; } .imgteaser a:hover .desc strong { display: block; margin-bottom: 5px; font-size:1.5em; }

</style> </head>

<body>

<img src="Unamgenomicsheader.jpg" width="964px" height="203px" id="Insert_logo" style="background: #8090AB; display:block;"></a>


</td> </table> </div>

</li>

</tr>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Rizo Kit Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Super farting bacteria Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Team  :) Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Wetlab work Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Modelling work Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">FUN FUN FUN!!!! Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">estudios latinoamericanos Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Biosintetizarte Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>

<a href="#"> <img src="Hydrogen_cell_500x500.jpg" width="250px" height="250px" id="Insert_logo" style="background:transparent; display:block;" style="opacity:1;filter:alpha(opacity=100)" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100">Safety Security & Ethics Hydrobium Etli H etli its a new funny bacteria that will change all fossil fuel with our hydrogen.

</a>



</body> </html>

{{{content}}}