| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /* This file contains "borrowed" copy of standard styles. To simplify merging, | 5 /* This file contains "borrowed" copy of standard styles. To simplify merging, |
| 6 * when altering, please preserve original property value by adding comments. | 6 * when altering, please preserve original property value by adding comments. |
| 7 */ | 7 */ |
| 8 input.common[type='checkbox'], | 8 input.common[type='checkbox'], |
| 9 input.common[type='radio'] { | 9 input.common[type='radio'] { |
| 10 -webkit-appearance: none; | 10 -webkit-appearance: none; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 input.common[type='checkbox'] { | 22 input.common[type='checkbox'] { |
| 23 position: relative; | 23 position: relative; |
| 24 } | 24 } |
| 25 | 25 |
| 26 input.common[type='checkbox']:checked::after { | 26 input.common[type='checkbox']:checked::after { |
| 27 background-image: url('../images/common/check_no_box.png'); | 27 background-image: url('../images/common/check_no_box.png'); |
| 28 background-position: -3px -4px; | 28 background-position: -3px -4px; |
| 29 background-repeat: no-repeat; | 29 background-repeat: no-repeat; |
| 30 } | 30 } |
| 31 | 31 |
| 32 input.common[type='checkbox'].white { |
| 33 border: none; |
| 34 } |
| 35 |
| 36 input.common[type='checkbox'].white:not(:checked):after { |
| 37 background-image: url('../images/common/checkbox_white_unchecked.png'); |
| 38 background-position: -1px 0; |
| 39 } |
| 40 |
| 41 input.common[type='checkbox'].white:checked::after { |
| 42 background-image: url('../images/common/checkbox_white_checked.png'); |
| 43 background-position: -1px 0; |
| 44 } |
| 45 |
| 32 input.common[type='checkbox']::after { | 46 input.common[type='checkbox']::after { |
| 33 content: ''; | 47 content: ''; |
| 34 display: -webkit-box; | 48 display: -webkit-box; |
| 35 height: 15px; | 49 height: 15px; |
| 36 left: -2px; | 50 left: -2px; |
| 37 position: absolute; | 51 position: absolute; |
| 38 top: -2px; | 52 top: -2px; |
| 39 width: 17px; | 53 width: 17px; |
| 40 } | 54 } |
| 55 |
| 56 .bubble { |
| 57 -webkit-border-radius: 2px; |
| 58 background: #FFF; |
| 59 cursor: default; |
| 60 outline: 1px solid rgba(0,0,0,0.2); |
| 61 padding: 16px; |
| 62 } |
| 63 |
| 64 .bubble .pointer { |
| 65 background: url('../images/common/bubble_point_white.png'); |
| 66 display: block; |
| 67 height: 11px; |
| 68 left: 24px; |
| 69 margin: 0 0 0 -5px; |
| 70 outline: none; |
| 71 position: absolute; |
| 72 width: 17px; |
| 73 } |
| 74 |
| 75 .bubble .pointer:not(.bottom) { |
| 76 top: -11px; |
| 77 } |
| 78 |
| 79 .bubble .pointer.bottom { |
| 80 -webkit-transform: rotate(180deg); |
| 81 bottom: -11px; |
| 82 } |
| 83 |
| 84 .bubble .close-x { |
| 85 background: url('../images/common/close_x_gray.png'); |
| 86 height: 21px; |
| 87 opacity: 0.3; |
| 88 position: absolute; |
| 89 right: 3px; |
| 90 top: 3px; |
| 91 width: 21px; |
| 92 } |
| 93 |
| 94 .bubble .close-x:hover { |
| 95 opacity: 0.7; |
| 96 } |
| OLD | NEW |