[Summary view] [Print] [Text view]

   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(http://yui.yahooapis.com/2.9.0/build/container/assets/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("http://yui.yahooapis.com/2.9.0/build/container/assets/blck16_1.gif") no-repeat;
 255  }
 256  
 257  .yui-simple-dialog .bd span.alrticon {
 258      background: url("http://yui.yahooapis.com/2.9.0/build/container/assets/alrt16_1.gif") no-repeat;
 259  }
 260  
 261  .yui-simple-dialog .bd span.hlpicon {
 262      background: url("http://yui.yahooapis.com/2.9.0/build/container/assets/hlp16_1.gif") no-repeat;
 263  }
 264  
 265  .yui-simple-dialog .bd span.infoicon {
 266      background: url("http://yui.yahooapis.com/2.9.0/build/container/assets/info16_1.gif") no-repeat;
 267  }
 268  
 269  .yui-simple-dialog .bd span.warnicon {
 270      background: url("http://yui.yahooapis.com/2.9.0/build/container/assets/warn16_1.gif") no-repeat;
 271  }
 272  
 273  .yui-simple-dialog .bd span.tipicon {
 274      background: url("http://yui.yahooapis.com/2.9.0/build/container/assets/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  }