slitaz-forge annotate mirror/floppies/menu.css @ rev 375
floppies: submenu
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Wed Jul 17 12:14:32 2013 +0200 (2013-07-17) |
parents | dea449c5be89 |
children | de51d78ccff7 |
rev | line source |
---|---|
pascal@265 | 1 |
pascal@265 | 2 #menu { |
pascal@265 | 3 margin: 0; |
pascal@265 | 4 padding: 0; |
pascal@265 | 5 } |
pascal@265 | 6 #menu li { |
pascal@265 | 7 list-style: none; |
pascal@265 | 8 float: left; |
pascal@265 | 9 padding: 0; |
pascal@265 | 10 } |
pascal@265 | 11 #menu li a { |
pascal@265 | 12 display: block; |
pascal@265 | 13 padding: 4px 6px; |
pascal@265 | 14 background-color: inherit; |
pascal@265 | 15 text-decoration: none; |
pascal@265 | 16 cursor: default; |
pascal@265 | 17 } |
pascal@265 | 18 #menu li a:hover { |
pascal@265 | 19 color: #ffffff; |
pascal@265 | 20 background-color: #d66018; |
pascal@265 | 21 border-top-right-radius: 3px; |
pascal@265 | 22 border-top-left-radius: 3px; |
pascal@265 | 23 } |
pascal@265 | 24 #menu li ul { |
pascal@265 | 25 display: none; |
pascal@375 | 26 width: 115px; |
pascal@265 | 27 background-color: #f1efeb; |
pascal@265 | 28 border: 1px solid #c1baad; |
pascal@265 | 29 } |
pascal@265 | 30 #menu li ul a { |
pascal@265 | 31 padding: 4px 6px; |
pascal@265 | 32 } |
pascal@265 | 33 #menu li:hover ul { |
pascal@265 | 34 display: block; |
pascal@265 | 35 position: absolute; |
pascal@265 | 36 margin: 0; |
pascal@265 | 37 padding: 0; |
pascal@265 | 38 } |
pascal@265 | 39 #menu li:hover li { |
pascal@265 | 40 float: none; |
pascal@375 | 41 position: relative; |
pascal@265 | 42 } |
pascal@265 | 43 #menu li:hover li a { |
pascal@265 | 44 background-color: #f1efeb; |
pascal@265 | 45 color: #000; |
pascal@265 | 46 } |
pascal@265 | 47 #menu li li a { |
pascal@265 | 48 border: 1px solid #f1efeb; |
pascal@265 | 49 } |
pascal@265 | 50 #menu li li a:hover { |
pascal@265 | 51 background-color: #d66018; |
pascal@265 | 52 color: #ffffff; |
pascal@265 | 53 border-radius: 2px; |
pascal@265 | 54 /* border: 1px solid #c1baad; */ |
pascal@265 | 55 } |
pascal@265 | 56 |
pascal@375 | 57 #menu li:hover li ul { |
pascal@375 | 58 display: none; |
pascal@375 | 59 position: absolute; |
pascal@375 | 60 left: 115px; |
pascal@375 | 61 top: 0px; |
pascal@375 | 62 z-index:1; |
pascal@375 | 63 } |
pascal@375 | 64 |
pascal@375 | 65 #menu li:hover li:hover ul { |
pascal@375 | 66 display: block; |
pascal@375 | 67 } |