Team:Valencia-CIPF/menu
From 2013.igem.org
(Difference between revisions)
(84 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
/* Empieza Menú */ | /* Empieza Menú */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#access { | #access { | ||
- | background: | + | background: #d64729; |
- | font-color: # | + | font-color: #FFF; |
+ | width: 100%; | ||
display: block; | display: block; | ||
- | |||
- | |||
position: relative; | position: relative; | ||
- | + | float:none; | |
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:-5px; |
- | top: | + | top:-20px; |
+ | z-index:99; | ||
} | } | ||
+ | |||
#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: # | + | color: #000000; |
+ | 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; |
- | + | text-align: center; | |
} | } | ||
+ | |||
#access table a { | #access table a { | ||
- | line-height: | + | line-height: 30px; |
} | } | ||
+ | |||
#access ul ul { | #access ul ul { | ||
- | + | display: none; | |
- | + | position: relative; | |
- | + | ||
- | display:none; | + | |
- | position: | + | |
top: 0px; | top: 0px; | ||
- | float: left; | + | float: left; |
left: 0px; /*Posición caja desplegable*/ | left: 0px; /*Posición caja desplegable*/ | ||
- | width: | + | width: 1px; |
} | } | ||
+ | |||
#access ul ul li { | #access ul ul li { | ||
- | + | width:90px; | |
+ | height:34px; | ||
float: left; | float: left; | ||
- | left: | + | left: 0px; |
+ | position:relative; | ||
} | } | ||
+ | |||
#access ul ul ul { | #access ul ul ul { | ||
- | left: | + | left: 0; |
top: 0; | top: 0; | ||
} | } | ||
+ | |||
#access ul ul a { | #access ul ul a { | ||
- | background: # | + | background: #d64729; /*Color desplegable*/ |
line-height: 1em; | line-height: 1em; | ||
- | padding: | + | display:inline; |
- | width: | + | padding: 15px; |
- | + | width: 94px; | |
+ | 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: 10px; | |
- | line-height: | + | width:100px; |
- | width: | + | height:11px; |
- | padding: | + | padding: 12px; |
text-decoration: none; | text-decoration: none; | ||
- | |||
font-weight:bold; | font-weight:bold; | ||
- | + | 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 , | ||
#access ul li a.current-menu-item , | #access ul li a.current-menu-item , | ||
- | #access ul li a.current-menu-parent | + | #access ul li a.current-menu-parent , |
- | + | background: #d64729; /*Color menú sin desplegable*/ | |
} | } | ||
Line 152: | Line 128: | ||
<div id="access"> | <div id="access"> | ||
- | |||
<div class="menu"><ul> | <div class="menu"><ul> | ||
- | + | ||
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF" class="current_page_item">Home</a></li> | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF" class="current_page_item">Home</a></li> | ||
- | |||
- | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Team" >Team</a></li> | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Team" >Team</a></li> |
- | + | ||
<li class="space_item"><a id="name" >Project</a> | <li class="space_item"><a id="name" >Project</a> | ||
<ul class="children"> | <ul class="children"> | ||
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/TheProblem" >The Problem</a></li> | |
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/OurSolution" >Our Solution</a></li> | |
- | + | ||
</ul></li> | </ul></li> | ||
- | |||
<li class="space_item"><a id="name" >Wet Lab</a> | <li class="space_item"><a id="name" >Wet Lab</a> | ||
<ul class="children"> | <ul class="children"> | ||
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction" >Introduction</a></li> | |
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Strategy" >Strategy</a></li> | |
- | + | ||
</ul></li> | </ul></li> | ||
- | |||
<li class="space_item"><a id="name" >Dry Lab</a> | <li class="space_item"><a id="name" >Dry Lab</a> | ||
<ul class="children"> | <ul class="children"> | ||
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction1" >Introduction</a></li> | |
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Modelling" >Modelling</a></li> | |
- | + | <!-- <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Software" >Software</a></li> --!> | |
</ul></li> | </ul></li> | ||
- | |||
<li class="space_item"><a id="name" >Human Practices</a> | <li class="space_item"><a id="name" >Human Practices</a> | ||
<ul class="children"> | <ul class="children"> | ||
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Safety" >Safety</a></li> | |
- | + | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Activities" >Activities</a></li> | |
+ | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/News" >News</a></li> | ||
+ | |||
</ul></li> | </ul></li> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Acknowledgements" >Acknowledgements</a></li> | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Acknowledgements" >Acknowledgements</a></li> | ||
- | + | ||
+ | <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/References" >References</a></li> | ||
+ | |||
Latest revision as of 00:15, 5 October 2013