[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-panel {
  15      position:relative;
  16  }
  17  
  18  .yui-panel-container form {
  19      margin: 0;
  20  }
  21  
  22  .mask {
  23      z-index: 1;
  24      display: none;
  25      position: absolute;
  26      top: 0;
  27      left: 0;
  28      right: 0;
  29      bottom: 0;
  30  }
  31  
  32  .mask.block-scrollbars {
  33      /*
  34          Application of "overflow:auto" prevents Mac scrollbars from bleeding
  35          through the modality mask in Gecko. The block-scollbars class is only 
  36          added for Gecko on MacOS
  37      */
  38      overflow: auto;
  39  }
  40  
  41  /* 
  42      PLEASE NOTE:
  43  
  44      1) ".masked select" is used to prevent <SELECT> elements bleeding through 
  45         the modality mask in IE 6. 
  46  
  47      2) ".drag select" is used to hide <SELECT> elements when dragging a 
  48         Panel in IE 6.  This is necessary to prevent some redraw problems with 
  49         the <SELECT> elements when a Panel instance is dragged.
  50      
  51      3) ".hide-select select" is appended to an Overlay instance's root HTML 
  52         element when it is being annimated by YAHOO.widget.ContainerEffect.  
  53         This is necessary because <SELECT> elements don't inherit their parent
  54         element's opacity in IE 6.
  55  
  56  */
  57  
  58  .masked select,
  59  .drag select,
  60  .hide-select select {
  61      _visibility: hidden;
  62  }
  63  
  64  .yui-panel-container select {
  65      _visibility: inherit;
  66  }
  67  
  68  /*
  69  
  70  There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
  71  manifest in Gecko-based browsers on Mac OS X:
  72  
  73      1) Elements with scrollbars will poke through Overlay instances floating 
  74         above them.
  75      
  76      2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
  77         visible when the Overlay is hidden.
  78  
  79  To fix these bugs:
  80  
  81      1) The "overflow" property of an Overlay instance's root element and child 
  82         nodes is toggled between "hidden" and "auto" (through the application  
  83         and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
  84         as its "visibility" configuration property is toggled between 
  85         "false" and "true."
  86      
  87      2) The "display" property of <SELECT> elements that are child nodes of the 
  88         Overlay instance's root element is set to "none" when it is hidden.
  89  
  90  PLEASE NOTE:  
  91    
  92      1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
  93         applied only for Gecko on Mac OS X and are added/removed to/from the 
  94         Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
  95         "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
  96      
  97      2) There may be instances where the CSS for a web page or application 
  98         contains style rules whose specificity override the rules implemented by 
  99         the Container CSS files to fix this bug.  In such cases, is necessary to 
 100         leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
 101         write custom style rules to guard against this bug.
 102  
 103  ** For more information on this issue, see:
 104  
 105     + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
 106     + YUILibrary bug #1723530
 107  
 108  */
 109  
 110  .hide-scrollbars,
 111  .hide-scrollbars * {
 112  
 113      overflow: hidden;
 114  
 115  }
 116  
 117  .hide-scrollbars select {
 118      display: none;
 119  }
 120  
 121  .show-scrollbars {
 122      overflow: auto;
 123  }
 124  
 125  .yui-panel-container.show-scrollbars,
 126  .yui-tt.show-scrollbars {
 127      overflow: visible;
 128  }
 129  
 130  .yui-panel-container.show-scrollbars .underlay,
 131  .yui-tt.show-scrollbars .yui-tt-shadow {
 132  
 133      overflow: auto;
 134  
 135  }
 136  
 137  /* 
 138     Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
 139     the Panel's content changes, to force Safari 2.x to redraw the underlay.
 140     We attempt to choose a CSS property which has no visual impact when added,
 141     removed.
 142  */
 143  .yui-panel-container.shadow .underlay.yui-force-redraw {
 144      padding-bottom: 1px;
 145  }
 146  
 147  .yui-effect-fade .underlay, .yui-effect-fade .yui-tt-shadow {
 148      display:none;
 149  }
 150  
 151  /*
 152      PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
 153      to its root element via JavaScript once it has been rendered.  The 
 154      code that creates the shadow lives in the Tooltip's public "onRender" 
 155      event handler that is a prototype method of YAHOO.widget.Tooltip.  
 156      Implementers wishing to remove a Tooltip's shadow or add any other markup
 157      required for a given skin for Tooltip should override the "onRender" method.
 158  */
 159  
 160  .yui-tt-shadow {
 161      position: absolute;
 162  }
 163  
 164  .yui-override-padding {
 165      padding:0 !important;
 166  }
 167  
 168  .yui-panel-container .container-close {
 169      overflow:hidden;
 170      text-indent:-10000em;
 171      text-decoration:none;
 172  }
 173  
 174  .yui-overlay.yui-force-redraw, .yui-panel-container.yui-force-redraw {
 175      margin-bottom:1px;
 176  }