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