Team:Valencia-CIPF/menu
From 2013.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
/* Empieza Menú */ | /* Empieza Menú */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#access { | #access { | ||
- | background: | + | background: #d64729; |
font-color: #FFF; | font-color: #FFF; | ||
display: block; | display: block; | ||
- | width: | + | width: 965px; |
- | + | ||
position: relative; | position: relative; | ||
- | + | float:left; | |
top:0px; | top:0px; | ||
- | |||
} | } | ||
+ | |||
#access .menu-header, | #access .menu-header, | ||
div.menu { | div.menu { | ||
margin: 0; | margin: 0; | ||
- | font-size: | + | font-size: 11px; |
} | } | ||
+ | |||
#access .menu-header ul, | #access .menu-header ul, | ||
div.menu ul{ | div.menu ul{ | ||
Line 69: | Line 26: | ||
margin: 0; | margin: 0; | ||
float:left; | float:left; | ||
- | position: | + | position: relative; |
- | left: | + | left:0px; |
- | top: | + | top:0px; |
} | } | ||
+ | |||
#access .menu-header li, | #access .menu-header li, | ||
div.menu li{ | div.menu li{ | ||
float: left; | float: left; | ||
position:relative; | position:relative; | ||
+ | display:block; | ||
+ | height:40px; | ||
+ | text-decoration:none; | ||
+ | font-size:11px; | ||
+ | font-weight:bold; | ||
+ | padding:0 0 0 0px; | ||
+ | cursor:pointer; | ||
+ | text-align: center; | ||
} | } | ||
+ | |||
.menu a, .menu a:visited { | .menu a, .menu a:visited { | ||
- | width: | + | width:100px; |
color: #000000; | color: #000000; | ||
background: #d64729; | background: #d64729; | ||
display: block; | display: block; | ||
line-height: 35px; | line-height: 35px; | ||
- | padding: 0 | + | padding: 0 10px; |
text-decoration: none; | text-decoration: none; | ||
font-weight:bold; | font-weight:bold; | ||
- | position: | + | position:relative; |
- | left: | + | left: 0px; |
- | + | ||
} | } | ||
+ | |||
#access table a { | #access table a { | ||
line-height: 35px; | line-height: 35px; | ||
} | } | ||
+ | |||
#access ul ul { | #access ul ul { | ||
display: none; | display: none; | ||
- | position: | + | position: relative; |
top: 0px; | top: 0px; | ||
float: left; | float: left; | ||
left: 0px; /*Posición caja desplegable*/ | left: 0px; /*Posición caja desplegable*/ | ||
- | width: | + | width: 90px; |
} | } | ||
+ | |||
#access ul ul li { | #access ul ul li { | ||
- | min-width: | + | min-width: 100px; |
float: left; | float: left; | ||
- | left: | + | left: 0px; |
+ | position:relative; | ||
} | } | ||
+ | |||
#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-height: 1em; | line-height: 1em; | ||
+ | display:inline; | ||
padding: 10px; | padding: 10px; | ||
- | width: | + | width: 100px; |
- | position: | + | position: absolute; |
- | + | height: auto; | |
} | } | ||
+ | |||
#access li:hover > a, | #access li:hover > a, | ||
#access ul ul :hover > a { | #access ul ul :hover > a { | ||
color: #d64729; | color: #d64729; | ||
- | + | line-height: 20px; | |
- | line-height: | + | width:100px; |
- | width: | + | |
padding: 10px; | padding: 10px; | ||
text-decoration: none; | text-decoration: none; | ||
- | |||
font-weight:bold; | font-weight:bold; | ||
- | |||
background: #fff; | background: #fff; | ||
+ | text-align: center; | ||
} | } | ||
+ | |||
#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 11:52, 9 September 2013