lib/yuilib/3.13.0/panel/assets/skins/sam/panel-skin.css

   1 /*
   2 YUI 3.13.0 (build 508226d)
   3 Copyright 2013 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 }