Team:Valencia-CIPF/menu
From 2013.igem.org
<style type="text/css"> <script type="text/javascript">
/* Empieza Menú */
- list-updates {
list-style:none;
/*margin: 0; Cambios 0*/ }
- list-updates .space_item-A, #list-updates .space_item-B, #list-updates .space_item-C, #list-updates .space_item-D, #list-updates .space_item-E, #list-updates .space_item-F, #list-updates .space_item-G, #list-updates .space_item-H
{ width:100%; /*Aparentemente no hace nada*/ height:60px; /*Aparentemente no hace nada*/ padding-left:50px; /*Aparentemente no hace nada*/ }
.space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H { width:40%; /*IMPORTANTE*/ height:31px; margin:5px;
margin-top:3px; /*Cambios 2px*/
} .space_item-A { background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat; }
.space_item-B { background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3c/Flor2.png') 0 0 scroll no-repeat; } .space_item-C { background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d3/Flor3.png') 0 0 scroll no-repeat; } .space_item-D { background:transparent url('https://static.igem.org/mediawiki/igem.org/1/17/Flor4.png') 0 0 scroll no-repeat; } .space_item-E { background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3b/Flor5.png') 0 0 scroll no-repeat; } .space_item-F { background:transparent url('https://static.igem.org/mediawiki/igem.org/2/2e/Flor6.png') 0 0 scroll no-repeat; } .space_item-G { background:transparent url('https://static.igem.org/mediawiki/igem.org/f/f2/Flor7.png') 0 0 scroll no-repeat; } .space_item-H { background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat; }
- access {
background: tranparent; /*Color barra menú*/ font-color: #FFF; display: block; width: 1500; height: 37px; position: relative;
left:0; top:0px; z-index:1;
}
- access .menu-header,
div.menu { margin: 0; font-size: 15px; }
- access .menu-header ul,
div.menu ul{ list-style: none; margin: 0;
float:left;
position: fixed;
left:0;
top:8px; }
- access .menu-header li,
div.menu li{ float: left; position:relative; } .menu a, .menu a:visited {
width:120px;
color: #000000;
background: #d64729;
display: block; line-height: 35px; padding: 0 23px; text-decoration: none; font-weight:bold;
position:absolute; left: 8px; border: 1px solid black;
}
- access table a {
line-height: 35px; }
- access ul ul {
display: none; position: absolute; top: 0px; float: left; left: 0px; /*Posición caja desplegable*/ width: 120; }
- access ul ul li {
min-width: 120px; float: left; left: 170px; }
- access ul ul ul {
left: 100%; top: 0; }
- access ul ul a {
background: #ffa67c; /*Color desplegable*/ line-height: 1em; padding: 10px; width: 120px;
position: relative;
/*height: auto;*/ }
- access li:hover > a,
- access ul ul :hover > a {
color: #d64729; display: block; line-height: 16px;
width:140px;
padding: 10px; text-decoration: none;
border-radius:10px;
font-weight:bold;
border: 1px solid black;
background: #fff; }
- access ul li:hover > ul {
display: block; }
- access ul li a.current_page_item ,
- access ul li a.current-menu-ancestor ,
- access ul li a.current-menu-item ,
- access ul li a.current-menu-parent ,
background: #d64729; /*Color menú sin desplegable*/
}
/* Fin Menú */
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<style type="text/css"> <script type="text/javascript">