| 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 |