include/javascript/yui/build/container/assets/container-core.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-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 }