[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-night .yui3-panel {
   9      color: #FFFFFF;
  10      font-family: HelveticaNeue, arial, helvetica, clean, sans-serif;
  11  }
  12  
  13  .yui3-skin-night .yui3-panel-content {
  14      background: #6D6E6E;
  15      -webkit-box-shadow: 0 0 20px #000;
  16      -moz-box-shadow: 0 0 20px #000;
  17      box-shadow: 0 0 20px #000;
  18      border: 1px solid black;
  19      -webkit-border-radius: 7px;
  20      -moz-border-radius: 7px;
  21      border-radius: 7px;
  22  }
  23  .yui3-skin-night .yui3-panel .yui3-widget-hd {
  24      padding: 11px 57px 11px 22px;   /* Room for close button. */
  25      min-height: 17px;               /* For the close button */
  26      _height: 17px;                  /* IE6 */
  27      -webkit-border-top-left-radius: 7px;
  28      -webkit-border-top-right-radius: 7px;
  29      -moz-border-radius-topleft: 7px;
  30      -moz-border-radius-topright: 7px;
  31      border-top-left-radius: 7px;
  32      border-top-right-radius: 7px;
  33      font-weight: bold;
  34      color: white;
  35      background-color: #555658;
  36      background: -moz-linear-gradient(
  37          0% 100% 90deg,
  38          #343536 0%,
  39          #555658 96%,
  40          #3E3F41 100%
  41      );
  42      background: -webkit-gradient(
  43          linear,
  44          left bottom,
  45          left top,
  46          from(#343536),
  47          color-stop(0.96, #555658),
  48          to(#3E3F41)
  49      );
  50  }
  51  .yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-widget-buttons {
  52      padding: 11px;
  53  }
  54  .yui3-skin-night .yui3-panel .yui3-widget-bd {
  55      padding: 11px 22px 17px;
  56  }
  57  .yui3-skin-night .yui3-panel .yui3-widget-ft {
  58      background-color: #575858;
  59      border-top: 1px solid #494A4A;
  60      padding: 6px 16px 8px;
  61      text-align: center;
  62      -webkit-border-bottom-right-radius: 7px;
  63      -webkit-border-bottom-left-radius: 7px;
  64      -moz-border-radius-bottomright: 7px;
  65      -moz-border-radius-bottomleft: 7px;
  66      border-bottom-right-radius: 7px;
  67      border-bottom-left-radius: 7px;
  68  }
  69  .yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-widget-buttons {
  70      bottom: 0;
  71      position: relative;
  72      right: auto;
  73      width: 100%;
  74      text-align: center;
  75      padding-bottom: 0;
  76      margin-left: -5px;
  77      margin-right: -5px;
  78  }
  79  .yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-button {
  80      margin: 5px;
  81  }
  82  
  83  /*
  84  Support for icon-based [x] "close" button in the header.
  85  
  86  Nicolas Gallagher: "CSS image replacement with pseudo-elements (NIR)"
  87  http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
  88  */
  89  .yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close {
  90      /* Reset base button styles */
  91      background: transparent;
  92      filter: none;
  93      border: none;
  94      -webkit-box-shadow: none;
  95      -moz-box-shadow: none;
  96      box-shadow: none;
  97  
  98      /* Structure */
  99      width: 22px;
 100      height: 17px;
 101      padding: 0;
 102      overflow: hidden;
 103      vertical-align: top;
 104      /* IE < 8 :( */
 105      *font-size: 0;
 106      *line-height: 0;
 107      *letter-spacing: -1000px;
 108      *color: #86A5EC;
 109      *background: url(sprite_icons.png) no-repeat center 3px;
 110  }
 111  .yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:hover {
 112      background-color: #333;
 113  }
 114  .yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:before {
 115      /*
 116      Displays the [x] icon in place of the "Close" text.
 117      Note: The `width` of this pseudo element is the same as its "host" element.
 118      */
 119      content: url(sprite_icons.png);
 120      display: inline-block;
 121      text-align: center;
 122      font-size: 0;
 123      line-height: 0;
 124      width: 22px;
 125      margin: 3px 0 0 1px;
 126  }
 127  .yui3-skin-night .yui3-panel-hidden .yui3-widget-hd .yui3-button-close {
 128      /* Required for IE > 7 to deal with pseudo :before element */
 129      display: none;
 130  }