OLD | NEW |
1 menu { | 1 menu { |
2 display: none; | 2 display: none; |
3 position: absolute; | 3 position: fixed; |
4 border: 1px solid rgba(0, 0, 0, .50); | 4 border: 1px solid rgba(0, 0, 0, .50); |
5 -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .50); | 5 -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .50); |
6 color: black; | 6 color: black; |
7 background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); | 7 background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); |
8 left: 0; | 8 left: 0; |
9 white-space: nowrap; | 9 white-space: nowrap; |
10 z-index: 2; | |
11 padding: 8px 0; | 10 padding: 8px 0; |
12 margin: 0; | 11 margin: 0; |
13 cursor: default; | 12 cursor: default; |
14 border-radius: 3px; | 13 border-radius: 3px; |
| 14 z-index: 3; |
15 } | 15 } |
16 | 16 |
17 menu > * { | 17 menu > * { |
18 -webkit-box-sizing: border-box; | 18 -webkit-box-sizing: border-box; |
19 display: block; | 19 display: block; |
20 margin: 0; | 20 margin: 0; |
21 width: 100%; | 21 width: 100%; |
22 text-align: start; | 22 text-align: start; |
23 } | 23 } |
24 | 24 |
(...skipping 25 matching lines...) Expand all Loading... |
50 } | 50 } |
51 | 51 |
52 menu > [selected] { | 52 menu > [selected] { |
53 background-color: #dce5fa; | 53 background-color: #dce5fa; |
54 } | 54 } |
55 | 55 |
56 menu > [selected]:active { | 56 menu > [selected]:active { |
57 background-color: #426dc9; | 57 background-color: #426dc9; |
58 color: #fff; | 58 color: #fff; |
59 } | 59 } |
OLD | NEW |