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; |
11 } | 11 } |
12 | 12 |
13 .bubble-content { | 13 .bubble-content { |
14 color: black; | 14 color: black; |
15 line-height: 150%; | 15 line-height: 150%; |
16 margin: 1px; | 16 margin: 1px; |
17 padding: 8px 11px 12px; | 17 padding: 8px 11px 12px; |
18 position: relative; | 18 position: relative; |
19 z-index: 3; | 19 z-index: 3; |
20 } | 20 } |
21 | 21 |
22 /* When the close button is there, we need more padding on the right of the | 22 /* When the close button is there, we need more padding on the right of the |
23 * bubble. */ | 23 * bubble. */ |
24 .bubble-close:not([hidden]) ~ .bubble-content { | 24 .bubble-close:not([hidden]) ~ .bubble-content { |
25 -webkit-padding-end: 22px; | 25 -webkit-padding-end: 22px; |
26 } | 26 } |
27 | 27 |
28 .bubble-close { | 28 .bubble-close { |
29 background-image: no-repeat 50% 50%; | |
30 height: 16px; | 29 height: 16px; |
31 position: absolute; | 30 position: absolute; |
32 right: 6px; | 31 right: 6px; |
33 top: 6px; | 32 top: 6px; |
34 width: 16px; | 33 width: 16px; |
35 z-index: 4; | 34 z-index: 4; |
36 } | 35 } |
37 | 36 |
38 html[dir='rtl'] .bubble-close { | 37 html[dir='rtl'] .bubble-close { |
39 left: 6px; | 38 left: 6px; |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
89 | 88 |
90 .bubble-shadow, | 89 .bubble-shadow, |
91 .bubble-content { | 90 .bubble-content { |
92 border-radius: 6px; | 91 border-radius: 6px; |
93 box-sizing: border-box; | 92 box-sizing: border-box; |
94 } | 93 } |
95 | 94 |
96 .auto-close-bubble { | 95 .auto-close-bubble { |
97 position: fixed; | 96 position: fixed; |
98 } | 97 } |
OLD | NEW |