"
Team:Valencia-CIPF/menu
From 2013.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
#list-updates { | #list-updates { | ||
list-style:none; | list-style:none; | ||
| - | + | margin: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 | #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: | + | width:auto; |
| - | height:60px; | + | height:60px; |
| - | padding-left: | + | padding-left:30px; |
} | } | ||
.space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H { | .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: | + | width:22px; /*IMPORTANTE*/ |
| - | height: | + | height:30px; |
| - | margin:5px; | + | margin:5px 0; |
| - | + | ||
} | } | ||
| + | |||
.space_item-A { | .space_item-A { | ||
background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat; | background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat; | ||
| Line 48: | Line 48: | ||
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat; | background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat; | ||
} | } | ||
| + | |||
#access { | #access { | ||
| - | background: tranparent; | + | background: tranparent; |
font-color: #FFF; | font-color: #FFF; | ||
display: block; | display: block; | ||
| - | width: | + | width: 100%; |
| - | height: | + | height: 40px; |
| - | position: | + | position: fixed; |
| - | + | ||
top:0px; | top:0px; | ||
| - | z-index: | + | z-index:99; |
} | } | ||
| + | |||
#access .menu-header, | #access .menu-header, | ||
div.menu { | div.menu { | ||
| Line 64: | Line 65: | ||
font-size: 15px; | font-size: 15px; | ||
} | } | ||
| + | |||
#access .menu-header ul, | #access .menu-header ul, | ||
div.menu ul{ | div.menu ul{ | ||
| Line 69: | Line 71: | ||
margin: 0; | margin: 0; | ||
float:left; | float:left; | ||
| - | position: | + | position: absolute; |
left:0; | left:0; | ||
| - | |||
} | } | ||
| + | |||
#access .menu-header li, | #access .menu-header li, | ||
div.menu li{ | div.menu li{ | ||
float: left; | float: left; | ||
position:relative; | position:relative; | ||
| + | |||
} | } | ||
| + | |||
.menu a, .menu a:visited { | .menu a, .menu a:visited { | ||
width:120px; | width:120px; | ||
| Line 90: | Line 94: | ||
left: 8px; | left: 8px; | ||
border: 1px solid black; | border: 1px solid black; | ||
| + | |||
} | } | ||
| + | |||
| + | .menu strong { | ||
| + | background: none repeat scroll 0 0 #113355; | ||
| + | display: block; | ||
| + | font-weight: bold; | ||
| + | line-height: 40px; | ||
| + | padding: 0 10px; | ||
| + | } | ||
| + | |||
#access table a { | #access table a { | ||
line-height: 35px; | line-height: 35px; | ||
} | } | ||
| + | |||
#access ul ul { | #access ul ul { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| - | top: | + | top: 40px; |
float: left; | float: left; | ||
left: 0px; /*Posición caja desplegable*/ | left: 0px; /*Posición caja desplegable*/ | ||
| - | width: | + | width: 180px; |
} | } | ||
| + | |||
#access ul ul li { | #access ul ul li { | ||
| - | min-width: | + | min-width: 180px; |
| - | + | ||
| - | + | ||
} | } | ||
| + | |||
#access ul ul ul { | #access ul ul ul { | ||
left: 100%; | left: 100%; | ||
top: 0; | top: 0; | ||
} | } | ||
| + | |||
#access ul ul a { | #access ul ul a { | ||
background: #ffa67c; /*Color desplegable*/ | background: #ffa67c; /*Color desplegable*/ | ||
| Line 116: | Line 133: | ||
padding: 10px; | padding: 10px; | ||
width: 120px; | width: 120px; | ||
| - | + | height:auto; | |
| - | + | ||
} | } | ||
| + | |||
#access li:hover > a, | #access li:hover > a, | ||
#access ul ul :hover > a { | #access ul ul :hover > a { | ||
| Line 132: | Line 149: | ||
background: #fff; | background: #fff; | ||
} | } | ||
| + | |||
#access ul li:hover > ul { | #access ul li:hover > ul { | ||
display: block; | display: block; | ||
} | } | ||
| + | |||
#access ul li a.current_page_item , | #access ul li a.current_page_item , | ||
#access ul li a.current-menu-ancestor , | #access ul li a.current-menu-ancestor , | ||
Revision as of 08:38, 5 September 2013
