include/javascript/yui/build/container/assets/container.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 .yui-overlay,
   8 .yui-panel-container {
   9     visibility:hidden;
  10     position:absolute;
  11     z-index: 2;
  12 }
  13
  14 .yui-tt {
  15     visibility:hidden;
  16     position:absolute;
  17     color:#333;
  18     background-color:#FDFFB4;
  19     font-family:arial,helvetica,verdana,sans-serif;
  20     padding:2px;
  21     border:1px solid #FCC90D;
  22     font:100% sans-serif;
  23     width:auto;
  24 }
  25
  26 /*
  27     PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended
  28     to its root element via JavaScript once it has been rendered.  The
  29     code that creates the shadow lives in the Tooltip's public "onRender"
  30     event handler that is a prototype method of YAHOO.widget.Tooltip.
  31     Implementers wishing to remove a Tooltip's shadow or add any other markup
  32     required for a given skin for Tooltip should override the "onRender" method.
  33 */
  34
  35 .yui-tt-shadow {
  36     display: none;
  37 }
  38
  39 * html body.masked select {
  40     visibility:hidden;
  41 }
  42
  43 * html div.yui-panel-container select {
  44     visibility:inherit;
  45 }
  46
  47 * html div.drag select {
  48     visibility:hidden;
  49 }
  50
  51 * html div.hide-select select {
  52     visibility:hidden;
  53 }
  54
  55 .mask {
  56     z-index: 1;
  57     display:none;
  58     position:absolute;
  59     top:0;
  60     left:0;
  61     -moz-opacity: 0.5;
  62     opacity:.50;
  63     filter: alpha(opacity=50);
  64     background-color:#CCC;
  65 }
  66
  67 /*
  68
  69 There are two known issues with YAHOO.widget.Overlay (and its subclasses) that
  70 manifest in Gecko-based browsers on Mac OS X:
  71
  72     1) Elements with scrollbars will poke through Overlay instances floating
  73        above them.
  74
  75     2) An Overlay's scrollbars and the scrollbars of its child nodes remain
  76        visible when the Overlay is hidden.
  77
  78 To fix these bugs:
  79
  80     1) The "overflow" property of an Overlay instance's root element and child
  81        nodes is toggled between "hidden" and "auto" (through the application
  82        and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
  83        as its "visibility" configuration property is toggled between
  84        "false" and "true."
  85
  86     2) The "display" property of <SELECT> elements that are child nodes of the
  87        Overlay instance's root element is set to "none" when it is hidden.
  88
  89 PLEASE NOTE:
  90
  91     1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are
  92        applied only for Gecko on Mac OS X and are added/removed to/from the
  93        Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and
  94        "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
  95
  96     2) There may be instances where the CSS for a web page or application
  97        contains style rules whose specificity override the rules implemented by
  98        the Container CSS files to fix this bug.  In such cases, is necessary to
  99        leverage the provided "hide-scrollbars" and "show-scrollbars" classes to
 100        write custom style rules to guard against this bug.
 101
 102 ** For more information on this issue, see:
 103    + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
 104    + YUILibrary bug #1723530
 105
 106 */
 107
 108 .hide-scrollbars,
 109 .hide-scrollbars * {
 110
 111     overflow: hidden;
 112
 113 }
 114
 115 .hide-scrollbars select {
 116
 117     display: none;
 118
 119 }
 120
 121 .show-scrollbars {
 122
 123     overflow: auto;
 124
 125 }
 126
 127 .yui-panel-container.show-scrollbars {
 128
 129     overflow: visible;
 130
 131 }
 132
 133 .yui-panel-container.show-scrollbars .underlay {
 134
 135     overflow: auto;
 136
 137 }
 138
 139 .yui-panel-container.focused {
 140
 141 }
 142
 143
 144 /* Panel underlay styles */
 145
 146 .yui-panel-container .underlay {
 147
 148     position: absolute;
 149     top: 0;
 150     right: 0;
 151     bottom: 0;
 152     left: 0;
 153
 154 }
 155
 156 .yui-panel-container.matte {
 157
 158     padding: 3px;
 159     background-color: #fff;
 160
 161 }
 162
 163 .yui-panel-container.shadow .underlay {
 164
 165     top: 3px;
 166     bottom: -3px;
 167     right: -3px;
 168     left: 3px;
 169     background-color: #000;
 170     opacity: .12;
 171     filter: alpha(opacity=12);  /* For IE */
 172
 173 }
 174
 175 /*
 176    Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
 177    the Panel's content changes, to force Safari 2.x to redraw the underlay.
 178    We attempt to choose a CSS property which has no visual impact when added,
 179    removed, but still causes Safari to redraw
 180 */
 181 .yui-panel-container.shadow .underlay.yui-force-redraw {
 182     padding-bottom: 1px;
 183 }
 184
 185 .yui-effect-fade .underlay {
 186     display:none;
 187 }
 188
 189 .yui-panel {
 190     visibility:hidden;
 191     border-collapse:separate;
 192     position:relative;
 193     left:0;
 194     top:0;
 195     font:1em Arial;
 196     background-color:#FFF;
 197     border:1px solid #000;
 198     z-index:1;
 199     overflow:hidden;
 200 }
 201
 202 .yui-panel .hd {
 203     background-color:#3d77cb;
 204     color:#FFF;
 205     font-size:100%;
 206     line-height:100%;
 207     border:1px solid #FFF;
 208     border-bottom:1px solid #000;
 209     font-weight:bold;
 210     padding:4px;
 211     white-space:nowrap;
 212 }
 213
 214 .yui-panel .bd {
 215     overflow:hidden;
 216     padding:4px;
 217 }
 218
 219 .yui-panel .bd p {
 220     margin:0 0 1em;
 221 }
 222
 223 .yui-panel .container-close {
 224     position:absolute;
 225     top:5px;
 226     right:4px;
 227     z-index:6;
 228     height:12px;
 229     width:12px;
 230     margin:0px;
 231     padding:0px;
 232     background:url(close12_1.gif) no-repeat;
 233     cursor:pointer;
 234     visibility:inherit;
 235     text-indent:-10000em;
 236     overflow:hidden;
 237     text-decoration:none;
 238 }
 239
 240 .yui-panel .ft {
 241     padding:4px;
 242     overflow:hidden;
 243 }
 244
 245 .yui-simple-dialog .bd .yui-icon {
 246     background-repeat:no-repeat;
 247     width:16px;
 248     height:16px;
 249     margin-right:10px;
 250     float:left;
 251 }
 252
 253 .yui-simple-dialog .bd span.blckicon {
 254     background: url("blck16_1.gif") no-repeat;
 255 }
 256
 257 .yui-simple-dialog .bd span.alrticon {
 258     background: url("alrt16_1.gif") no-repeat;
 259 }
 260
 261 .yui-simple-dialog .bd span.hlpicon {
 262     background: url("hlp16_1.gif") no-repeat;
 263 }
 264
 265 .yui-simple-dialog .bd span.infoicon {
 266     background: url("info16_1.gif") no-repeat;
 267 }
 268
 269 .yui-simple-dialog .bd span.warnicon {
 270     background: url("warn16_1.gif") no-repeat;
 271 }
 272
 273 .yui-simple-dialog .bd span.tipicon {
 274     background: url("tip16_1.gif") no-repeat;
 275 }
 276
 277 .yui-dialog .ft,
 278 .yui-simple-dialog .ft {
 279     padding-bottom:5px;
 280     padding-right:5px;
 281     text-align:right;
 282 }
 283
 284 .yui-dialog form,
 285 .yui-simple-dialog form {
 286     margin:0;
 287 }
 288
 289 .button-group button {
 290     font:100 76% verdana;
 291     text-decoration:none;
 292     background-color: #E4E4E4;
 293     color: #333;
 294     cursor: hand;
 295     vertical-align: middle;
 296     border: 2px solid #797979;
 297     border-top-color:#FFF;
 298     border-left-color:#FFF;
 299     margin:2px;
 300     padding:2px;
 301 }
 302
 303 .button-group button.default {
 304     font-weight:bold;
 305 }
 306
 307 .button-group button:hover,
 308 .button-group button.hover {
 309     border:2px solid #90A029;
 310     background-color:#EBF09E;
 311     border-top-color:#FFF;
 312     border-left-color:#FFF;
 313 }
 314
 315 .button-group button:active {
 316     border:2px solid #E4E4E4;
 317     background-color:#BBB;
 318     border-top-color:#333;
 319     border-left-color:#333;
 320 }
 321
 322 .yui-override-padding {
 323     padding:0 !important;
 324 }