2 Copyright (c) 2007, 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:
104 + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
105 + SourceForge bug #1723530
116 .hide-scrollbars select {
128 .yui-panel-container.show-scrollbars {
134 .yui-panel-container.show-scrollbars .underlay {
140 .yui-panel-container.focused {
145 /* Panel underlay styles */
147 .yui-panel-container .underlay {
157 .yui-panel-container.matte {
160 background-color: #fff;
164 .yui-panel-container.shadow .underlay {
170 background-color: #000;
172 filter: alpha(opacity=12); /* For IE */
177 Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
178 the Panel's content changes, to force Safari 2.x to redraw the underlay.
179 We attempt to choose a CSS property which has no visual impact when added,
180 removed, but still causes Safari to redraw
182 .yui-panel-container.shadow .underlay.yui-force-redraw {
186 .yui-effect-fade .underlay {
192 border-collapse:separate;
197 background-color:#FFF;
198 border:1px solid #000;
204 background-color:#3d77cb;
208 border:1px solid #FFF;
209 border-bottom:1px solid #000;
224 .yui-panel .container-close {
233 background:url(close12_1.gif) no-repeat;
243 .yui-simple-dialog .bd .yui-icon {
244 background-repeat:no-repeat;
251 .yui-simple-dialog .bd span.blckicon {
252 background: url("blck16_1.gif") no-repeat;
255 .yui-simple-dialog .bd span.alrticon {
256 background: url("alrt16_1.gif") no-repeat;
259 .yui-simple-dialog .bd span.hlpicon {
260 background: url("hlp16_1.gif") no-repeat;
263 .yui-simple-dialog .bd span.infoicon {
264 background: url("info16_1.gif") no-repeat;
267 .yui-simple-dialog .bd span.warnicon {
268 background: url("warn16_1.gif") no-repeat;
271 .yui-simple-dialog .bd span.tipicon {
272 background: url("tip16_1.gif") no-repeat;
276 .yui-simple-dialog .ft {
283 .yui-simple-dialog form {
287 .button-group button {
288 font:100 76% verdana;
289 text-decoration:none;
290 background-color: #E4E4E4;
293 vertical-align: middle;
294 border: 2px solid #797979;
295 border-top-color:#FFF;
296 border-left-color:#FFF;
301 .button-group button.default {
305 .button-group button:hover,
306 .button-group button.hover {
307 border:2px solid #90A029;
308 background-color:#EBF09E;
309 border-top-color:#FFF;
310 border-left-color:#FFF;
313 .button-group button:active {
314 border:2px solid #E4E4E4;
315 background-color:#BBB;
316 border-top-color:#333;
317 border-left-color:#333;