[Summary view] [Print] [Text view]

   1  /*
   2  YUI 3.17.2 (build 9c3c78e)
   3  Copyright 2014 Yahoo! Inc. All rights reserved.
   4  Licensed under the BSD License.
   5  http://yuilibrary.com/license/
   6  */
   7  
   8  .yui3-skin-sam .yui3-panel-content {
   9      -webkit-box-shadow: 0 0 5px #333;
  10      -moz-box-shadow: 0 0 5px #333;
  11      box-shadow: 0 0 5px #333;
  12      border: 1px solid black;
  13      background: white;
  14  }
  15  .yui3-skin-sam .yui3-panel .yui3-widget-hd {
  16      padding: 8px 28px 8px 8px;  /* Room for close button. */
  17      min-height: 13px;           /* For the close button */
  18      _height: 13px;              /* IE6 */
  19      color: white;
  20      background-color: #3961c5;
  21      background: -moz-linear-gradient(
  22          0% 100% 90deg,
  23          #2647a0 7%,
  24          #3d67ce 50%,
  25          #426fd9 100%
  26      );
  27      background: -webkit-gradient(
  28          linear,
  29          left bottom,
  30          left top,
  31          from(#2647a0),
  32          color-stop(0.07, #2647a0),
  33          color-stop(0.5, #3d67ce),
  34          to(#426fd9)
  35      );
  36      /*
  37      TODO: Add support for IE and W3C gradients
  38      */
  39  }
  40  .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-widget-buttons {
  41      padding: 8px;
  42  }
  43  .yui3-skin-sam .yui3-panel .yui3-widget-bd {
  44      padding: 10px;
  45  }
  46  .yui3-skin-sam .yui3-panel .yui3-widget-ft {
  47      background: #EDF5FF;
  48      padding: 8px;
  49      text-align: right;
  50  }
  51  .yui3-skin-sam .yui3-panel .yui3-widget-ft .yui3-button {
  52      margin-left: 8px;
  53  }
  54  
  55  /*
  56  Support for icon-based [x] "close" button in the header.
  57  
  58  Nicolas Gallagher: "CSS image replacement with pseudo-elements (NIR)"
  59  http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
  60  */
  61  .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close {
  62      /* Reset base button styles */
  63      background: transparent;
  64      filter: none;
  65      border: none;
  66      -webkit-border-radius: 0;
  67      -moz-border-radius: 0;
  68      border-radius: 0;
  69      -webkit-box-shadow: none;
  70      -moz-box-shadow: none;
  71      box-shadow: none;
  72  
  73      /* Structure */
  74      width: 13px;
  75      height: 13px;
  76      padding: 0;
  77      overflow: hidden;
  78      vertical-align: top;
  79      /* IE < 8 :( */
  80      *font-size: 0;
  81      *line-height: 0;
  82      *letter-spacing: -1000px;
  83      *color: #86A5EC;
  84      *background: url(sprite_icons.png) no-repeat 1px 1px;
  85  }
  86  .yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close:before {
  87      /*
  88      Displays the [x] icon in place of the "Close" text.
  89      Note: The `width` of this pseudo element is the same as its "host" element.
  90      */
  91      content: url(sprite_icons.png);
  92      display: inline-block;
  93      text-align: center;
  94      font-size: 0;
  95      line-height: 0;
  96      width: 13px;
  97      margin: 1px 0 0 1px;
  98  }
  99  .yui3-skin-sam .yui3-panel-hidden .yui3-widget-hd .yui3-button-close {
 100      /* Required for IE > 7 to deal with pseudo :before element */
 101      display: none;
 102  }