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 .bubble { | 5 .bubble { |
6 position: absolute; | 6 position: absolute; |
7 white-space: normal; | 7 white-space: normal; |
8 /* Height is dynamic, width fixed. */ | 8 /* Height is dynamic, width fixed. */ |
9 width: 300px; | 9 width: 300px; |
10 z-index: 9999; | 10 z-index: 9999; |
(...skipping 24 matching lines...) Expand all Loading... |
35 z-index: 4; | 35 z-index: 4; |
36 } | 36 } |
37 | 37 |
38 html[dir='rtl'] .bubble-close { | 38 html[dir='rtl'] .bubble-close { |
39 left: 6px; | 39 left: 6px; |
40 right: auto; | 40 right: auto; |
41 } | 41 } |
42 | 42 |
43 .bubble-close { | 43 .bubble-close { |
44 background-image: -webkit-image-set( | 44 background-image: -webkit-image-set( |
45 url('../../../resources/default_100_percent/close_bar.png') 1x, | 45 url('../../../resources/default_100_percent/close_2.png') 1x, |
46 url('../../../resources/default_200_percent/close_bar.png') 2x); | 46 url('../../../resources/default_200_percent/close_2.png') 2x); |
47 } | 47 } |
48 | 48 |
49 .bubble-close:hover { | 49 .bubble-close:hover { |
50 background-image: -webkit-image-set( | 50 background-image: -webkit-image-set( |
51 url('../../../resources/default_100_percent/close_bar_hover.png') 1x, | 51 url('../../../resources/default_100_percent/close_2_hover.png') 1x, |
52 url('../../../resources/default_200_percent/close_bar_hover.png') 2x); | 52 url('../../../resources/default_200_percent/close_2_hover.png') 2x); |
53 } | 53 } |
54 | 54 |
55 .bubble-close:active { | 55 .bubble-close:active { |
56 background-image: -webkit-image-set( | 56 background-image: -webkit-image-set( |
57 url('../../../resources/default_100_percent/close_bar_pressed.png') 1x, | 57 url('../../../resources/default_100_percent/close_2_pressed.png') 1x, |
58 url('../../../resources/default_200_percent/close_bar_pressed.png') 2x); | 58 url('../../../resources/default_200_percent/close_2_pressed.png') 2x); |
59 } | 59 } |
60 | 60 |
61 .bubble-shadow { | 61 .bubble-shadow { |
62 bottom: 0; | 62 bottom: 0; |
63 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); | 63 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); |
64 left: 0; | 64 left: 0; |
65 position: absolute; | 65 position: absolute; |
66 right: 0; | 66 right: 0; |
67 top: 0; | 67 top: 0; |
68 z-index: 1; | 68 z-index: 1; |
(...skipping 20 matching lines...) Expand all Loading... |
89 | 89 |
90 .bubble-shadow, | 90 .bubble-shadow, |
91 .bubble-content { | 91 .bubble-content { |
92 border-radius: 6px; | 92 border-radius: 6px; |
93 box-sizing: border-box; | 93 box-sizing: border-box; |
94 } | 94 } |
95 | 95 |
96 .auto-close-bubble { | 96 .auto-close-bubble { |
97 position: fixed; | 97 position: fixed; |
98 } | 98 } |
OLD | NEW |