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 3 * found in the LICENSE file. 4 */ 5 6.expandable-bubble { 7 -webkit-border-image: url('chrome://theme/IDR_APP_NOTIFICATION_SMALL_BUBBLE') 8 5 5 7 6 stretch; 9 -webkit-box-sizing: border-box; 10 -webkit-user-select: none; 11 border-width: 5px 5px 7px 6px; 12 color: #444; 13 cursor: pointer; 14 display: inline-block; 15 font-size: 12px; 16 position: absolute; 17 z-index: 1; 18} 19 20.expandable-bubble::after { 21 bottom: -1px; 22 content: url('chrome://theme/IDR_APP_NOTIFICATION_NUB'); 23 display: block; 24 height: 7px; 25 position: absolute; 26 right: 5px; /* TODO(finnur): Need to handle RTL properly. */ 27 width: 9px; 28} 29 30.expandable-bubble > .expandable-bubble-contents > .expandable-bubble-title { 31 display: inline-block; 32 margin-left: 1px; 33 margin-top : -3px; 34 overflow: hidden; 35 white-space: nowrap; 36} 37 38.expandable-bubble[masked] > .expandable-bubble-contents > 39 .expandable-bubble-title::after { 40 content: url('chrome://theme/IDR_APP_NOTIFICATION_NUB_MASK'); 41 display: block; 42 height: 15px; 43 overflow: hidden; 44 position: absolute; 45 right: 0; 46 top: 0; 47 width: 12px; 48} 49 50.expandable-bubble[expanded] > .expandable-bubble-contents > 51 .expandable-bubble-title { 52 font-size: 13px; 53 margin-bottom: 3px; 54 margin-left: 0; 55} 56 57.expandable-bubble-close { 58 background-image: no-repeat 50% 50%; 59 height: 16px; 60 position: absolute; 61 right: 0; 62 top: 0; 63 width: 16px; 64 z-index: 2; 65} 66 67.expandable-bubble[expanded] { 68 padding: 3px; 69 z-index: 3; /* One higher then the close button on an unexpanded bubble. */ 70} 71 72.expandable-bubble[expanded] > .expandable-bubble-close { 73 z-index: 4; 74} 75 76.expandable-bubble-close { 77 background-image: url('../../../../../ui/resources/close_bar.png'); 78} 79 80.expandable-bubble-close:hover { 81 background-image: url('../../../../../ui/resources/close_bar_h.png'); 82} 83 84.expandable-bubble-close:active { 85 background-image: url('../../../../../ui/resources/close_bar_p.png'); 86} 87
