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:
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;
236
text-indent:-10000em;
238
text-decoration:none;
246
.yui-simple-dialog .bd .yui-icon {
247
background-repeat:no-repeat;
254
.yui-simple-dialog .bd span.blckicon {
255
background: url("blck16_1.gif") no-repeat;
258
.yui-simple-dialog .bd span.alrticon {
259
background: url("alrt16_1.gif") no-repeat;
262
.yui-simple-dialog .bd span.hlpicon {
263
background: url("hlp16_1.gif") no-repeat;
266
.yui-simple-dialog .bd span.infoicon {
267
background: url("info16_1.gif") no-repeat;
270
.yui-simple-dialog .bd span.warnicon {
271
background: url("warn16_1.gif") no-repeat;
274
.yui-simple-dialog .bd span.tipicon {
275
background: url("tip16_1.gif") no-repeat;
279
.yui-simple-dialog .ft {
286
.yui-simple-dialog form {
290
.button-group button {
291
font:100 76% verdana;
292
text-decoration:none;
293
background-color: #E4E4E4;
296
vertical-align: middle;
297
border: 2px solid #797979;
298
border-top-color:#FFF;
299
border-left-color:#FFF;
304
.button-group button.default {
308
.button-group button:hover,
309
.button-group button.hover {
310
border:2px solid #90A029;
311
background-color:#EBF09E;
312
border-top-color:#FFF;
313
border-left-color:#FFF;
316
.button-group button:active {
317
border:2px solid #E4E4E4;
318
background-color:#BBB;
319
border-top-color:#333;
320
border-left-color:#333;
323
.yui-override-padding {
324
padding:0 !important;