include/javascript/yui/build/container/assets/skins/sam/container-skin.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.0
   6 */
   7 /* Panel modality mask styles */
   8 .yui-skin-sam .mask {
   9     background-color: #000;
  10     opacity: .25;
  11     filter: alpha(opacity=25);  /* Set opacity in IE */
  12 }
  13
  14 /* Panel styles */
  15 .yui-skin-sam .yui-panel-container {
  16     padding:0 1px;
  17     /* Padding added for IE to allow 0,0 alignment with shadow */
  18     *padding:2px;
  19 }
  20
  21 .yui-skin-sam .yui-panel {
  22     position: relative;
  23     left:0;
  24     top:0;
  25     border-style: solid;
  26     border-width: 1px 0;
  27     border-color: #808080;
  28     z-index: 1;
  29
  30     /* Rollback rounded corner support for IE6/7 */
  31     *border-width:1px;
  32     *zoom:1;
  33     _zoom:normal;
  34 }
  35
  36 .yui-skin-sam .yui-panel .hd,
  37 .yui-skin-sam .yui-panel .bd,
  38 .yui-skin-sam .yui-panel .ft {
  39     border-style: solid;
  40     border-width: 0 1px;
  41     border-color: #808080;
  42     margin: 0 -1px;
  43
  44     /* Rollback rounded corner support for IE6/7 */
  45     *margin:0;
  46     *border:0;
  47 }
  48
  49 .yui-skin-sam .yui-panel .hd {
  50     border-bottom: solid 1px #ccc;
  51 }
  52
  53 .yui-skin-sam .yui-panel .bd,
  54 .yui-skin-sam .yui-panel .ft {
  55     background-color: #F2F2F2;
  56 }
  57
  58 .yui-skin-sam .yui-panel .hd {
  59     padding: 0 10px;
  60     font-size: 93%;  /* 12px */
  61     line-height: 2;  /* ~24px */
  62     *line-height: 1.9; /* For IE */
  63     font-weight: bold;
  64     color: #000;
  65     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;
  66 }
  67
  68 .yui-skin-sam .yui-panel .bd {
  69     padding: 10px;
  70 }
  71
  72 .yui-skin-sam .yui-panel .ft {
  73     border-top: solid 1px #808080;
  74     padding: 5px 10px;
  75     font-size: 77%;
  76 }
  77
  78 .yui-skin-sam .yui-panel-container.focused .yui-panel .hd {
  79
  80 }
  81
  82 .yui-skin-sam .container-close {
  83     position: absolute;
  84     top: 5px;
  85     right: 6px;
  86     width: 25px;
  87     height: 15px;
  88     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
  89     cursor:pointer;
  90 }
  91
  92 /* Panel underlay styles */
  93 .yui-skin-sam .yui-panel-container .underlay {
  94     right: -1px;
  95     left: -1px;
  96 }
  97
  98 .yui-skin-sam .yui-panel-container.matte {
  99     padding: 9px 10px;
 100     background-color: #fff;
 101 }
 102
 103 .yui-skin-sam .yui-panel-container.shadow {
 104     /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
 105     _padding: 2px 4px 0 2px;
 106 }
 107
 108 .yui-skin-sam .yui-panel-container.shadow .underlay {
 109     position: absolute;
 110     top: 2px;
 111     left: -3px;
 112     right: -3px;
 113     bottom: -3px;
 114
 115     /* IE7 Strict (provides 3px shadow (when combined with 2px padding applied to container) */
 116     *top: 4px;
 117     *left: -1px;
 118     *right: -1px;
 119     *bottom: -1px;
 120
 121     /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
 122     _top: 0;
 123     _left: 0;
 124     _right: 0;
 125     _bottom: 0;
 126     _margin-top: 3px;
 127     _margin-left: -1px;
 128
 129     background-color: #000;
 130     opacity: .12;
 131     filter: alpha(opacity=12);  /* Set opacity in IE */
 132 }
 133
 134
 135 /* Dialog styles */
 136 .yui-skin-sam .yui-dialog .ft {
 137     border-top: none;
 138     padding: 0 10px 10px 10px;
 139     font-size: 100%;
 140 }
 141
 142 .yui-skin-sam .yui-dialog .ft .button-group {
 143     display: block;
 144     text-align: right;
 145 }
 146
 147 /* Dialog default button style */
 148 .yui-skin-sam .yui-dialog .ft button.default {
 149     font-weight:bold;
 150 }
 151
 152 /* Dialog default YUI Button style */
 153 .yui-skin-sam .yui-dialog .ft span.default {
 154     border-color: #304369;
 155     background-position: 0 -1400px;
 156 }
 157
 158 .yui-skin-sam .yui-dialog .ft span.default .first-child {
 159     border-color: #304369;
 160 }
 161
 162 .yui-skin-sam .yui-dialog .ft span.default button {
 163     color: #fff;
 164 }
 165
 166 /* Dialog YUI Button disabled state */
 167 .yui-skin-sam .yui-dialog .ft span.yui-button-disabled {
 168     background-position:0pt -1500px;
 169     border-color:#ccc;
 170 }
 171
 172 .yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child {
 173     border-color:#ccc;
 174 }
 175
 176 .yui-skin-sam .yui-dialog .ft span.yui-button-disabled button {
 177     color:#a6a6a6;
 178 }
 179
 180 /* SimpleDialog icon styles */
 181 .yui-skin-sam .yui-simple-dialog .bd .yui-icon {
 182     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;
 183     width: 16px;
 184     height: 16px;
 185     margin-right: 10px;
 186     float: left;
 187 }
 188
 189 .yui-skin-sam .yui-simple-dialog .bd span.blckicon {
 190     background-position: 0 -1100px;
 191 }
 192
 193 .yui-skin-sam .yui-simple-dialog .bd span.alrticon {
 194     background-position: 0 -1050px;
 195 }
 196
 197 .yui-skin-sam .yui-simple-dialog .bd span.hlpicon {
 198     background-position: 0 -1150px;
 199 }
 200
 201 .yui-skin-sam .yui-simple-dialog .bd span.infoicon {
 202     background-position: 0 -1200px;
 203 }
 204
 205 .yui-skin-sam .yui-simple-dialog .bd span.warnicon {
 206     background-position: 0 -1900px;
 207 }
 208
 209 .yui-skin-sam .yui-simple-dialog .bd span.tipicon {
 210     background-position: 0 -1250px;
 211 }
 212
 213 /* Tooltip styles */
 214 .yui-skin-sam .yui-tt .bd {
 215     position: relative;
 216     top: 0;
 217     left: 0;
 218     z-index: 1;
 219     color: #000;
 220     padding: 2px 5px;
 221     border-color: #D4C237 #A6982B #A6982B #A6982B;
 222     border-width: 1px;
 223     border-style: solid;
 224     background-color: #FFEE69;
 225 }
 226
 227 .yui-skin-sam .yui-tt.show-scrollbars .bd {
 228     overflow: auto;
 229 }
 230
 231 .yui-skin-sam .yui-tt-shadow {
 232     top: 2px;
 233     right: -3px;
 234     left: -3px;
 235     bottom: -3px;
 236     background-color: #000;
 237 }
 238
 239 .yui-skin-sam .yui-tt-shadow-visible {
 240     opacity: .12;
 241     filter: alpha(opacity=12);  /* For IE */
 242 }