2 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.net/yui/license.txt
18 background-color:#FDFFB4;
19 font-family:arial,helvetica,verdana,sans-serif;
21 border:1px solid #FCC90D;
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.
39 * html body.masked select {
43 * html div.yui-panel-container select {
47 * html div.drag select {
51 * html div.hide-select select {
63 filter: alpha(opacity=50);
64 background-color:#CCC;
69 There are two known issues with YAHOO.widget.Overlay (and its subclasses) that
70 manifest in Gecko-based browsers on Mac OS X:
72 1) Elements with scrollbars will poke through Overlay instances floating
75 2) An Overlay's scrollbars and the scrollbars of its child nodes remain
76 visible when the Overlay is hidden.
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
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.
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.
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.
102 ** For more information on this issue, see:
103 + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
104 + YUILibrary bug #1723530
115 .hide-scrollbars select {
127 .yui-panel-container.show-scrollbars {
133 .yui-panel-container.show-scrollbars .underlay {
139 .yui-panel-container.focused {
144 /* Panel underlay styles */
146 .yui-panel-container .underlay {
156 .yui-panel-container.matte {
159 background-color: #fff;
163 .yui-panel-container.shadow .underlay {
169 background-color: #000;
171 filter: alpha(opacity=12); /* For IE */
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
181 .yui-panel-container.shadow .underlay.yui-force-redraw {
185 .yui-effect-fade .underlay {
191 border-collapse:separate;
196 background-color:#FFF;
197 border:1px solid #000;
203 background-color:#3d77cb;
207 border:1px solid #FFF;
208 border-bottom:1px solid #000;
223 .yui-panel .container-close {
232 background:url(close12_1.gif) no-repeat;
235 text-indent:-10000em;
237 text-decoration:none;
245 .yui-simple-dialog .bd .yui-icon {
246 background-repeat:no-repeat;
253 .yui-simple-dialog .bd span.blckicon {
254 background: url("blck16_1.gif") no-repeat;
257 .yui-simple-dialog .bd span.alrticon {
258 background: url("alrt16_1.gif") no-repeat;
261 .yui-simple-dialog .bd span.hlpicon {
262 background: url("hlp16_1.gif") no-repeat;
265 .yui-simple-dialog .bd span.infoicon {
266 background: url("info16_1.gif") no-repeat;
269 .yui-simple-dialog .bd span.warnicon {
270 background: url("warn16_1.gif") no-repeat;
273 .yui-simple-dialog .bd span.tipicon {
274 background: url("tip16_1.gif") no-repeat;
278 .yui-simple-dialog .ft {
285 .yui-simple-dialog form {
289 .button-group button {
290 font:100 76% verdana;
291 text-decoration:none;
292 background-color: #E4E4E4;
295 vertical-align: middle;
296 border: 2px solid #797979;
297 border-top-color:#FFF;
298 border-left-color:#FFF;
303 .button-group button.default {
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;
315 .button-group button:active {
316 border:2px solid #E4E4E4;
317 background-color:#BBB;
318 border-top-color:#333;
319 border-left-color:#333;
322 .yui-override-padding {
323 padding:0 !important;