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