Team:UNAM-Genomics Mexico/Templates/Parts

From 2011.igem.org

(Difference between revisions)
(created parts template)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--
 +
@VERSION 3
 +
@NAME  General Template header 1
 +
-->
<html>
<html>
<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">
 +
 +
  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>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
 +
 +
 +
<style type="text/css">
<style type="text/css">
-
/*
 
-
NAME    parts_template.css
 
-
VERSION  1.0.0
 
-
AUTHOR  Eduardo Vladimir Muñoz Hernández
 
-
DESC    The file contains the css data for the UNAM-Genomics_Mexico Parts wiki project pages
 
-
SEE      menu_template.css which contains the layout instructions for the menu.
 
-
*/
 
-
body {
+
/*Horizontal Slider*/
-
font-family:Tahoma, Geneva, sans-serif;
+
.top-slider-main{width:860px; height:600px; overflow:hidden; position:relative; border:0px solid #000; background: #ff8888;
-
margin: 0px;
+
-webkit-box-shadow: 5px 5px 8px #818181;
-
padding: 0px;
+
-moz-box-shadow: 5px 5px 8px #818181;
-
background-image:url(https://static.igem.org/mediawiki/2011/2/22/Light-bubbles1.jpg);
+
-moz-border-radius-topleft: 25px;
 +
-moz-border-radius-bottomright: 25px;
 +
-webkit-border-top-left-radius: 25px;
 +
-webkit-border-bottom-right-radius: 25px;
}
}
 +
.top-slider-main div{width:610px; height:600px; position:absolute; background-color:#FFF; }
 +
.top-slider-main .slider-box1{z-index:95;}
 +
.top-slider-main .slider-box2{margin-left:610px; z-index:96;}
 +
.top-slider-main .slider-box3{margin-left:660px; z-index:97;}
 +
.top-slider-main .slider-box4{margin-left:710px; z-index:98;}
 +
.top-slider-main .slider-box5{margin-left:760px; z-index:99;}
 +
.top-slider-main .slider-box6{margin-left:810px; z-index:100;}
-
#header{
+
.top-slider-main div .left{position:relative; width:50px; height:100%; float:left; cursor:pointer; color:#FFF;}
-
height:220px;
+
.top-slider-main div .content{
-
width:100%;
+
position:relative;
-
font-family:"Arial Black", Gadget, sans-serif;
+
width:350px;
 +
color:#000;
 +
float:left;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size:1em;
 +
padding-top: 10px;
}
}
-
#header1{
+
.top-slider-main .slider-box1 .left{
-
height:220px;
+
background-color:#FF3366;
-
width:100%;
+
}
-
bottom: auto;
+
.top-slider-main .slider-box2 .left{
-
font-family:"Arial Black", Gadget, sans-serif;
+
background-color:#FFCC33;
 +
}
 +
.top-slider-main .slider-box3 .left{
 +
background-color:#39C;
 +
}
 +
.top-slider-main .slider-box4 .left{
 +
background-color:#939;
 +
}
 +
.top-slider-main .slider-box5 .left{
 +
background-color:#FF9933;
 +
}
 +
.top-slider-main .slider-box6 .left{
 +
background-color:#00CC66;
}
}
-
p.title{
+
/* CHANGING THE WIKI CSS */
-
color:#CC4455;
+
 
-
font-size:150%;
+
#content {
 +
position: relative;
 +
width: 976px;
 +
margin: 0 auto;
 +
padding: 5px 5px 5px 5px;
 +
background: transparent;
 +
color: transparent;
 +
border-left: none;
 +
border-right: none;
 +
line-height: 0px;
 +
z-index: 2;
}
}
-
#container {
+
#contentSub {
-
margin: 0px auto;
+
display:none;
-
text-align:justify;
+
-
width: 100%;
+
-
background-image:url(https://static.igem.org/mediawiki/2011/a/a9/Light-bubbles.jpg);
+
-
color:#454545;
+
-
font-size: 110%;
+
}
}
-
div.row{
+
#bodyContent {
-
vertical-align:top;
+
}
}
-
div.summary_text{
+
 
-
padding: 30px 30px 30px 30px;
+
#siteSub {
-
border:none;
+
display:none;
-
font-size:115%;
+
}
}
-
div.descriptive_text{
+
 
-
/*We must observe div.left_image to deffine the appropiate top-margin value*/
+
#search-controls {
-
margin: 70px 0px 0px 0px;
+
display:none;
-
padding: 30px 30px 30px 30px;
+
-
border:none;
+
-
font-size:110%;
+
}
}
-
div.left_image{
+
 
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
margin-top:30px;
 +
}
 +
 
 +
 
 +
 
 +
#top-section {
 +
height: 20px;
 +
width: 976px;
 +
border-left: none;
 +
border-right: none;
 +
border-bottom: none;
 +
}
 +
 
 +
.left-menu {
 +
margin-top:-15px;
 +
}
 +
 
 +
.left-menu ul {
 +
border: none;
 +
}
 +
 
 +
#menubar li a {
 +
color: #C03;
 +
}
 +
 
 +
#menubar.right-menu {
 +
margin-top:-15px;
 +
}
 +
.right-menu li a {
 +
background-color: #000000;
 +
}
 +
.right-menu ul {
 +
border: none;
 +
}
 +
 
 +
#menubar{
 +
top:22px;
 +
z-index:25;
 +
}
 +
 
 +
img[src*="/wiki/skins/common/images/wiki.png"]{
 +
    width:0;
 +
    height:0px;
 +
    padding-right:975px;
 +
    background:transparent url(https://2011.igem.org/wiki/skins/common/images/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 {
 +
}
 +
 
 +
 
 +
#catlinks {
 +
display:none;
 +
}
 +
 
 +
 
 +
#p-logo {
 +
display:none;
 +
position: absolute;
 +
z-index: 1;
 +
height: 0px;
 +
width: 0px;
 +
}
 +
 
 +
#pt-userpage{
 +
background-color: #000000;
 +
}
 +
#pt-preferences{
 +
background-color: #000000;
 +
}
 +
#pt-logout{
 +
background-color: #000000;
 +
}
 +
 
 +
/* MENU STYLE DEFINITIONS */
 +
/*PINK PART*/
 +
ul#h2igemmenupink ul{
 +
display:none
 +
}
 +
ul#h2igemmenupink li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenupink li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenupink ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenupink ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenupink,ul#h2igemmenupink ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenupink table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenupink {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenupink ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenupink li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
float:left;
float:left;
-
border:none;
 
-
padding: 30px 30px 30px 30px;
 
}
}
-
div.right_image{
+
ul#h2igemmenupink a:active, ul#h2igemmenupink a:focus {
-
float:right;
+
outline-style:none
 +
}
 +
ul#h2igemmenupink a,ul#h2igemmenupink li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#FF3366;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenupink ul li {
 +
float:none;
 +
}
 +
ul#h2igemmenupink ul a,ul#h2igemmenupink ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul#h2igemmenupink li:hover>a{
 +
background-color:#993366;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenupink li a:hover{
 +
_position:relative;
 +
background-color:#993366;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenupink li.dis a{
 +
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenupink img{
border:none;
border:none;
-
padding: 30px 30px 30px 30px;
+
vertical-align:middle;
 +
margin-right:22px;
}
}
 +
ul#h2igemmenupink img.over{
 +
display:none
 +
}
 +
ul#h2igemmenupink li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenupink li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenupink li:hover > a img.def  {
 +
display:none
 +
}
 +
ul#h2igemmenupink li:hover > a img.over {display:inline}
-
h1.part_desc{
+
ul#h2igemmenupink a:hover img.over,ul#h2igemmenupink a:hover ul img.def,ul#h2igemmenupink a:hover a:hover ul img.def,ul#h2igemmenupink a:hover a:hover img.over,ul#h2igemmenupink a:hover a:hover a:hover img.over{display:inline}
-
margin: 1px 1px 1px 1px;
+
 
 +
ul#h2igemmenupink a:hover img.def,ul#h2igemmenupink a:hover ul img.over,ul#h2igemmenupink a:hover a:hover ul img.over,ul#h2igemmenupink a:hover a:hover img.def,ul#h2igemmenupink a:hover a:hover a:hover img.def{display:none}
 +
 
 +
ul#h2igemmenupink a:hover ul,ul#h2igemmenupink a:hover a:hover ul{display:block}
 +
 
 +
ul#h2igemmenupink a:hover ul ul{display:none}
 +
 
 +
ul#h2igemmenupink span{
 +
 
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 
 +
ul#h2igemmenupink ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 
 +
ul#h2igemmenupink li a.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover a.istylei0pink{
 +
height:25px;
 +
background-color:#FF3366;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 
 +
ul#h2igemmenupink li.istylei0pink:hover>a{
 +
background-color:#FF3366;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 
 +
ul#h2igemmenupink li.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover{
 +
margin:0 10px 0 0;
 +
background-color:#FF3366;
 +
background-position:0 0;
 +
}
 +
 
 +
ul#h2igemmenupink li.istylei0pink:hover{
 +
background-color:#FF3366;
 +
}
 +
 
 +
ul#h2igemmenupink li a.istylei0pink:hover{
 +
background-color:#993366;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 
 +
ul#h2igemmenupink.istylem0pink,ul#h2igemmenupink ul.istylem0pink{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 
 +
ul#h2igemmenupink ul.istylem0pink li{
 +
margin:0;
 +
}
 +
 
 +
ul#h2igemmenupink.istylem0pink li a,ul#h2igemmenupink ul.istylem0pink li a,ul#h2igemmenupink.istylem0pink li.dis a:hover,ul#h2igemmenupink ul.istylem0pink li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 
 +
/*YELLOW PART*/
 +
ul#h2igemmenyellow ul{
 +
display:none
 +
}
 +
ul#h2igemmenyellow li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenyellow li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenyellow ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenyellow ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenyellow,ul#h2igemmenyellow ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenyellow table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenyellow {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenyellow ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenyellow li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
 +
float:left;
 +
}
 +
ul#h2igemmenyellow a:active, ul#h2igemmenyellow a:focus {
 +
outline-style:none
 +
}
 +
ul#h2igemmenyellow a,ul#h2igemmenyellow li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#FFCC33;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenyellow ul li {
 +
float:none;
 +
}
 +
ul#h2igemmenyellow ul a,ul#h2igemmenyellow ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul#h2igemmenyellow li:hover>a{
 +
background-color:#999900;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenyellow li a:hover{
 +
_position:relative;
 +
background-color:#999900;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenyellow li.dis a{
 +
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenyellow img{
border:none;
border:none;
 +
vertical-align:middle;
 +
margin-right:22px;
 +
}
 +
ul#h2igemmenyellow img.over{
 +
display:none
 +
}
 +
ul#h2igemmenyellow li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenyellow li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenyellow li:hover > a img.def  {
 +
display:none
 +
}
 +
ul#h2igemmenyellow li:hover > a img.over {display:inline}
 +
 +
ul#h2igemmenyellow a:hover img.over,ul#h2igemmenyellow a:hover ul img.def,ul#h2igemmenyellow a:hover a:hover ul img.def,ul#h2igemmenyellow a:hover a:hover img.over,ul#h2igemmenyellow a:hover a:hover a:hover img.over{display:inline}
 +
 +
ul#h2igemmenyellow a:hover img.def,ul#h2igemmenyellow a:hover ul img.over,ul#h2igemmenyellow a:hover a:hover ul img.over,ul#h2igemmenyellow a:hover a:hover img.def,ul#h2igemmenyellow a:hover a:hover a:hover img.def{display:none}
 +
 +
ul#h2igemmenyellow a:hover ul,ul#h2igemmenyellow a:hover a:hover ul{display:block}
 +
 +
ul#h2igemmenyellow a:hover ul ul{display:none}
 +
 +
ul#h2igemmenyellow span{
 +
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 +
ul#h2igemmenyellow ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 +
ul#h2igemmenyellow li a.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover a.istylei0yellow{
 +
height:25px;
 +
background-color:#FFCC33;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
-
color:#00A449;
+
margin:0 -10px 0 10px;
-
font-size:110%;
+
_margin:0 0 0 0;
 +
background-position:100% 0;
}
}
-
a.HP{
+
ul#h2igemmenyellow li.istylei0yellow:hover>a{
-
color:#B0E;
+
background-color:#FFCC33;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
a.project{
+
 
-
color:#06C;
+
ul#h2igemmenyellow li.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover{
 +
margin:0 10px 0 0;
 +
background-color:#FFCC33;
 +
background-position:0 0;
 +
}
 +
 
 +
ul#h2igemmenyellow li.istylei0yellow:hover{
 +
background-color:#FFCC33;
 +
}
 +
 
 +
ul#h2igemmenyellow li a.istylei0yellow:hover{
 +
background-color:#999900;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
 +
font-weight: bold;
}
}
-
a.parts{
+
 
-
color:#00A449;
+
ul#h2igemmenyellow.istylem0yellow,ul#h2igemmenyellow ul.istylem0yellow{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 
 +
ul#h2igemmenyellow ul.istylem0yellow li{
 +
margin:0;
 +
}
 +
 
 +
ul#h2igemmenyellow.istylem0yellow li a,ul#h2igemmenyellow ul.istylem0yellow li a,ul#h2igemmenyellow.istylem0yellow li.dis a:hover,ul#h2igemmenyellow ul.istylem0yellow li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 
 +
/*Blue Part*/
 +
ul#h2igemmenublue ul{
 +
display:none
 +
}
 +
ul#h2igemmenublue li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenublue li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenublue ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenublue ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenublue,ul#h2igemmenublue ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenublue table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenublue {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenublue ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenublue li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
 +
float:left;
 +
}
 +
ul#h2igemmenublue a:active, ul#h2igemmenublue a:focus {
 +
outline-style:none
 +
}
 +
ul#h2igemmenublue a,ul#h2igemmenublue li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#3399CC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
text-decoration:none;
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenublue ul li {
 +
float:none;
 +
}
 +
ul#h2igemmenublue ul a,ul#h2igemmenublue ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
}
}
-
a.model{
+
ul#h2igemmenublue li:hover>a{
-
color:#C00505;
+
background-color:#006699;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
a.safety{
+
ul#h2igemmenublue li a:hover{
-
color:#FC0;
+
_position:relative;
 +
background-color:#006699;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
a.team{
+
ul#h2igemmenublue li.dis a{
-
color:#00C;
+
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenublue img{
 +
border:none;
 +
vertical-align:middle;
 +
margin-right:22px;
 +
}
 +
ul#h2igemmenublue img.over{
 +
display:none
 +
}
 +
ul#h2igemmenublue li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenublue li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenublue li:hover > a img.def  {
 +
display:none
 +
}
 +
ul#h2igemmenublue li:hover > a img.over {display:inline}
 +
 
 +
ul#h2igemmenublue a:hover img.over,ul#h2igemmenublue a:hover ul img.def,ul#h2igemmenublue a:hover a:hover ul img.def,ul#h2igemmenublue a:hover a:hover img.over,ul#h2igemmenublue a:hover a:hover a:hover img.over{display:inline}
 +
 
 +
ul#h2igemmenublue a:hover img.def,ul#h2igemmenublue a:hover ul img.over,ul#h2igemmenublue a:hover a:hover ul img.over,ul#h2igemmenublue a:hover a:hover img.def,ul#h2igemmenublue a:hover a:hover a:hover img.def{display:none}
 +
 
 +
ul#h2igemmenublue a:hover ul,ul#h2igemmenublue a:hover a:hover ul{display:block}
 +
 
 +
ul#h2igemmenublue a:hover ul ul{display:none}
 +
 
 +
ul#h2igemmenublue span{
 +
 
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 
 +
ul#h2igemmenublue ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 
 +
ul#h2igemmenublue li a.istylei0blue,ul#h2igemmenublue li.dis.istylei0blue:hover a.istylei0blue{
 +
height:25px;
 +
background-color:#3399CC;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
}
}
-
a.notebook{
+
 
-
color:#93F;
+
ul#h2igemmenublue li.istylei0blue:hover>a{
 +
background-color:#3399CC;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
a.attributions{
+
 
-
color:#F90;
+
ul#h2igemmenublue li.istylei0blue,ul#h2igemmenublue li.dis.istylei0blue:hover{
 +
margin:0 10px 0 0;
 +
background-color:#3399CC;
 +
background-position:0 0;
 +
}
 +
 
 +
ul#h2igemmenublue li.istylei0blue:hover{
 +
background-color:#3399CC;
 +
}
 +
 
 +
ul#h2igemmenublue li a.istylei0blue:hover{
 +
background-color:#006699;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
 +
font-weight: bold;
}
}
-
a.garden{
+
 
-
color:#40D840;
+
ul#h2igemmenublue.istylem0blueblue,ul#h2igemmenublue ul.istylem0blueblue{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 
 +
ul#h2igemmenublue ul.istylem0blueblue li{
 +
margin:0;
 +
}
 +
 
 +
ul#h2igemmenublue.istylem0blueblue li a,ul#h2igemmenublue ul.istylem0blueblue li a,ul#h2igemmenublue.istylem0blueblue li.dis a:hover,ul#h2igemmenublue ul.istylem0blueblue li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 
 +
/*Purple part*/
 +
ul#h2igemmenupurple ul{
 +
display:none
 +
}
 +
ul#h2igemmenupurple li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenupurple li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenupurple ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenupurple ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenupurple,ul#h2igemmenupurple ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenupurple table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenupurple {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenupurple ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenupurple li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
 +
float:left;
 +
}
 +
ul#h2igemmenupurple a:active, ul#h2igemmenupurple a:focus {
 +
outline-style:none
 +
}
 +
ul#h2igemmenupurple a,ul#h2igemmenupurple li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#993399;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
 +
cursor:pointer;
}
}
-
a.project:hover, a.model:hover, a.garden:hover, a.team:hover, a.HP:hover,
+
ul#h2igemmenupurple ul li {
-
a.safety:hover, a.parts:hover, a.attributions:hover, a.notebook:hover{
+
float:none;
-
text-decoration:underline;
+
}
}
 +
ul#h2igemmenupurple ul a,ul#h2igemmenupurple ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul#h2igemmenupurple li:hover>a{
 +
background-color:#660066;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenupurple li a:hover{
 +
_position:relative;
 +
background-color:#660066;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenupurple li.dis a{
 +
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenupurple img{
 +
border:none;
 +
vertical-align:middle;
 +
margin-right:22px;
 +
}
 +
ul#h2igemmenupurple img.over{
 +
display:none
 +
}
 +
ul#h2igemmenupurple li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenupurple li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenupurple li:hover > a img.def  {
 +
display:none
 +
}
 +
ul#h2igemmenupurple li:hover > a img.over {display:inline}
-
/*The following class needs a square image as an input*/
+
ul#h2igemmenupurple a:hover img.over,ul#h2igemmenupurple a:hover ul img.def,ul#h2igemmenupurple a:hover a:hover ul img.def,ul#h2igemmenupurple a:hover a:hover img.over,ul#h2igemmenupurple a:hover a:hover a:hover img.over{display:inline}
-
img.sub_project{
+
 
-
height:270px;
+
ul#h2igemmenupurple a:hover img.def,ul#h2igemmenupurple a:hover ul img.over,ul#h2igemmenupurple a:hover a:hover ul img.over,ul#h2igemmenupurple a:hover a:hover img.def,ul#h2igemmenupurple a:hover a:hover a:hover img.def{display:none}
-
width:270px;
+
 
 +
ul#h2igemmenupurple a:hover ul,ul#h2igemmenupurple a:hover a:hover ul{display:block}
 +
 
 +
ul#h2igemmenupurple a:hover ul ul{display:none}
 +
 
 +
ul#h2igemmenupurple span{
 +
 
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 
 +
ul#h2igemmenupurple ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 
 +
ul#h2igemmenupurple li a.istylei0purple,ul#h2igemmenupurple li.dis.istylei0purple:hover a.istylei0purple{
 +
height:25px;
 +
background-color:#993399;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 
 +
ul#h2igemmenupurple li.istylei0purple:hover>a{
 +
background-color:#993399;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 
 +
ul#h2igemmenupurple li.istylei0purple,ul#h2igemmenupurple li.dis.istylei0purple:hover{
 +
margin:0 10px 0 0;
 +
background-color:#993399;
 +
background-position:0 0;
 +
}
 +
 
 +
ul#h2igemmenupurple li.istylei0purple:hover{
 +
background-color:#993399;
 +
}
 +
 
 +
ul#h2igemmenupurple li a.istylei0purple:hover{
 +
background-color:#660066;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 
 +
ul#h2igemmenupurple.istylem0purple,ul#h2igemmenupurple ul.istylem0purple{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 
 +
ul#h2igemmenupurple ul.istylem0purple li{
 +
margin:0;
 +
}
 +
 
 +
ul#h2igemmenupurple.istylem0purple li a,ul#h2igemmenupurple ul.istylem0purple li a,ul#h2igemmenupurple.istylem0purple li.dis a:hover,ul#h2igemmenupurple ul.istylem0purple li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 
 +
/*Orange part*/
 +
 
 +
ul#h2igemmenuOrange ul{
 +
display:none
 +
}
 +
ul#h2igemmenuOrange li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenuOrange li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenuOrange ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenuOrange ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenuOrange,ul#h2igemmenuOrange ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenuOrange table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenuOrange {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenuOrange ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenuOrange li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
 +
float:left;
 +
}
 +
ul#h2igemmenuOrange a:active, ul#h2igemmenuOrange a:focus {
 +
outline-style:none
 +
}
 +
ul#h2igemmenuOrange a,ul#h2igemmenuOrange li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#FF9933;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenuOrange ul li {
 +
float:none;
 +
}
 +
ul#h2igemmenuOrange ul a,ul#h2igemmenuOrange ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul#h2igemmenuOrange li:hover>a{
 +
background-color:#CC6600;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenuOrange li a:hover{
 +
_position:relative;
 +
background-color:#CC6600;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenuOrange li.dis a{
 +
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenuOrange img{
border:none;
border:none;
 +
vertical-align:middle;
 +
margin-right:22px;
}
}
-
img.sponsor_img{
+
ul#h2igemmenuOrange img.over{
-
height:100px;
+
display:none
-
width:100px;
+
}
 +
ul#h2igemmenuOrange li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenuOrange li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenuOrange li:hover > a img.def  {
 +
display:none
 +
 
 +
}
 +
ul#h2igemmenuOrange li:hover > a img.over {display:inline}
 +
 
 +
ul#h2igemmenuOrange a:hover img.over,ul#h2igemmenuOrange a:hover ul img.def,ul#h2igemmenuOrange a:hover a:hover ul img.def,ul#h2igemmenuOrange a:hover a:hover img.over,ul#h2igemmenuOrange a:hover a:hover a:hover img.over{display:inline}
 +
 
 +
ul#h2igemmenuOrange a:hover img.def,ul#h2igemmenuOrange a:hover ul img.over,ul#h2igemmenuOrange a:hover a:hover ul img.over,ul#h2igemmenuOrange a:hover a:hover img.def,ul#h2igemmenuOrange a:hover a:hover a:hover img.def{display:none}
 +
 
 +
ul#h2igemmenuOrange a:hover ul,ul#h2igemmenuOrange a:hover a:hover ul{display:block}
 +
 
 +
ul#h2igemmenuOrange a:hover ul ul{display:none}
 +
 
 +
ul#h2igemmenuOrange span{
 +
 
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 
 +
ul#h2igemmenuOrange ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 
 +
ul#h2igemmenuOrange li a.istylei0orange,ul#h2igemmenuOrange li.dis.istylei0orange:hover a.istylei0orange{
 +
height:25px;
 +
background-color:#FF9933;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 
 +
ul#h2igemmenuOrange li.istylei0orange:hover>a{
 +
background-color:#FF9933;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 
 +
ul#h2igemmenuOrange li.istylei0orange,ul#h2igemmenuOrange li.dis.istylei0orange:hover{
 +
margin:0 10px 0 0;
 +
background-color:#FF9933;
 +
background-position:0 0;
 +
}
 +
 
 +
ul#h2igemmenuOrange li.istylei0orange:hover{
 +
background-color:#FF9933;
 +
}
 +
 
 +
ul#h2igemmenuOrange li a.istylei0orange:hover{
 +
background-color:#CC6600;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 
 +
ul#h2igemmenuOrange.istylem0orange,ul#h2igemmenuOrange ul.istylem0orange{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 
 +
ul#h2igemmenuOrange ul.istylem0orange li{
 +
margin:0;
 +
}
 +
 
 +
ul#h2igemmenuOrange.istylem0orange li a,ul#h2igemmenuOrange ul.istylem0orange li a,ul#h2igemmenuOrange.istylem0orange li.dis a:hover,ul#h2igemmenuOrange ul.istylem0orange li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 
 +
/* GREEN */
 +
 
 +
ul#h2igemmenuGreen ul{
 +
display:none
 +
}
 +
ul#h2igemmenuGreen li:hover>*{
 +
display:block
 +
}
 +
ul#h2igemmenuGreen li:hover{
 +
position:relative;
 +
}
 +
ul#h2igemmenuGreen ul{
 +
position: absolute;
 +
left:-1px;
 +
top:100%;
 +
}
 +
ul#h2igemmenuGreen ul ul{
 +
position:absolute;
 +
left:98%;
 +
top:-2px;
 +
}
 +
ul#h2igemmenuGreen,ul#h2igemmenuGreen ul{
 +
margin:0px;
 +
list-style:none;
 +
padding:0px;
 +
background-image:#CCC;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
}
 +
ul#h2igemmenuGreen table {
 +
border-collapse:collapse
 +
}
 +
ul#h2igemmenuGreen {
 +
display:block;
 +
font-size:0;
 +
zoom:1;
 +
width:100%;
 +
float: left;
 +
}
 +
ul#h2igemmenuGreen ul{
 +
//width:204px;
 +
padding:0;
 +
}
 +
ul#h2igemmenuGreen li{
 +
display:block;
 +
zoom:1;
 +
margin:0;
 +
font-size:0;
 +
float:left;
 +
}
 +
ul#h2igemmenuGreen a:active, ul#h2igemmenuGreen a:focus {
 +
outline-style:none
 +
}
 +
ul#h2igemmenuGreen a,ul#h2igemmenuGreen li.dis a:hover{
 +
display:block;
 +
vertical-align:middle;
 +
_display:inline-block;
 +
_vertical-align:top;
 +
background-color:#00CC66;
 +
border-width:0px;
 +
border-style:none;
 +
border-color:transparent;
 +
text-align:center;
 +
text-decoration:none;
 +
padding:11px 15px 5px 5px;
 +
_padding-left:0;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenuGreen ul li {
 +
float:none;
 +
}
 +
ul#h2igemmenuGreen ul a,ul#h2igemmenuGreen ul li.dis a:hover{
 +
display:block;
 +
text-align:left;
 +
white-space:nowrap;
 +
}
 +
ul#h2igemmenuGreen li:hover>a{
 +
background-color:#669999;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenuGreen li a:hover{
 +
_position:relative;
 +
background-color:#669999;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenuGreen li.dis a{
 +
color: #AAAAAA !important;
 +
}
 +
ul#h2igemmenuGreen img{
border:none;
border:none;
 +
vertical-align:middle;
 +
margin-right:22px;
}
}
 +
ul#h2igemmenuGreen img.over{
 +
display:none
 +
}
 +
ul#h2igemmenuGreen li.dis a:hover img.over{
 +
display:none !important
 +
}
 +
ul#h2igemmenuGreen li.dis a:hover img.def {
 +
display:inline !important
 +
}
 +
ul#h2igemmenuGreen li:hover > a img.def  {
 +
display:none
 +
}
 +
ul#h2igemmenuGreen li:hover > a img.over {display:inline}
 +
 +
ul#h2igemmenuGreen a:hover img.over,ul#h2igemmenuGreen a:hover ul img.def,ul#h2igemmenuGreen a:hover a:hover ul img.def,ul#h2igemmenuGreen a:hover a:hover img.over,ul#h2igemmenuGreen a:hover a:hover a:hover img.over{display:inline}
 +
 +
ul#h2igemmenuGreen a:hover img.def,ul#h2igemmenuGreen a:hover ul img.over,ul#h2igemmenuGreen a:hover a:hover ul img.over,ul#h2igemmenuGreen a:hover a:hover img.def,ul#h2igemmenuGreen a:hover a:hover a:hover img.def{display:none}
 +
 +
ul#h2igemmenuGreen a:hover ul,ul#h2igemmenuGreen a:hover a:hover ul{display:block}
 +
 +
ul#h2igemmenuGreen a:hover ul ul{display:none}
 +
 +
ul#h2igemmenuGreen span{
 +
 +
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
 +
 +
ul#h2igemmenuGreen ul span{background-image:url(imgs/arr_white.gif);padding-right:29px;}
 +
 +
ul#h2igemmenuGreen li a.istylei0green,ul#h2igemmenuGreen li.dis.istylei0green:hover a.istylei0green{
 +
height:25px;
 +
background-color:#00CC66;
 +
border-width:0px;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 +
ul#h2igemmenuGreen li.istylei0green:hover>a{
 +
background-color:#00CC66;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 +
ul#h2igemmenuGreen li.istylei0green,ul#h2igemmenuGreen li.dis.istylei0green:hover{
 +
margin:0 10px 0 0;
 +
background-color:#00CC66;
 +
background-position:0 0;
 +
}
 +
 +
ul#h2igemmenuGreen li.istylei0green:hover{
 +
background-color:#00CC66;
 +
}
 +
 +
ul#h2igemmenuGreen li a.istylei0green:hover{
 +
background-color:#669999;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 +
ul#h2igemmenuGreen.istylem0green,ul#h2igemmenuGreen ul.istylem0green{
 +
background-color:transparent;
 +
border-width:0px;
 +
border-style:none;
 +
padding:0;
 +
}
 +
 +
ul#h2igemmenuGreen ul.istylem0green li{
 +
margin:0;
 +
}
 +
 +
ul#h2igemmenuGreen.istylem0green li a,ul#h2igemmenuGreen ul.istylem0green li a,ul#h2igemmenuGreen.istylem0green li.dis a:hover,ul#h2igemmenuGreen ul.istylem0green li.dis a:hover{
 +
padding:5px 5px 5px 5px;
 +
}
 +
 +
 +
 +
 +
/* MAIN PAGE CSS */
 +
body {
 +
font-family:Tahoma, Geneva, sans-serif;
 +
margin: 0px;
 +
padding: 0px;
 +
color:#FFFFFF;
 +
background-color: #000000;
 +
}
 +
 +
div.igemimage {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        right: -200px;
 +
}
 +
#header{
 +
height:220px;
 +
width:100%;
 +
font-family:"Arial Black", Gadget, sans-serif;
 +
}
 +
#spponsors{
 +
position:absolute;
 +
bottom:1;
 +
margin-left:auto;
 +
margin-right:auto;
 +
text-align:center;
 +
}
 +
 +
p.title{
 +
color:#CC4455;
 +
font-size:150%;
 +
}
 +
 +
#container {
 +
margin: 0px auto;
 +
text-align:justify;
 +
width: 100%;
 +
background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png);
 +
color:#000000;
 +
font-size: 110%;
 +
}
 +
 +
/*TEXT CONTENT*/
 +
 +
div#textContent{
 +
background-color: #333333;
 +
background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png");
 +
background-repeat: repeat;
 +
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;
 +
}
 +
 +
#textContent a{
 +
text-decoration: none;
 +
color: #378256; /*green*/
 +
}
 +
#textContent a:visited{
 +
color: #34924c; /*lighter green*/
 +
}
 +
 +
#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: 20px;
 +
background: #FFF;
 +
border: 0px solid #ddd;
 +
}
 +
 +
.imgteaser a .desc { display: none; }
 +
 +
.imgteaser a:hover .desc{
 +
display: block;
 +
font-size: 1.1em;
 +
padding: 20px 0;
 +
background: #111;
 +
filter:alpha(opacity=65);
 +
opacity:.65;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
 +
color: #fff;
 +
position: absolute;
 +
bottom: 11px;
 +
left: 11px;
 +
padding: 10px;
 +
margin: 0;
 +
width: 230px;
 +
        height:100px;
 +
border-top: 1px solid #999;
 +
}
 +
.imgteaser a:hover .desc strong {
 +
display: block;
 +
margin-bottom: 5px;
 +
font-size:1.2em;
 +
}
</style>
</style>
 +
<script>
 +
var $slider_started = false;
 +
$(document).ready(function(){
 +
    var $total_slider = $('.top-slider-main > div').length;
 +
    var $label_width = $('.top-slider-main div .left').width();
 +
    var $max_slider_width = ($total_slider -1)*$label_width;
 +
    var $extra_margin = $('.top-slider-main div').width() - $label_width;
 +
 +
    $('.top-slider-main div:not(.slider-box1) .left').mouseover(function(){
 +
        var $slider_index = $('.top-slider-main > div').index($(this).parent()) + 1;
 +
        if($(this).parent().hasClass('on'))
 +
        {
 +
            if($slider_started != 1)
 +
            {
 +
                $slider_started = 2;
 +
                for(i=$total_slider; i>=$slider_index; i--)
 +
                {
 +
                    var $elm = $('.top-slider-main .slider-box'+i);
 +
                    if($elm.hasClass('on'))
 +
                    {
 +
                        $elm.removeClass('on');
 +
                        var $left_margin = ($label_width*(i-1)) + $extra_margin;
 +
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 +
                    }
 +
                }
 +
            }
 +
        }
 +
        else
 +
        {
 +
            if($slider_started != 2)
 +
            {
 +
                $slider_started = 1;
 +
                for(i=2; i<=$slider_index; i++)
 +
                {
 +
                    var $elm = $('.top-slider-main .slider-box'+i);
 +
                    if(!$elm.hasClass('on'))
 +
                    {
 +
                        $elm.addClass('on');
 +
                        var $left_margin = ($label_width*(i-1));
 +
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 +
                    }
 +
                }
 +
            }
 +
        }
 +
    });
 +
});
 +
</script>
 +
</head>
</head>
 +
 +
<body>
 +
<div id="globalWrapper">
 +
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2011/0/03/UNAMGenomicsIGEMlogo.png" height="150"></a></div>
 +
</div>
 +
 +
<div id="container">
 +
 +
 +
 +
<div class="header">
 +
<img src="https://static.igem.org/mediawiki/2011/a/a7/Unamgenomicshidrobiumetliheader1.jpg" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>
 +
 +
<!-- Menu Code -->
 +
<table  border="0" align="center" cellpadding="0" cellspacing="0">
 +
<tr><td width="10" align="center" valign="center">
 +
    <td>
 +
    <ul id="h2igemmenuOrange">
 +
 +
<li class="istylei0orange" style="width:100px;"><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">  Home  </a></li>
 +
    </ul>
 +
   
 +
    </td>   
 +
    <td>
 +
    <ul id="h2igemmenupink">
 +
<li class="istylei0pink" style="width:100px;"><a class="istylei0pink" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="istylem0pink" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project/HydrogenProduction"><span>Hydrogen Production</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project/RhizobialKit"><span>Rhizobial Kit</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a>
 +
<li><a 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]-->
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
</ul></ul>
 +
    </td>
 +
    <td>
 +
    <ul id="h2igemmenyellow">
 +
<li class="istylei0yellow" style="width:150px;"><a class="istylei0yellow" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/HumanPractices"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="istylem0yellow" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/HumanPractices/LawProposal"><span>Law Proposal</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte"><span>BioSintetizarte</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/HumanPractices/KitPresentation"><span>Kit Presentation</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></ul>
 +
    </td>
 +
    <td>
 +
<ul id="h2igemmenublue">
 +
<li class="istylei0blue" style="width:200px;"><a class="istylei0blue" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/SafetySecurityEthics"><span>Safety, Security & Ethics </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="istylem0blue" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Ethics"><span>Ethics</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Security"><span>Security</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Safety</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/SafetyQuestions"><span>Safety Questions</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>
 +
    </ul>
 +
    <td>
 +
    <ul id="h2igemmenupurple">
 +
<li class="istylei0purple" style="width:104px;" ><a class="istylei0purple" 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]-->
 +
<ul class="istylem0purple" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/FBA"><span>Flux Balance Analysis</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/CA"><span>Celular Automaton</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/GT"><span>Game Theory</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/MM"><span>Markov Model</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>
 +
    </ul>
 +
    </td>
 +
    <td>
 +
    <ul id="h2igemmenuOrange" >
 +
    <li class="istylei0orange" style="width:90px;" ><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>  Team  </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="istylem0orange" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Atributions"><span>Atributions</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Colaborations"><span>Colaborations</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Individuals"><span>Individuals</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>
 +
    </ul>
 +
    </td>
 +
    <td>
 +
    <ul id="h2igemmenuGreen">
 +
<li class="istylei0green"  style="width:162px;"><a class="istylei0green" href="#"><span> Wiki Requirements</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class="istylem0green" style="width:195px;">
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Atributions"><span>Attributions</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span>Notebook</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>Team</span><![if gt IE 6]></a>
 +
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Safety</span><![if gt IE 6]></a> 
 +
    </ul></li>
 +
    </ul>
 +
    </td>
 +
 +
</tr>
 +
</table>
 +
<!-- End: Menu code -->
 +
   
 +
   
 +
 
 +
   
 +
</div><!--class="header"-->   
 +
   
 +
 
 +
   
 +
</body>
</html>
</html>
 +
 +
<div id="textContent">
 +
{{{content}}}
 +
</div>

Latest revision as of 17:59, 21 September 2011

UNAM-Genomics_Mexico