Template:Team:UNAM Genomics Mexico/Templates/menulike

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
/*
/*
NAME    menu_template.css
NAME    menu_template.css
-
VERSION  3.0.0
+
VERSION  1.0.0
AUTHOR  Treviño Garza Abiel
AUTHOR  Treviño Garza Abiel
-
DESC    The file contains the layout instructions for the menu used in the UNAM-Genomics_Mexico Team wiki.
+
DESC    The file contains the layout instructions for the menu and  the website in general used in the UNAM-Genomics_Mexico Team wiki.
*/
*/
/* Menu Style Definitions */
/* Menu Style Definitions */
/* MENU STYLE DEFINITIONS */
/* MENU STYLE DEFINITIONS */
-
/*PINK PART*/
+
/* CHANGING THE WIKI CSS */
-
ul#h2igemmenupink ul{
+
 
-
display:none
+
#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;
}
}
-
ul#h2igemmenupink li:hover>*{
+
 
-
display:block;
+
#contentSub {
-
        background-image:https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif;
+
display:none;
}
}
-
ul#h2igemmenupink li:hover{
+
 
-
position:relative;
+
#bodyContent {
}
}
-
ul#h2igemmenupink ul{
+
 
-
position: absolute;
+
#siteSub {
-
left:-1px;
+
display:none;
-
top:100%;
+
}
}
-
ul#h2igemmenupink ul ul{
+
 
-
position:absolute;
+
#search-controls {
-
left:98%;
+
display:none;
-
top:-2px;
+
}
}
-
ul#h2igemmenupink,ul#h2igemmenupink ul{
+
 
-
margin:0px;
+
.firstHeading {
-
list-style:none;
+
display:none;
-
padding:0px;
+
-
background-image:#CCC;
+
-
border-width:0px;
+
-
border-style:none;
+
-
border-color:transparent;
+
}
}
-
ul#h2igemmenupink table {
+
 
-
border-collapse:collapse
+
#search-controls {
 +
margin-top:30px;
}
}
-
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;
 
-
}
 
-
ul#h2igemmenupink a:active, ul#h2igemmenupink a:focus {
 
-
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;
 
-
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}
 
-
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#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}
+
#top-section {
 +
height: 20px;
 +
width: 976px;
 +
border-left: none;
 +
border-right: none;
 +
border-bottom: none;
 +
}
-
ul#h2igemmenupink a:hover ul ul{display:none}
+
.left-menu {
 +
margin-top:-15px;
 +
}
-
ul#h2igemmenupink span{
+
.left-menu ul {
 +
border: none;
 +
}
-
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{
+
#menubar a {color:#FF0000;}
-
height:25px;
+
#menubar a:hover{text-decoration:none; color:#52749C;}
-
background-color:#FF3366;
+
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
-
border-width:0px;
+
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
-
border-style:none;
+
.right-menu ul li a {background-color:#FFFFFF;}
-
font:bold 14px Trebuchet MS;
+
.printfooter {display:none;}
-
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{
+
#menubar.right-menu {
-
background-color:#FF3366;
+
margin-top:-15px;
-
border-style:none;
+
-
font:bold 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
}
}
-
 
+
.right-menu li a {
-
ul#h2igemmenupink li.istylei0pink,ul#h2igemmenupink li.dis.istylei0pink:hover{
+
background-color: #FFFFFF;
-
margin:0 10px 0 0;
+
-
background-color:#FF3366;
+
-
background-position:0 0;
+
}
}
-
 
+
.right-menu ul {
-
ul#h2igemmenupink li.istylei0pink:hover{
+
border: none;
-
background-color:#FF3366;
+
}
}
-
ul#h2igemmenupink li a.istylei0pink:hover{
+
#menubar{
-
background-color:#993366;
+
top:22px;
-
border-style:none;
+
z-index:25;
-
font:bold 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
-
text-decoration:none;
+
-
font-weight: bold;
+
}
}
-
ul#h2igemmenupink.istylem0pink,ul#h2igemmenupink ul.istylem0pink{
+
img[src*="/wiki/skins/common/images/wiki.png"]{
-
background-color:transparent;
+
    width:0;
-
border-width:0px;
+
    height:0px;
-
border-style:none;
+
    padding-right:975px;
-
padding:0;
+
    background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
}
}
-
 
+
element.style {
-
ul#h2igemmenupink ul.istylem0pink li{
+
color: transparent;
-
margin:0;
+
cursor: default;
}
}
-
 
+
menubar ul {
-
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{
+
color: transparent;
-
padding:5px 5px 5px 5px;
+
list-style: none;
 +
list-style-type: none;
 +
list-style-position: initial;
 +
list-style-image: initial;
}
}
-
/*YELLOW PART*/
+
element.style {
-
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}
+
#catlinks {
 +
display:none;
 +
}
-
ul#h2igemmenyellow a:hover ul,ul#h2igemmenyellow a:hover a:hover ul{display:block}
 
-
ul#h2igemmenyellow a:hover ul ul{display:none}
+
#p-logo {
 +
display:none;
 +
position: absolute;
 +
z-index: 1;
 +
height: 0px;
 +
width: 0px;
 +
}
-
ul#h2igemmenyellow span{
+
#pt-userpage{
 +
background-color: #FFFFFF;
 +
}
 +
#pt-preferences{
 +
background-color: #FFFFFF;
 +
}
 +
#pt-logout{
 +
background-color: #FFFFFF;
 +
}
-
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;}
+
/* MAIN PAGE CSS */
-
 
+
body {
-
ul#h2igemmenyellow li a.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover a.istylei0yellow{
+
font-family:Tahoma, Geneva, sans-serif;
-
height:25px;
+
margin: 0px;
-
background-color:#FFCC33;
+
padding: 0px;
-
border-width:0px;
+
-
border-style:none;
+
-
font:bold 14px Trebuchet MS;
+
color:#FFFFFF;
color:#FFFFFF;
-
text-decoration:none;
+
background-color: #FFFFFF;
-
margin:0 -10px 0 10px;
+
-
_margin:0 0 0 0;
+
-
background-position:100% 0;
+
}
}
-
ul#h2igemmenyellow li.istylei0yellow:hover>a{
+
div.igemimage {
-
background-color:#FFCC33;
+
position: absolute;
-
border-style:none;
+
top: 0;
-
font:bold 14px Trebuchet MS;
+
        z-index: 4;
-
color:#FFFFFF;
+
        right: -200px;
-
text-decoration:none;
+
}
}
-
ul#h2igemmenyellow li.istylei0yellow,ul#h2igemmenyellow li.dis.istylei0yellow:hover{
+
.igemimageleft1-hover {
-
margin:0 10px 0 0;
+
display:block;
-
background-color:#FFCC33;
+
background-image:url(https://static.igem.org/mediawiki/2012/3/3a/Unamgenomicsbiosintnegro.jpg);
-
background-position:0 0;
+
width:150px;
 +
height:150px;
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:300px;
}
}
-
 
+
.igemimageleft1-hover:hover {
-
ul#h2igemmenyellow li.istylei0yellow:hover{
+
background-image:url(https://static.igem.org/mediawiki/2012/9/9a/UnamgenomicsBiosintcolor.jpg);
-
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{
+
.igemimageleft2-hover {
-
margin:0;
+
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2012/7/75/Unamgenomicspngnewsblack.jpg);
 +
width:150px;
 +
height:150px;
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:450px;
}
}
-
 
+
.igemimageleft2-hover:hover {
-
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{
+
background-image:url(https://static.igem.org/mediawiki/2012/1/1f/Unamgenomicspngnewscolor.jpg);
-
padding:5px 5px 5px 5px;
+
}
}
-
/*Blue Part*/
+
 
-
ul#h2igemmenublue ul{
+
 
-
display:none
+
#header{
-
}
+
height:220px;
-
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%;
width:100%;
-
float: left;
+
font-family:"Arial Black", Gadget, sans-serif;
}
}
-
ul#h2igemmenublue ul{
+
 
-
//width:204px;
+
div.summary_text{
-
padding:0;
+
padding: 30px 30px 30px 30px;
-
}
+
border:none;
-
ul#h2igemmenublue li{
+
font-size:115%;
-
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-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 {
+
div.descriptive_text{
-
float:none;
+
/*We must observe div.left_image to deffine the appropiate top-margin value*/
-
}
+
margin: 70px 0px 0px 0px;
-
ul#h2igemmenublue ul a,ul#h2igemmenublue ul li.dis a:hover{
+
padding: 30px 30px 30px 30px;
-
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;
border:none;
-
vertical-align:middle;
+
font-size:110%;
-
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}
+
p.title{
-
 
+
color:#CC4455;
-
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}
+
font-size:150%;
-
 
+
-
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{
+
#container {
-
background-color:#3399CC;
+
margin: 0px auto;
-
border-style:none;
+
text-align:justify;
-
font:bold 14px Trebuchet MS;
+
width: 100%;
-
color:#FFFFFF;
+
background-color: #F0F0F0;
-
text-decoration:none;
+
color:#000000;
 +
font-size: 110%;
}
}
-
ul#h2igemmenublue li.istylei0blue,ul#h2igemmenublue li.dis.istylei0blue:hover{
+
/*TEXT CONTENT*/
-
margin:0 10px 0 0;
+
-
background-color:#3399CC;
+
-
background-position:0 0;
+
-
}
+
-
ul#h2igemmenublue li.istylei0blue:hover{
+
div#textContent{
-
background-color:#3399CC;
+
background-color: #F0F0F0;
-
}
+
margin: 0px 0px 0px 0px;
 +
padding: 55px 45px 55px 45px;
-
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{
+
div#textContent p{
-
background-color:transparent;
+
margin: .4em 0 .5em 0;
-
border-width:0px;
+
line-height: 1.5em;
-
border-style:none;
+
-
padding:0;
+
}
}
 +
h1,h2,h3,h4,h5,h6{
 +
border-bottom: none;
-
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{
+
h1.NORM_header{
-
padding:5px 5px 5px 5px;
+
        text-align:left;
 +
margin: 15px 1px 1px 1px;
 +
border:none;
 +
color:#000000;
 +
font-size:200%;
 +
        text-decoration:bold;
}
}
-
/*Purple part*/
+
h1.BSA_header{
-
ul#h2igemmenupurple ul{
+
margin: 15px 1px 1px 1px;
-
display:none
+
border: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;
text-decoration:none;
-
padding:11px 15px 5px 5px;
+
color:#B0E;
-
_padding-left:0;
+
font-size:110%;
-
font:bold 8pt Verdana;
+
-
color: #FFFFFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
}
}
-
ul#h2igemmenupurple ul li {
+
h1.BSA_announce{
-
float:none;
+
margin: 20px 1px 1px 1px;
-
}
+
border: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;
text-decoration:none;
 +
color:#B0E;
 +
font-size:115%;
}
}
-
ul#h2igemmenupurple li a:hover{
+
h1.BSA_announce a.HP{
-
_position:relative;
+
color:#B0E;
-
background-color:#660066;
+
text-decoration:underline;
-
border-color:transparent;
+
-
border-style:none;
+
-
font:bold 8pt Verdana;
+
-
color: #FFFFFF;
+
-
text-decoration:none;
+
}
}
-
ul#h2igemmenupurple li.dis a{
+
h1.BSA_announce a.HP:hover{
-
color: #AAAAAA !important;
+
font-size:120%;
-
}
+
-
ul#h2igemmenupurple img{
+
-
border:none;
+
-
vertical-align:middle;
+
-
margin-right:22px;
+
}
}
-
ul#h2igemmenupurple img.over{
+
 
-
display:none
+
#textContent a{
 +
text-decoration: underline;
 +
color: #008800; /*green*/
 +
 
}
}
-
ul#h2igemmenupurple li.dis a:hover img.over{
+
#textContent a:visited{
-
display:none !important
+
color: #540054; /*lighter green*/
 +
        text-decoration: underline;
}
}
-
ul#h2igemmenupurple li.dis a:hover img.def {
+
 
-
display:inline !important
+
#textContent a.anchor{
 +
color: #000000;
}
}
-
ul#h2igemmenupurple li:hover > a img.def  {
+
#tableabi{
-
display:none
+
background:white;
}
}
-
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}
+
/*menu css*/
-
 
+
span.reference{
-
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}
+
position:fixed;
-
 
+
left:0px;
-
ul#h2igemmenupurple a:hover ul,ul#h2igemmenupurple a:hover a:hover ul{display:block}
+
bottom:0px;
-
 
+
font-size:12px;
-
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{
+
span.reference a{
-
background-color:#993399;
+
color:#FFF;
-
border-style:none;
+
text-transform:uppercase;
-
font:bold 14px Trebuchet MS;
+
-
color:#FFFFFF;
+
text-decoration:none;
text-decoration:none;
 +
text-shadow:1px 1px 1px #000;
 +
margin-right:200px;
}
}
-
ul#h2igemmenupurple li.istylei0purple,ul#h2igemmenupurple li.dis.istylei0purple:hover{
+
span.reference a:hover{
-
margin:0 10px 0 0;
+
color:#ddd;
-
background-color:#993399;
+
-
background-position:0 0;
+
}
}
-
ul#h2igemmenupurple li.istylei0purple:hover{
+
ul.menu_unamgenomics{
-
background-color:#993399;
+
margin-top:0px;
-
}
+
width:1000px;
 +
align:center;
-
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;
+
ul.menu_unamgenomics{
-
border-style:none;
+
color:#000;
 +
margin:0;
padding:0;
padding:0;
 +
list-style: none;
 +
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
 +
font-size:14px;
 +
width:976;
}
}
-
ul#h2igemmenupurple ul.istylem0purple li{
+
ul.menu_unamgenomics a{
-
margin:0;
+
text-decoration:none;
 +
outline:none;
}
}
-
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{
+
ul.menu_unamgenomics li{
-
padding:5px 5px 5px 5px;
+
float:left;
 +
width:162px;
 +
height:95px;
 +
position:relative;
 +
cursor:pointer;
}
}
-
/*Orange part*/
+
ul.menu_unamgenomics li > a{
-
 
+
-
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;
position:absolute;
-
left:98%;
+
top:0px;
-
top:-2px;
+
left:0px;
 +
width:162px;
 +
height:95px;
 +
z-index:12;
 +
background:transparent url(../images/overlay.png) no-repeat bottom right;
 +
color: #FFF;
 +
background-color: #FFFFFF;
}
}
-
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.menu_unamgenomics li a img{
-
ul#h2igemmenuOrange li:hover > a img.over {display:inline}
+
border:none;
 +
position:absolute;
 +
width:0px;
 +
height:0px;
 +
bottom:0px;
 +
left:85px;
 +
z-index:100;
-
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{
+
ul.menu_unamgenomics li span.sdt_wrap{
-
background-color:#FF9933;
+
position:absolute;
-
border-style:none;
+
top:25px;
-
font:bold 14px Trebuchet MS;
+
left:0px;
-
color:#FFFFFF;
+
width:162px;
-
text-decoration:none;
+
height:60px;
 +
z-index:15;
}
}
-
ul#h2igemmenuOrange li.istylei0orange,ul#h2igemmenuOrange li.dis.istylei0orange:hover{
+
ul.menu_unamgenomics li span.menu_unamgenomics_activo{
-
margin:0 10px 0 0;
+
position:absolute;
-
background-color:#FF9933;
+
background:#FFF;
-
background-position:0 0;
+
top:85px;
 +
width:162px;
 +
height:0px;
 +
left:0px;
 +
z-index:14;
 +
}
}
-
ul#h2igemmenuOrange li.istylei0orange:hover{
+
ul.menu_unamgenomics li span span.menu_links,
-
background-color:#FF9933;
+
ul.menu_unamgenomics li span span.menu_descripcion,
 +
ul.menu_unamgenomics li div.menu_caja a{
 +
margin-left:15px;
 +
text-transform:uppercase;
 +
text-shadow:1px 1px 1px #000;
}
}
-
ul#h2igemmenuOrange li a.istylei0orange:hover{
+
ul.menu_unamgenomics li span span.menu_links{
-
background-color:#CC6600;
+
color:#000;
-
border-style:none;
+
font-size:24px;
-
font:bold 14px Trebuchet MS;
+
float:left;
-
color:#FFFFFF;
+
clear:both;
-
text-decoration:none;
+
-
font-weight: bold;
+
}
}
-
ul#h2igemmenuOrange.istylem0orange,ul#h2igemmenuOrange ul.istylem0orange{
+
ul.menu_unamgenomics li span span.menu_descripcion{
-
background-color:transparent;
+
color:#0B75AF;
-
border-width:0px;
+
float:left;
-
border-style:none;
+
clear:both;
-
padding:0;
+
width:162px; /*For dumbass IE7*/
 +
font-size:10px;
 +
letter-spacing:1px;
}
}
-
ul#h2igemmenuOrange ul.istylem0orange li{
+
ul.menu_unamgenomics li div.menu_caja{
-
margin:0;
+
display:block;
 +
position:absolute;
 +
width:162px;
 +
overflow:hidden;
 +
height:auto;
 +
top:85px;
 +
left:0px;
 +
display:none;
 +
background-color: #FFF;
}
}
-
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{
+
ul.menu_unamgenomics li div.menu_caja a{
-
padding:5px 5px 5px 5px;
+
float:left;
 +
clear:both;
 +
line-height:30px;
 +
color:#0B75AF;
}
}
-
/* GREEN */
+
ul.menu_unamgenomics li div.menu_caja a:first-child{
-
 
+
margin-top:15px;
-
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.menu_unamgenomics li div.menu_caja a:hover{
 +
color:#F60;
}
}
-
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}
+
/* Image on hover description */
-
ul#h2igemmenuGreen a:hover ul,ul#h2igemmenuGreen a:hover a:hover ul{display:block}
+
td {
-
 
+
background-color: transparent;
-
ul#h2igemmenuGreen a:hover ul ul{display:none}
+
background-repeat: no-repeat;
-
 
+
clear: both;
-
ul#h2igemmenuGreen span{
+
height: auto;
-
 
+
width: auto;
-
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{
+
.imgteaser {
-
background-color:#00CC66;
+
margin: 0;
-
border-style:none;
+
overflow: hidden;
-
font:bold 14px Trebuchet MS;
+
float: left;
-
color:#FFFFFF;
+
position: relative;
-
text-decoration:none;
+
}
}
-
 
+
.imgteaser a {
-
ul#h2igemmenuGreen li.istylei0green,ul#h2igemmenuGreen li.dis.istylei0green:hover{
+
text-decoration: none;
-
margin:0 10px 0 0;
+
float: left;
-
background-color:#00CC66;
+
-
background-position:0 0;
+
}
}
-
 
+
.imgteaser a:hover {
-
ul#h2igemmenuGreen li.istylei0green:hover{
+
cursor: pointer;
-
background-color:#00CC66;
+
}
}
-
 
+
.imgteaser a img {
-
ul#h2igemmenuGreen li a.istylei0green:hover{
+
float: left;
-
background-color:#669999;
+
margin: 0;
-
border-style:none;
+
border: none;
-
font:bold 14px Trebuchet MS;
+
padding: 20px;
-
color:#FFFFFF;
+
background: #FFF;
-
text-decoration:none;
+
border: 0px solid #ddd;
-
font-weight: bold;
+
}
}
-
ul#h2igemmenuGreen.istylem0green,ul#h2igemmenuGreen ul.istylem0green{
+
.imgteaser a .desc { display: none; }
-
background-color:transparent;
+
-
border-width:0px;
+
-
border-style:none;
+
-
padding:0;
+
-
}
+
-
ul#h2igemmenuGreen ul.istylem0green li{
+
.imgteaser a:hover .desc{
-
margin:0;
+
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 {
-
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{
+
display: block;
-
padding:5px 5px 5px 5px;
+
margin-bottom: 5px;
 +
font-size:1.2em;
}
}

Revision as of 03:40, 7 July 2012

Retrieved from "http://2012.igem.org/Template:Team:UNAM_Genomics_Mexico/Templates/menulike"