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 |