Mercurial > kallithea
annotate rhodecode/public/js/yui/container/assets/container.css @ 1073:289ff43cc190 beta
update YUI dev libs to latest version
| author | Marcin Kuzminski <marcin@python-works.com> |
|---|---|
| date | Sun, 20 Feb 2011 20:58:07 +0100 |
| parents | 1e757ac98988 |
| children |
| rev | line source |
|---|---|
| 0 | 1 /* |
|
1073
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
2 Copyright (c) 2010, Yahoo! Inc. All rights reserved. |
| 0 | 3 Code licensed under the BSD License: |
|
1073
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
4 http://developer.yahoo.com/yui/license.html |
|
289ff43cc190
update YUI dev libs to latest version
Marcin Kuzminski <marcin@python-works.com>
parents:
547
diff
changeset
|
5 version: 2.8.2r1 |
| 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 | |
| 69 There are two known issues with YAHOO.widget.Overlay (and its subclasses) that | |
| 70 manifest 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 | |
| 78 To 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 | |
| 89 PLEASE 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 + https://bugzilla.mozilla.org/show_bug.cgi?id=187435 | |
| 104 + YUILibrary bug #1723530 | |
| 105 | |
| 106 */ | |
| 107 | |
| 108 .hide-scrollbars, | |
| 109 .hide-scrollbars * { | |
| 110 | |
| 111 overflow: hidden; | |
| 112 | |
| 113 } | |
| 114 | |
| 115 .hide-scrollbars select { | |
| 116 | |
| 117 display: none; | |
| 118 | |
| 119 } | |
| 120 | |
| 121 .show-scrollbars { | |
| 122 | |
| 123 overflow: auto; | |
| 124 | |
| 125 } | |
| 126 | |
| 127 .yui-panel-container.show-scrollbars { | |
| 128 | |
| 129 overflow: visible; | |
| 130 | |
| 131 } | |
| 132 | |
| 133 .yui-panel-container.show-scrollbars .underlay { | |
| 134 | |
| 135 overflow: auto; | |
| 136 | |
| 137 } | |
| 138 | |
| 139 .yui-panel-container.focused { | |
| 140 | |
| 141 } | |
| 142 | |
| 143 | |
| 144 /* Panel underlay styles */ | |
| 145 | |
| 146 .yui-panel-container .underlay { | |
| 147 | |
| 148 position: absolute; | |
| 149 top: 0; | |
| 150 right: 0; | |
| 151 bottom: 0; | |
| 152 left: 0; | |
| 153 | |
| 154 } | |
| 155 | |
| 156 .yui-panel-container.matte { | |
| 157 | |
| 158 padding: 3px; | |
| 159 background-color: #fff; | |
| 160 | |
| 161 } | |
| 162 | |
| 163 .yui-panel-container.shadow .underlay { | |
| 164 | |
| 165 top: 3px; | |
| 166 bottom: -3px; | |
| 167 right: -3px; | |
| 168 left: 3px; | |
| 169 background-color: #000; | |
| 170 opacity: .12; | |
| 171 filter: alpha(opacity=12); /* For IE */ | |
| 172 | |
| 173 } | |
| 174 | |
| 175 /* | |
| 176 Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when | |
| 177 the Panel's content changes, to force Safari 2.x to redraw the underlay. | |
| 178 We attempt to choose a CSS property which has no visual impact when added, | |
| 179 removed, but still causes Safari to redraw | |
| 180 */ | |
| 181 .yui-panel-container.shadow .underlay.yui-force-redraw { | |
| 182 padding-bottom: 1px; | |
| 183 } | |
| 184 | |
| 185 .yui-effect-fade .underlay { | |
| 186 display:none; | |
| 187 } | |
| 188 | |
| 189 .yui-panel { | |
| 190 visibility:hidden; | |
| 191 border-collapse:separate; | |
| 192 position:relative; | |
| 193 left:0; | |
| 194 top:0; | |
| 195 font:1em Arial; | |
| 196 background-color:#FFF; | |
| 197 border:1px solid #000; | |
| 198 z-index:1; | |
| 199 overflow:hidden; | |
| 200 } | |
| 201 | |
| 202 .yui-panel .hd { | |
| 203 background-color:#3d77cb; | |
| 204 color:#FFF; | |
| 205 font-size:100%; | |
| 206 line-height:100%; | |
| 207 border:1px solid #FFF; | |
| 208 border-bottom:1px solid #000; | |
| 209 font-weight:bold; | |
| 210 padding:4px; | |
| 211 white-space:nowrap; | |
| 212 } | |
| 213 | |
| 214 .yui-panel .bd { | |
| 215 overflow:hidden; | |
| 216 padding:4px; | |
| 217 } | |
| 218 | |
| 219 .yui-panel .bd p { | |
| 220 margin:0 0 1em; | |
| 221 } | |
| 222 | |
| 223 .yui-panel .container-close { | |
| 224 position:absolute; | |
| 225 top:5px; | |
| 226 right:4px; | |
| 227 z-index:6; | |
| 228 height:12px; | |
| 229 width:12px; | |
| 230 margin:0px; | |
| 231 padding:0px; | |
| 232 background:url(close12_1.gif) no-repeat; | |
| 233 cursor:pointer; | |
| 234 visibility:inherit; | |
| 235 text-indent:-10000em; | |
| 236 overflow:hidden; | |
| 237 text-decoration:none; | |
| 238 } | |
| 239 | |
| 240 .yui-panel .ft { | |
| 241 padding:4px; | |
| 242 overflow:hidden; | |
| 243 } | |
| 244 | |
| 245 .yui-simple-dialog .bd .yui-icon { | |
| 246 background-repeat:no-repeat; | |
| 247 width:16px; | |
| 248 height:16px; | |
| 249 margin-right:10px; | |
| 250 float:left; | |
| 251 } | |
| 252 | |
| 253 .yui-simple-dialog .bd span.blckicon { | |
| 254 background: url("blck16_1.gif") no-repeat; | |
| 255 } | |
| 256 | |
| 257 .yui-simple-dialog .bd span.alrticon { | |
| 258 background: url("alrt16_1.gif") no-repeat; | |
| 259 } | |
| 260 | |
| 261 .yui-simple-dialog .bd span.hlpicon { | |
| 262 background: url("hlp16_1.gif") no-repeat; | |
| 263 } | |
| 264 | |
| 265 .yui-simple-dialog .bd span.infoicon { | |
| 266 background: url("info16_1.gif") no-repeat; | |
| 267 } | |
| 268 | |
| 269 .yui-simple-dialog .bd span.warnicon { | |
| 270 background: url("warn16_1.gif") no-repeat; | |
| 271 } | |
| 272 | |
| 273 .yui-simple-dialog .bd span.tipicon { | |
| 274 background: url("tip16_1.gif") no-repeat; | |
| 275 } | |
| 276 | |
| 277 .yui-dialog .ft, | |
| 278 .yui-simple-dialog .ft { | |
| 279 padding-bottom:5px; | |
| 280 padding-right:5px; | |
| 281 text-align:right; | |
| 282 } | |
| 283 | |
| 284 .yui-dialog form, | |
| 285 .yui-simple-dialog form { | |
| 286 margin:0; | |
| 287 } | |
| 288 | |
| 289 .button-group button { | |
| 290 font:100 76% verdana; | |
| 291 text-decoration:none; | |
| 292 background-color: #E4E4E4; | |
| 293 color: #333; | |
| 294 cursor: hand; | |
| 295 vertical-align: middle; | |
| 296 border: 2px solid #797979; | |
| 297 border-top-color:#FFF; | |
| 298 border-left-color:#FFF; | |
| 299 margin:2px; | |
| 300 padding:2px; | |
| 301 } | |
| 302 | |
| 303 .button-group button.default { | |
| 304 font-weight:bold; | |
| 305 } | |
| 306 | |
| 307 .button-group button:hover, | |
| 308 .button-group button.hover { | |
| 309 border:2px solid #90A029; | |
| 310 background-color:#EBF09E; | |
| 311 border-top-color:#FFF; | |
| 312 border-left-color:#FFF; | |
| 313 } | |
| 314 | |
| 315 .button-group button:active { | |
| 316 border:2px solid #E4E4E4; | |
| 317 background-color:#BBB; | |
| 318 border-top-color:#333; | |
| 319 border-left-color:#333; | |
| 320 } | |
| 321 | |
| 322 .yui-override-padding { | |
| 323 padding:0 !important; | |
| 324 } |