Team:UNAM-Genomics Mexico/Templates/Parts

From 2011.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
<!--
<!--
-
@VERSION 2.0.0
+
@VERSION 3
-
@NAME   Bio-SintetizArte page for the UNAM-Genomics_Mexico team wiki.
+
@NAME   General Template header 1
-->
-->
<html>
<html>
Line 21: Line 21:
</script>
</script>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
 +
 +
 +
<style type="text/css">
<style type="text/css">
 +
 +
/*Horizontal Slider*/
 +
.top-slider-main{width:860px; height:600px; overflow:hidden; position:relative; border:0px solid #000; background: #ff8888;
 +
-webkit-box-shadow: 5px 5px 8px #818181;
 +
-moz-box-shadow: 5px 5px 8px #818181;
 +
-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;}
 +
 +
.top-slider-main div .left{position:relative; width:50px; height:100%; float:left; cursor:pointer; color:#FFF;}
 +
.top-slider-main div .content{
 +
position:relative;
 +
width:350px;
 +
color:#000;
 +
float:left;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size:1em;
 +
padding-top: 10px;
 +
}
 +
.top-slider-main .slider-box1 .left{
 +
background-color:#FF3366;
 +
}
 +
.top-slider-main .slider-box2 .left{
 +
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;
 +
}
/* CHANGING THE WIKI CSS */
/* CHANGING THE WIKI CSS */
Line 27: Line 78:
#content {
#content {
position: relative;
position: relative;
-
width: 964px;
+
width: 976px;
margin: 0 auto;
margin: 0 auto;
padding: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
Line 64: Line 115:
#top-section {
#top-section {
-
height: 25px;
+
height: 20px;
 +
width: 976px;
border-left: none;
border-left: none;
border-right: none;
border-right: none;
Line 79: Line 131:
#menubar li a {
#menubar li a {
-
color: white;
+
color: #C03;
}
}
Line 85: Line 137:
margin-top:-15px;
margin-top:-15px;
}
}
-
 
+
.right-menu li a {
 +
background-color: #000000;
 +
}
.right-menu ul {
.right-menu ul {
border: none;
border: none;
Line 130: Line 184:
}
}
-
 
+
#pt-userpage{
 +
background-color: #000000;
 +
}
 +
#pt-preferences{
 +
background-color: #000000;
 +
}
 +
#pt-logout{
 +
background-color: #000000;
 +
}
/* MENU STYLE DEFINITIONS */
/* MENU STYLE DEFINITIONS */
-
ul#h2igemmenu ul{
+
/*PINK PART*/
 +
ul#h2igemmenupink ul{
display:none
display:none
}
}
-
ul#h2igemmenu li:hover>*{
+
ul#h2igemmenupink li:hover>*{
display:block
display:block
}
}
-
ul#h2igemmenu li:hover{
+
ul#h2igemmenupink li:hover{
position:relative;
position:relative;
}
}
-
ul#h2igemmenu ul{
+
ul#h2igemmenupink ul{
position: absolute;
position: absolute;
left:-1px;
left:-1px;
-
top:98%;
+
top:100%;
}
}
-
ul#h2igemmenu ul ul{
+
ul#h2igemmenupink ul ul{
position:absolute;
position:absolute;
left:98%;
left:98%;
top:-2px;
top:-2px;
}
}
-
ul#h2igemmenu,ul#h2igemmenu ul{
+
ul#h2igemmenupink,ul#h2igemmenupink ul{
margin:0px;
margin:0px;
list-style:none;
list-style:none;
Line 161: Line 224:
border-color:transparent;
border-color:transparent;
}
}
-
ul#h2igemmenu table {
+
ul#h2igemmenupink table {
border-collapse:collapse
border-collapse:collapse
}
}
-
ul#h2igemmenu {
+
ul#h2igemmenupink {
display:block;
display:block;
font-size:0;
font-size:0;
Line 171: Line 234:
float: left;
float: left;
}
}
-
ul#h2igemmenu ul{
+
ul#h2igemmenupink ul{
//width:204px;
//width:204px;
padding:0;
padding:0;
}
}
-
ul#h2igemmenu li{
+
ul#h2igemmenupink li{
display:block;
display:block;
zoom:1;
zoom:1;
Line 182: Line 245:
float:left;
float:left;
}
}
-
ul#h2igemmenu a:active, ul#h2igemmenu a:focus {
+
ul#h2igemmenupink a:active, ul#h2igemmenupink a:focus {
outline-style:none
outline-style:none
}
}
-
ul#h2igemmenu a,ul#h2igemmenu li.dis a:hover{
+
ul#h2igemmenupink a,ul#h2igemmenupink li.dis a:hover{
display:block;
display:block;
vertical-align:middle;
vertical-align:middle;
_display:inline-block;
_display:inline-block;
_vertical-align:top;
_vertical-align:top;
-
background-color:#333;
+
background-color:#FF3366;
border-width:0px;
border-width:0px;
border-style:none;
border-style:none;
Line 198: Line 261:
padding:11px 15px 5px 5px;
padding:11px 15px 5px 5px;
_padding-left:0;
_padding-left:0;
-
font:normal 8pt Verdana;
+
font:bold 8pt Verdana;
color: #FFFFFF;
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
cursor:pointer;
cursor:pointer;
}
}
-
ul#h2igemmenu ul li {
+
ul#h2igemmenupink ul li {
float:none;
float:none;
}
}
-
ul#h2igemmenu ul a,ul#h2igemmenu ul li.dis a:hover{
+
ul#h2igemmenupink ul a,ul#h2igemmenupink ul li.dis a:hover{
display:block;
display:block;
text-align:left;
text-align:left;
white-space:nowrap;
white-space:nowrap;
}
}
-
ul#h2igemmenu li:hover>a{
+
ul#h2igemmenupink li:hover>a{
-
background-color:#999;
+
background-color:#993366;
border-color:transparent;
border-color:transparent;
border-style:none;
border-style:none;
-
font:normal 8pt Verdana;
+
font:bold 8pt Verdana;
color: #FFFFFF;
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
ul#h2igemmenu li a:hover{
+
ul#h2igemmenupink li a:hover{
_position:relative;
_position:relative;
-
background-color:#666;
+
background-color:#993366;
border-color:transparent;
border-color:transparent;
border-style:none;
border-style:none;
-
font:normal 8pt Verdana;
+
font:bold 8pt Verdana;
color: #FFFFFF;
color: #FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
ul#h2igemmenu li.dis a{
+
ul#h2igemmenupink li.dis a{
color: #AAAAAA !important;
color: #AAAAAA !important;
}  
}  
-
ul#h2igemmenu img{
+
ul#h2igemmenupink img{
border:none;
border:none;
vertical-align:middle;
vertical-align:middle;
margin-right:22px;
margin-right:22px;
}
}
-
ul#h2igemmenu img.over{
+
ul#h2igemmenupink img.over{
display:none
display:none
}
}
-
ul#h2igemmenu li.dis a:hover img.over{
+
ul#h2igemmenupink li.dis a:hover img.over{
display:none !important
display:none !important
}
}
-
ul#h2igemmenu li.dis a:hover img.def {
+
ul#h2igemmenupink li.dis a:hover img.def {
display:inline !important
display:inline !important
}
}
-
ul#h2igemmenu li:hover > a img.def  {
+
ul#h2igemmenupink li:hover > a img.def  {
display:none
display:none
}
}
-
ul#h2igemmenu li:hover > a img.over {display:inline}
+
ul#h2igemmenupink 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#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}
-
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#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#h2igemmenu a:hover ul,ul#h2igemmenu a:hover a:hover ul{display:block}
+
ul#h2igemmenupink a:hover ul,ul#h2igemmenupink a:hover a:hover ul{display:block}
-
ul#h2igemmenu a:hover ul ul{display:none}
+
ul#h2igemmenupink a:hover ul ul{display:none}
-
ul#h2igemmenu span{
+
ul#h2igemmenupink span{
display:block;overflow:visible;background-position:right center;background-repeat: no-repeat;padding-right:0px;}
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#h2igemmenupink 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{
+
ul#h2igemmenupink li a.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover a.istylei0pink{
height:25px;
height:25px;
-
background-color:#333;
+
background-color:#FF3366;
border-width:0px;
border-width:0px;
border-style:none;
border-style:none;
-
font:normal 14px Trebuchet MS;
+
font:bold 14px Trebuchet MS;
color:#FFFFFF;
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
Line 277: Line 340:
}
}
-
ul#h2igemmenu li.istylei0:hover>a{
+
ul#h2igemmenupink li.istylei0pink:hover>a{
-
background-color:#333;
+
background-color:#FF3366;
border-style:none;
border-style:none;
-
font:normal 14px Trebuchet MS;
+
font:bold 14px Trebuchet MS;
color:#FFFFFF;
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
}
}
-
ul#h2igemmenu li.istylei0,ul#h2igemmenu li.dis.istylei0:hover{
+
ul#h2igemmenupink li.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover{
margin:0 10px 0 0;
margin:0 10px 0 0;
-
background-color:#333;
+
background-color:#FF3366;
background-position:0 0;
background-position:0 0;
}
}
-
ul#h2igemmenu li.istylei0:hover{
+
ul#h2igemmenupink li.istylei0pink:hover{
-
background-color:#333;
+
background-color:#FF3366;
}
}
-
ul#h2igemmenu li a.istylei0:hover{
+
ul#h2igemmenupink li a.istylei0pink:hover{
-
background-color:#666;
+
background-color:#993366;
border-style:none;
border-style:none;
-
font:normal 14px Trebuchet MS;
+
font:bold 14px Trebuchet MS;
color:#FFFFFF;
color:#FFFFFF;
text-decoration:none;
text-decoration:none;
Line 304: Line 367:
}
}
-
ul#h2igemmenu.istylem0,ul#h2igemmenu ul.istylem0{
+
ul#h2igemmenupink.istylem0pink,ul#h2igemmenupink ul.istylem0pink{
background-color:transparent;
background-color:transparent;
border-width:0px;
border-width:0px;
Line 311: Line 374:
}
}
-
ul#h2igemmenu ul.istylem0 li{
+
ul#h2igemmenupink ul.istylem0pink li{
margin:0;
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{
+
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;
padding:5px 5px 5px 5px;
}
}
-
/* MAIN PAGE CSS */
 
 +
/*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;
 +
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;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 +
ul#h2igemmenyellow li.istylei0yellow:hover>a{
 +
background-color:#FFCC33;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 +
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;
 +
font-weight: bold;
 +
}
 +
 +
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;
 +
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;
 +
}
 +
ul#h2igemmenublue li:hover>a{
 +
background-color:#006699;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenublue li a:hover{
 +
_position:relative;
 +
background-color:#006699;
 +
border-color:transparent;
 +
border-style:none;
 +
font:bold 8pt Verdana;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul#h2igemmenublue li.dis a{
 +
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;
 +
margin:0 -10px 0 10px;
 +
_margin:0 0 0 0;
 +
background-position:100% 0;
 +
}
 +
 +
ul#h2igemmenublue li.istylei0blue:hover>a{
 +
background-color:#3399CC;
 +
border-style:none;
 +
font:bold 14px Trebuchet MS;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
}
 +
 +
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;
 +
font-weight: bold;
 +
}
 +
 +
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;
 +
cursor:pointer;
 +
}
 +
ul#h2igemmenupurple ul li {
 +
float:none;
 +
}
 +
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}
 +
 +
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}
 +
 +
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}
 +
 +
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;
 +
vertical-align:middle;
 +
margin-right:22px;
 +
}
 +
ul#h2igemmenuOrange img.over{
 +
display:none
 +
}
 +
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;
 +
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 {
body {
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
 +
color:#FFFFFF;
 +
background-color: #000000;
}
}
 +
div.igemimage {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        right: -200px;
 +
}
#header{
#header{
height:220px;
height:220px;
Line 333: Line 1,344:
font-family:"Arial Black", Gadget, sans-serif;
font-family:"Arial Black", Gadget, sans-serif;
}
}
-
.header1{
+
#spponsors{
-
height:auto;
+
position:absolute;
-
width:100%;
+
bottom:1;
-
bottom: auto;
+
margin-left:auto;
-
font-family:"Arial Black", Gadget, sans-serif;
+
margin-right:auto;
-
        margin-top:-80px
+
text-align:center;
-
        background: #333;
+
}
}
Line 351: Line 1,361:
text-align:justify;
text-align:justify;
width: 100%;
width: 100%;
-
background-image:url(https://static.igem.org/mediawiki/2011/a/a9/Light-bubbles.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png);
-
color:#454545;
+
color:#000000;
font-size: 110%;
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;
 
}
}
Line 376: Line 1,369:
div#textContent{
div#textContent{
-
background-color: #FFFFFF;
+
background-color: #333333;
-
background-image: url("https://static.igem.org/mediawiki/2011/a/a9/Light-bubbles.jpg");
+
background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png");
 +
background-repeat: repeat;
margin: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 15px 45px 15px 45px;
padding: 15px 45px 15px 45px;
 +
}
}
div#textContent p{
div#textContent p{
Line 388: Line 1,383:
text-align:center;
text-align:center;
}
}
-
h2{}
+
 
-
h3{}
+
-
h4{}
+
#textContent a{
#textContent a{
text-decoration: none;
text-decoration: none;
Line 416: Line 1,409:
.imgteaser {
.imgteaser {
margin: 0;
margin: 0;
-
overflow: visible;
+
overflow: hidden;
float: left;
float: left;
position: relative;
position: relative;
Line 431: Line 1,424:
margin: 0;
margin: 0;
border: none;
border: none;
-
padding: 0px;
+
padding: 20px;
-
background: #333;
+
background: #FFF;
-
border: 1px solid #ddd;
+
border: 0px solid #ddd;
-
}
+
-
.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 .desc { display: none; }
-
.imgteaser a:hover .more { visibility: hidden;}
+
 
.imgteaser a:hover .desc{
.imgteaser a:hover .desc{
display: block;
display: block;
-
font-size: 1.2em;
+
font-size: 1.1em;
-
padding: 10px 0;
+
padding: 20px 0;
background: #111;
background: #111;
-
filter:alpha(opacity=75);
+
filter:alpha(opacity=65);
-
opacity:.75;
+
opacity:.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
color: #fff;
Line 463: Line 1,445:
padding: 10px;
padding: 10px;
margin: 0;
margin: 0;
-
width: 566px;
+
width: 230px;
 +
        height:100px;
border-top: 1px solid #999;
border-top: 1px solid #999;
}
}
Line 469: Line 1,452:
display: block;
display: block;
margin-bottom: 5px;
margin-bottom: 5px;
-
font-size:1.5em;
+
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>
<body>
-
<div id="container">
+
<div id="globalWrapper">
-
<div class="header">
+
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2011/0/03/UNAMGenomicsIGEMlogo.png" height="150"></a></div>
-
<img src="https://static.igem.org/mediawiki/2011/3/38/Unamgenomicsheader.jpg" width="964px" height="203px" id="Insert_logo" style="background: #8090AB; display:block;"></a>  
+
</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 -->
<!-- Menu Code -->
-
<table width="100%" border="0" class="header1">
+
<table border="0" align="center" cellpadding="0" cellspacing="0">
-
<tr><td align="center" valign="center">
+
<tr><td width="10" align="center" valign="center">
-
<td width="964px">
+
    <td>
-
<ul id="h2igemmenu">
+
    <ul id="h2igemmenuOrange">
-
<li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico"> Home</a></li>
+
<li class="istylei0orange" style="width:100px;"><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">   Home   </a></li>
-
<li class="istylei0"><a class="istylei0" 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>
-
<ul class="istylem0" style="width:195px;">
+
   
-
<li><a href="#"><span>Intro</span><![if gt IE 6]></a>
+
    </td>   
-
<li><a href="#"><span>Theory</span><![if gt IE 6]></a>
+
    <td>
-
<li><a href="#"><span>Description</span><![if gt IE 6]></a>
+
    <ul id="h2igemmenupink">
-
<li><a href="#"><span>Aplications</span><![if gt IE 6]></a>
+
<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]-->
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
</ul>
+
</ul></ul>
-
<li class="istylei0"><a class="istylei0" href="#">Graphical Abstract</a></li>
+
    </td>
-
+
    <td>
-
<li class="istylei0"><a class="istylei0" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook"><span>Wetlab Work</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
+
    <ul id="h2igemmenyellow">
-
<ul class="istylem0" style="width:195px;">
+
<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]-->
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a>
+
<ul class="istylem0yellow" style="width:195px;">
-
<li><a href="#"><span>Calendar</span><![if gt IE 6]></a>
+
<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="#"><span>Protocols</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="#"><span>Programs</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>
-
<li><a href="#"><span>Wet-Lab</span><![if gt IE 6]></a>
+
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling"><span>Modeling</span><![if gt IE 6]></a>
+
<!--[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]-->
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</ul>
-
<li class="istylei0"><a class="istylei0" href="#"><span>Modeling Work </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--></li>
+
    </ul>
-
     <li class="istylei0"><a class="istylei0" href="#">Security & Ethics, Safety </a></li>
+
    <td>
-
<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 id="h2igemmenupurple">
-
<ul class="istylem0" style="width:195px;">
+
<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]-->
-
<li><a href="#"><span>Ethics</span><![if gt IE 6]></a>
+
<ul class="istylem0purple" style="width:195px;">
-
<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/Modeling/FBA"><span>Flux Balance Analysis</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]-->
+
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/CA"><span>Celular Automaton</span><![if gt IE 6]></a>
-
<ul class="istylem0" style="width:173px;">
+
<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/Bio-SintetizArte">Call</a></li>
+
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/MM"><span>Markov Model</span><![if gt IE 6]></a>
-
<li><a href="#">Photos</a></li>
+
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
<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]--></li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
</ul>
-
</ul></li>
+
    </ul>
-
     <li class="istylei0"><a class="istylei0" 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]-->
+
    </td>
-
<ul class="istylem0" style="width:195px;">
+
    <td>
-
<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>
+
    <ul id="h2igemmenuOrange" >
-
<li><a href="#"><span>Motivation</span><![if gt IE 6]></a>
+
     <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]-->
-
<li><a href="#"><span>Brainstorm</span><![if gt IE 6]></a>
+
<ul class="istylem0orange" style="width:195px;">
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>Team Members</span><![if gt IE 6]></a>
+
<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]-->
<![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>
 
-
</ul>
 
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</ul>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
+
    </ul>
-
    <li class="istylei0" style="width:30px;" ><a class="istylei0" href="#"></a></li>
+
    </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>
-
</ul>
 
-
   
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 
-
</td>
 
-
</td>
 
</tr>
</tr>
</table>
</table>
<!-- End: Menu code -->
<!-- End: Menu code -->
 +
   
 +
   
 +
 
 +
   
</div><!--class="header"-->     
</div><!--class="header"-->     
 +
   
 +
 
      
      
</body>
</body>
</html>
</html>
 +
<div id="textContent">
<div id="textContent">
{{{content}}}
{{{content}}}
</div>
</div>

Latest revision as of 17:59, 21 September 2011

UNAM-Genomics_Mexico