| OLD | NEW |
| (Empty) | |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. |
| 4 */ |
| 5 |
| 6 .expandable-bubble { |
| 7 position: absolute; |
| 8 z-index: 9999; |
| 9 } |
| 10 |
| 11 .expandable-bubble[expanded] { |
| 12 width: 300px; |
| 13 } |
| 14 |
| 15 .expandable-bubble-contents { |
| 16 color: black; |
| 17 left: 1px; |
| 18 line-height: 150%; |
| 19 padding: 6px 3px 5px 6px; |
| 20 position: relative; |
| 21 right: 1px; |
| 22 top: 1px; |
| 23 z-index: 3; |
| 24 } |
| 25 |
| 26 .expandable-bubble-title { |
| 27 text-align: center; |
| 28 text-overflow: ellipsis; |
| 29 white-space: nowrap; |
| 30 } |
| 31 |
| 32 .expandable-bubble[expanded] > .expandable-bubble-contents > .expandable-bubble-
title { |
| 33 text-align: left; |
| 34 } |
| 35 |
| 36 .expandable-bubble-close { |
| 37 background-image: no-repeat 50% 50%; |
| 38 height: 16px; |
| 39 position: absolute; |
| 40 right: 6px; |
| 41 top: 6px; |
| 42 width: 16px; |
| 43 z-index: 4; |
| 44 } |
| 45 |
| 46 .expandable-bubble-close { |
| 47 background-image: url('chrome://theme/IDR_CLOSE_BAR'); |
| 48 } |
| 49 |
| 50 .expandable-bubble-close:hover { |
| 51 background-image: url('chrome://theme/IDR_CLOSE_BAR_H'); |
| 52 } |
| 53 |
| 54 .expandable-bubble-close:active { |
| 55 background-image: url('chrome://theme/IDR_CLOSE_BAR_P'); |
| 56 } |
| 57 |
| 58 .expandable-bubble-shadow { |
| 59 bottom: -2px; |
| 60 left: 0; |
| 61 position: absolute; |
| 62 right: 0; |
| 63 top: 0; |
| 64 z-index: 1; |
| 65 } |
| 66 |
| 67 .expandable-bubble-arrow { |
| 68 /* The tip of the arrow. */ |
| 69 border-bottom-right-radius: 1px; |
| 70 /* No border on the right or top (inner sides of the rotated square) because |
| 71 * it would overlap/darken the content shadow. */ |
| 72 border-right: none; |
| 73 border-top: none; |
| 74 bottom: -9px; |
| 75 height: 15px; |
| 76 position: absolute; |
| 77 right: 15px; |
| 78 width: 15px; |
| 79 z-index: 2; |
| 80 -webkit-transform: rotate(45deg); |
| 81 } |
| 82 |
| 83 .expandable-bubble-contents, |
| 84 .expandable-bubble-arrow { |
| 85 background: white; |
| 86 } |
| 87 |
| 88 .expandable-bubble-shadow, |
| 89 .expandable-bubble-arrow { |
| 90 border: 1px solid rgba(0, 0, 0, 0.3); |
| 91 -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); |
| 92 } |
| 93 |
| 94 .expandable-bubble-shadow, |
| 95 .expandable-bubble-contents { |
| 96 border-radius: 6px; |
| 97 box-sizing: border-box; |
| 98 } |
| OLD | NEW |