/hippo/src/main/webapp/yui/container/assets/container.css

  1/*
  2Copyright (c) 2009, Yahoo! Inc. All rights reserved.
  3Code licensed under the BSD License:
  4http://developer.yahoo.net/yui/license.txt
  5version: 2.7.0
  6*/
  7.yui-overlay,
  8.yui-panel-container {
  9    visibility:hidden;
 10    position:absolute;
 11    z-index: 2;
 12}
 13
 14.yui-tt {
 15    visibility:hidden;
 16    position:absolute;
 17    color:#333;
 18    background-color:#FDFFB4;
 19    font-family:arial,helvetica,verdana,sans-serif;
 20    padding:2px;
 21    border:1px solid #FCC90D;
 22    font:100% sans-serif;
 23    width:auto;
 24}
 25
 26/*
 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.
 33*/
 34
 35.yui-tt-shadow {
 36    display: none;
 37}
 38
 39* html body.masked select {
 40    visibility:hidden;
 41}
 42
 43* html div.yui-panel-container select {
 44    visibility:inherit;
 45}
 46
 47* html div.drag select {
 48    visibility:hidden;
 49}
 50
 51* html div.hide-select select {
 52    visibility:hidden;
 53}
 54
 55.mask {
 56    z-index: 1; 
 57    display:none;
 58    position:absolute;
 59    top:0;
 60    left:0;
 61    -moz-opacity: 0.5;
 62    opacity:.50;
 63    filter: alpha(opacity=50);
 64    background-color:#CCC;
 65}
 66
 67/*
 68
 69There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
 70manifest in Gecko-based browsers on Mac OS X:
 71
 72    1) Elements with scrollbars will poke through Overlay instances floating 
 73       above them.
 74    
 75    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
 76       visible when the Overlay is hidden.
 77
 78To fix these bugs:
 79
 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 
 84       "false" and "true."
 85    
 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.
 88
 89PLEASE NOTE:  
 90  
 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.
 95    
 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.
101
102** For more information on this issue, see:
103
104   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
105   + SourceForge bug #1723530
106
107*/
108
109.hide-scrollbars,
110.hide-scrollbars * {
111
112    overflow: hidden;
113
114}
115
116.hide-scrollbars select {
117
118    display: none;
119
120}
121
122.show-scrollbars {
123
124    overflow: auto;
125
126}
127
128.yui-panel-container.show-scrollbars {
129
130    overflow: visible;
131
132}
133
134.yui-panel-container.show-scrollbars .underlay {
135
136    overflow: auto;
137
138}
139
140.yui-panel-container.focused {
141
142}
143
144
145/* Panel underlay styles */
146
147.yui-panel-container .underlay {
148
149    position: absolute;
150    top: 0;
151    right: 0;
152    bottom: 0;
153    left: 0;
154
155}
156
157.yui-panel-container.matte {
158
159    padding: 3px;
160    background-color: #fff;
161
162}
163
164.yui-panel-container.shadow .underlay {
165
166    top: 3px;
167    bottom: -3px;
168    right: -3px;
169    left: 3px;
170    background-color: #000;
171    opacity: .12;
172    filter: alpha(opacity=12);  /* For IE */
173
174}
175
176/* 
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
181*/
182.yui-panel-container.shadow .underlay.yui-force-redraw {
183    padding-bottom: 1px;
184}
185
186.yui-effect-fade .underlay {
187    display:none;
188}
189
190.yui-panel {
191    visibility:hidden;
192    border-collapse:separate;
193    position:relative;
194    left:0;
195    top:0;
196    font:1em Arial;
197    background-color:#FFF;
198    border:1px solid #000;
199    z-index:1;
200    overflow:hidden;
201}
202
203.yui-panel .hd {
204    background-color:#3d77cb;
205    color:#FFF;
206    font-size:100%;
207    line-height:100%;
208    border:1px solid #FFF;
209    border-bottom:1px solid #000;
210    font-weight:bold;
211    padding:4px;
212    white-space:nowrap;
213}
214
215.yui-panel .bd {
216    overflow:hidden;
217    padding:4px;
218}
219
220.yui-panel .bd p {
221    margin:0 0 1em;
222}
223
224.yui-panel .container-close {
225    position:absolute;
226    top:5px;
227    right:4px;
228    z-index:6;
229    height:12px;
230    width:12px;
231    margin:0px;
232    padding:0px;
233    background:url(close12_1.gif) no-repeat;
234    cursor:pointer;
235    visibility:inherit;
236    text-indent:-10000em;
237    overflow:hidden;
238    text-decoration:none;
239}
240
241.yui-panel .ft {
242    padding:4px;
243    overflow:hidden;
244}
245
246.yui-simple-dialog .bd .yui-icon {
247    background-repeat:no-repeat;
248    width:16px;
249    height:16px;
250    margin-right:10px;
251    float:left;
252}
253
254.yui-simple-dialog .bd span.blckicon {
255    background: url("blck16_1.gif") no-repeat;
256}
257
258.yui-simple-dialog .bd span.alrticon {
259    background: url("alrt16_1.gif") no-repeat;
260}
261
262.yui-simple-dialog .bd span.hlpicon {
263    background: url("hlp16_1.gif") no-repeat;
264}
265
266.yui-simple-dialog .bd span.infoicon {
267    background: url("info16_1.gif") no-repeat;
268}
269
270.yui-simple-dialog .bd span.warnicon {
271    background: url("warn16_1.gif") no-repeat;
272}
273
274.yui-simple-dialog .bd span.tipicon {
275    background: url("tip16_1.gif") no-repeat;
276}
277
278.yui-dialog .ft, 
279.yui-simple-dialog .ft {
280    padding-bottom:5px;
281    padding-right:5px;
282    text-align:right;
283}
284
285.yui-dialog form, 
286.yui-simple-dialog form {
287    margin:0;
288}
289
290.button-group button {
291    font:100 76% verdana;
292    text-decoration:none;
293    background-color: #E4E4E4;
294    color: #333;
295    cursor: hand;
296    vertical-align: middle;
297    border: 2px solid #797979;
298    border-top-color:#FFF;
299    border-left-color:#FFF;
300    margin:2px;
301    padding:2px;
302}
303
304.button-group button.default {
305    font-weight:bold;
306}
307
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;
314}
315
316.button-group button:active {
317    border:2px solid #E4E4E4;
318    background-color:#BBB;
319    border-top-color:#333;
320    border-left-color:#333;
321}
322
323.yui-override-padding {
324    padding:0 !important;
325}