OLD | NEW |
1 menu { | 1 menu { |
2 display: none; | 2 display: none; |
3 position: fixed; | 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 padding: 8px 0; | 10 padding: 8px 0; |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
50 } | 50 } |
51 | 51 |
52 menu > :not(hr)[selected] { | 52 menu > :not(hr)[selected] { |
53 background-color: #dce5fa; | 53 background-color: #dce5fa; |
54 } | 54 } |
55 | 55 |
56 menu > :not(hr)[selected]:active { | 56 menu > :not(hr)[selected]:active { |
57 background-color: #426dc9; | 57 background-color: #426dc9; |
58 color: #fff; | 58 color: #fff; |
59 } | 59 } |
60 | |
61 menu > [checked]:before { | |
62 content: url("../images/checkbox_black.png"); | |
63 width: 9px; | |
64 height: 9px; | |
65 display: inline-block; | |
66 vertical-align: 50%; | |
67 margin: 0 5px; | |
68 } | |
69 | |
70 menu > [checked] { | |
71 -webkit-padding-start: 0; | |
72 } | |
73 | |
74 menu > [selected][checked]:active:before { | |
75 content: url("../images/checkbox_white.png"); | |
76 } | |
OLD | NEW |