/hippo/src/main/webapp/yui/container/assets/container.css
http://hdbc.googlecode.com/ · CSS · 325 lines · 204 code · 59 blank · 62 comment · 0 complexity · 06f3a507e2559e79edb837db91ea751a MD5 · raw file
- /*
- Copyright (c) 2009, Yahoo! Inc. All rights reserved.
- Code licensed under the BSD License:
- http://developer.yahoo.net/yui/license.txt
- version: 2.7.0
- */
- .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
- + SourceForge 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;
- }