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 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
61 bottom: 0; | 61 bottom: 0; |
62 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); | 62 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); |
63 left: 0; | 63 left: 0; |
64 position: absolute; | 64 position: absolute; |
65 right: 0; | 65 right: 0; |
66 top: 0; | 66 top: 0; |
67 z-index: 1; | 67 z-index: 1; |
68 } | 68 } |
69 | 69 |
70 .bubble-arrow { | 70 .bubble-arrow { |
71 -webkit-transform: rotate(45deg); | 71 transform: rotate(45deg); |
72 box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15); | 72 box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15); |
73 height: 15px; | 73 height: 15px; |
74 position: absolute; | 74 position: absolute; |
75 width: 15px; | 75 width: 15px; |
76 z-index: 2; | 76 z-index: 2; |
77 } | 77 } |
78 | 78 |
79 .bubble-content, | 79 .bubble-content, |
80 .bubble-arrow { | 80 .bubble-arrow { |
81 background: white; | 81 background: white; |
82 } | 82 } |
83 | 83 |
84 .bubble-shadow, | 84 .bubble-shadow, |
85 .bubble-arrow { | 85 .bubble-arrow { |
86 border: 1px solid rgba(0, 0, 0, 0.3); | 86 border: 1px solid rgba(0, 0, 0, 0.3); |
87 } | 87 } |
88 | 88 |
89 .bubble-shadow, | 89 .bubble-shadow, |
90 .bubble-content { | 90 .bubble-content { |
91 border-radius: 6px; | 91 border-radius: 6px; |
92 box-sizing: border-box; | 92 box-sizing: border-box; |
93 } | 93 } |
94 | 94 |
95 .auto-close-bubble { | 95 .auto-close-bubble { |
96 position: fixed; | 96 position: fixed; |
97 } | 97 } |
OLD | NEW |