Home | History | Annotate | Download | only in css 
      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