slitaz-forge annotate mirror/floppies/menu.css @ rev 633
arm/rpi/index.html: add some anchors
| author | Pascal Bellard <pascal.bellard@slitaz.org> |
|---|---|
| date | Sun Jan 22 11:53:35 2017 +0100 (2017-01-22) |
| parents | a37f4ff3d549 |
| children |
| rev | line source |
|---|---|
| pascal@265 | 1 |
| pascal@265 | 2 #menu { |
| pascal@265 | 3 margin: 0; |
| pascal@625 | 4 padding: 0 2ex 0 0; |
| pascal@625 | 5 display: inline-block; |
| pascal@625 | 6 vertical-align: middle; |
| pascal@265 | 7 } |
| pascal@265 | 8 #menu li { |
| pascal@265 | 9 list-style: none; |
| pascal@265 | 10 float: left; |
| pascal@265 | 11 padding: 0; |
| pascal@625 | 12 white-space: nowrap; |
| pascal@625 | 13 border: 1px solid transparent; |
| pascal@265 | 14 } |
| pascal@265 | 15 #menu li a { |
| pascal@265 | 16 display: block; |
| pascal@265 | 17 padding: 4px 6px; |
| pascal@265 | 18 background-color: inherit; |
| pascal@265 | 19 text-decoration: none; |
| pascal@265 | 20 } |
| pascal@265 | 21 #menu li a:hover { |
| pascal@625 | 22 color: #222; |
| pascal@625 | 23 background-color: #CCC; |
| pascal@265 | 24 border-top-right-radius: 3px; |
| pascal@265 | 25 border-top-left-radius: 3px; |
| pascal@265 | 26 } |
| pascal@265 | 27 #menu li ul { |
| pascal@625 | 28 display: none; |
| pascal@625 | 29 background-color: #F1EFEB; |
| pascal@625 | 30 border: 1px solid #C1BAAD; |
| pascal@265 | 31 } |
| pascal@265 | 32 #menu li ul a { |
| pascal@265 | 33 padding: 4px 6px; |
| pascal@625 | 34 display: inline-block; |
| pascal@265 | 35 } |
| pascal@625 | 36 |
| pascal@625 | 37 #menu > li > ul > li:after { content: "‣"; display: inline-block; } |
| pascal@625 | 38 #menu li:only-child:after { content: " "; } |
| pascal@625 | 39 |
| pascal@265 | 40 #menu li:hover ul { |
| pascal@265 | 41 display: block; |
| pascal@265 | 42 position: absolute; |
| pascal@265 | 43 margin: 0; |
| pascal@265 | 44 padding: 0; |
| pascal@265 | 45 } |
| pascal@265 | 46 #menu li:hover li { |
| pascal@265 | 47 float: none; |
| pascal@375 | 48 position: relative; |
| pascal@265 | 49 } |
| pascal@265 | 50 #menu li:hover li a { |
| pascal@625 | 51 background-color: #F1EFEB; |
| pascal@625 | 52 color: #222; |
| pascal@265 | 53 } |
| pascal@265 | 54 #menu li li a { |
| pascal@625 | 55 border: 1px solid #F1EFEB; |
| pascal@265 | 56 } |
| pascal@265 | 57 #menu li li a:hover { |
| pascal@625 | 58 background-color: #CCC; |
| pascal@625 | 59 color: #222; |
| pascal@265 | 60 border-radius: 2px; |
| pascal@265 | 61 } |
| pascal@265 | 62 |
| pascal@375 | 63 #menu li:hover li ul { |
| pascal@375 | 64 display: none; |
| pascal@375 | 65 position: absolute; |
| pascal@625 | 66 left: 100%; |
| pascal@375 | 67 top: 0px; |
| pascal@375 | 68 z-index:1; |
| pascal@375 | 69 } |
| pascal@375 | 70 |
| pascal@375 | 71 #menu li:hover li:hover ul { |
| pascal@375 | 72 display: block; |
| pascal@375 | 73 } |