container.css
324 lines
| 6.7 KiB
| text/css
|
CssLexer
r547 | /* | |||
Copyright (c) 2009, Yahoo! Inc. All rights reserved. | ||||
Code licensed under the BSD License: | ||||
http://developer.yahoo.net/yui/license.txt | ||||
version: 2.8.0r4 | ||||
*/ | ||||
.yui-overlay, | ||||
.yui-panel-container { | ||||
visibility:hidden; | ||||
position:absolute; | ||||
z-index: 2; | ||||
} | ||||
.yui-tt { | ||||
visibility:hidden; | ||||
position:absolute; | ||||
color:#333; | ||||
background-color:#FDFFB4; | ||||
font-family:arial,helvetica,verdana,sans-serif; | ||||
padding:2px; | ||||
border:1px solid #FCC90D; | ||||
font:100% sans-serif; | ||||
width:auto; | ||||
} | ||||
/* | ||||
PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended | ||||
to its root element via JavaScript once it has been rendered. The | ||||
code that creates the shadow lives in the Tooltip's public "onRender" | ||||
event handler that is a prototype method of YAHOO.widget.Tooltip. | ||||
Implementers wishing to remove a Tooltip's shadow or add any other markup | ||||
required for a given skin for Tooltip should override the "onRender" method. | ||||
*/ | ||||
.yui-tt-shadow { | ||||
display: none; | ||||
} | ||||
* html body.masked select { | ||||
visibility:hidden; | ||||
} | ||||
* html div.yui-panel-container select { | ||||
visibility:inherit; | ||||
} | ||||
* html div.drag select { | ||||
visibility:hidden; | ||||
} | ||||
* html div.hide-select select { | ||||
visibility:hidden; | ||||
} | ||||
.mask { | ||||
z-index: 1; | ||||
display:none; | ||||
position:absolute; | ||||
top:0; | ||||
left:0; | ||||
-moz-opacity: 0.5; | ||||
opacity:.50; | ||||
filter: alpha(opacity=50); | ||||
background-color:#CCC; | ||||
} | ||||
/* | ||||
There are two known issues with YAHOO.widget.Overlay (and its subclasses) that | ||||
manifest in Gecko-based browsers on Mac OS X: | ||||
1) Elements with scrollbars will poke through Overlay instances floating | ||||
above them. | ||||
2) An Overlay's scrollbars and the scrollbars of its child nodes remain | ||||
visible when the Overlay is hidden. | ||||
To fix these bugs: | ||||
1) The "overflow" property of an Overlay instance's root element and child | ||||
nodes is toggled between "hidden" and "auto" (through the application | ||||
and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes) | ||||
as its "visibility" configuration property is toggled between | ||||
"false" and "true." | ||||
2) The "display" property of <SELECT> elements that are child nodes of the | ||||
Overlay instance's root element is set to "none" when it is hidden. | ||||
PLEASE NOTE: | ||||
1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are | ||||
applied only for Gecko on Mac OS X and are added/removed to/from the | ||||
Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and | ||||
"showMacGeckoScrollbars" methods of YAHOO.widget.Overlay. | ||||
2) There may be instances where the CSS for a web page or application | ||||
contains style rules whose specificity override the rules implemented by | ||||
the Container CSS files to fix this bug. In such cases, is necessary to | ||||
leverage the provided "hide-scrollbars" and "show-scrollbars" classes to | ||||
write custom style rules to guard against this bug. | ||||
** For more information on this issue, see: | ||||
+ https://bugzilla.mozilla.org/show_bug.cgi?id=187435 | ||||
+ YUILibrary bug #1723530 | ||||
*/ | ||||
.hide-scrollbars, | ||||
.hide-scrollbars * { | ||||
overflow: hidden; | ||||
} | ||||
.hide-scrollbars select { | ||||
display: none; | ||||
} | ||||
.show-scrollbars { | ||||
overflow: auto; | ||||
} | ||||
.yui-panel-container.show-scrollbars { | ||||
overflow: visible; | ||||
} | ||||
.yui-panel-container.show-scrollbars .underlay { | ||||
overflow: auto; | ||||
} | ||||
.yui-panel-container.focused { | ||||
} | ||||
/* Panel underlay styles */ | ||||
.yui-panel-container .underlay { | ||||
position: absolute; | ||||
top: 0; | ||||
right: 0; | ||||
bottom: 0; | ||||
left: 0; | ||||
} | ||||
.yui-panel-container.matte { | ||||
padding: 3px; | ||||
background-color: #fff; | ||||
} | ||||
.yui-panel-container.shadow .underlay { | ||||
top: 3px; | ||||
bottom: -3px; | ||||
right: -3px; | ||||
left: 3px; | ||||
background-color: #000; | ||||
opacity: .12; | ||||
filter: alpha(opacity=12); /* For IE */ | ||||
} | ||||
/* | ||||
Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when | ||||
the Panel's content changes, to force Safari 2.x to redraw the underlay. | ||||
We attempt to choose a CSS property which has no visual impact when added, | ||||
removed, but still causes Safari to redraw | ||||
*/ | ||||
.yui-panel-container.shadow .underlay.yui-force-redraw { | ||||
padding-bottom: 1px; | ||||
} | ||||
.yui-effect-fade .underlay { | ||||
display:none; | ||||
} | ||||
.yui-panel { | ||||
visibility:hidden; | ||||
border-collapse:separate; | ||||
position:relative; | ||||
left:0; | ||||
top:0; | ||||
font:1em Arial; | ||||
background-color:#FFF; | ||||
border:1px solid #000; | ||||
z-index:1; | ||||
overflow:hidden; | ||||
} | ||||
.yui-panel .hd { | ||||
background-color:#3d77cb; | ||||
color:#FFF; | ||||
font-size:100%; | ||||
line-height:100%; | ||||
border:1px solid #FFF; | ||||
border-bottom:1px solid #000; | ||||
font-weight:bold; | ||||
padding:4px; | ||||
white-space:nowrap; | ||||
} | ||||
.yui-panel .bd { | ||||
overflow:hidden; | ||||
padding:4px; | ||||
} | ||||
.yui-panel .bd p { | ||||
margin:0 0 1em; | ||||
} | ||||
.yui-panel .container-close { | ||||
position:absolute; | ||||
top:5px; | ||||
right:4px; | ||||
z-index:6; | ||||
height:12px; | ||||
width:12px; | ||||
margin:0px; | ||||
padding:0px; | ||||
background:url(close12_1.gif) no-repeat; | ||||
cursor:pointer; | ||||
visibility:inherit; | ||||
text-indent:-10000em; | ||||
overflow:hidden; | ||||
text-decoration:none; | ||||
} | ||||
.yui-panel .ft { | ||||
padding:4px; | ||||
overflow:hidden; | ||||
} | ||||
.yui-simple-dialog .bd .yui-icon { | ||||
background-repeat:no-repeat; | ||||
width:16px; | ||||
height:16px; | ||||
margin-right:10px; | ||||
float:left; | ||||
} | ||||
.yui-simple-dialog .bd span.blckicon { | ||||
background: url("blck16_1.gif") no-repeat; | ||||
} | ||||
.yui-simple-dialog .bd span.alrticon { | ||||
background: url("alrt16_1.gif") no-repeat; | ||||
} | ||||
.yui-simple-dialog .bd span.hlpicon { | ||||
background: url("hlp16_1.gif") no-repeat; | ||||
} | ||||
.yui-simple-dialog .bd span.infoicon { | ||||
background: url("info16_1.gif") no-repeat; | ||||
} | ||||
.yui-simple-dialog .bd span.warnicon { | ||||
background: url("warn16_1.gif") no-repeat; | ||||
} | ||||
.yui-simple-dialog .bd span.tipicon { | ||||
background: url("tip16_1.gif") no-repeat; | ||||
} | ||||
.yui-dialog .ft, | ||||
.yui-simple-dialog .ft { | ||||
padding-bottom:5px; | ||||
padding-right:5px; | ||||
text-align:right; | ||||
} | ||||
.yui-dialog form, | ||||
.yui-simple-dialog form { | ||||
margin:0; | ||||
} | ||||
.button-group button { | ||||
font:100 76% verdana; | ||||
text-decoration:none; | ||||
background-color: #E4E4E4; | ||||
color: #333; | ||||
cursor: hand; | ||||
vertical-align: middle; | ||||
border: 2px solid #797979; | ||||
border-top-color:#FFF; | ||||
border-left-color:#FFF; | ||||
margin:2px; | ||||
padding:2px; | ||||
} | ||||
.button-group button.default { | ||||
font-weight:bold; | ||||
} | ||||
.button-group button:hover, | ||||
.button-group button.hover { | ||||
border:2px solid #90A029; | ||||
background-color:#EBF09E; | ||||
border-top-color:#FFF; | ||||
border-left-color:#FFF; | ||||
} | ||||
.button-group button:active { | ||||
border:2px solid #E4E4E4; | ||||
background-color:#BBB; | ||||
border-top-color:#333; | ||||
border-left-color:#333; | ||||
} | ||||
.yui-override-padding { | ||||
padding:0 !important; | ||||
} | ||||