koha-tmpl/opac-tmpl/lib/yui/container.css

   1 /*
   2 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.net/yui/license.txt
   5 version: 2.4.1
   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
 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 }
 237
 238 .yui-panel .ft {
 239     padding:4px;
 240     overflow:hidden;
 241 }
 242
 243 .yui-simple-dialog .bd .yui-icon {
 244     background-repeat:no-repeat;
 245     width:16px;
 246     height:16px;
 247     margin-right:10px;
 248     float:left;
 249 }
 250
 251 .yui-simple-dialog .bd span.blckicon {
 252     background: url("blck16_1.gif") no-repeat;
 253 }
 254
 255 .yui-simple-dialog .bd span.alrticon {
 256     background: url("alrt16_1.gif") no-repeat;
 257 }
 258
 259 .yui-simple-dialog .bd span.hlpicon {
 260     background: url("hlp16_1.gif") no-repeat;
 261 }
 262
 263 .yui-simple-dialog .bd span.infoicon {
 264     background: url("info16_1.gif") no-repeat;
 265 }
 266
 267 .yui-simple-dialog .bd span.warnicon {
 268     background: url("warn16_1.gif") no-repeat;
 269 }
 270
 271 .yui-simple-dialog .bd span.tipicon {
 272     background: url("tip16_1.gif") no-repeat;
 273 }
 274
 275 .yui-dialog .ft,
 276 .yui-simple-dialog .ft {
 277     padding-bottom:5px;
 278     padding-right:5px;
 279     text-align:right;
 280 }
 281
 282 .yui-dialog form,
 283 .yui-simple-dialog form {
 284     margin:0;
 285 }
 286
 287 .button-group button {
 288     font:100 76% verdana;
 289     text-decoration:none;
 290     background-color: #E4E4E4;
 291     color: #333;
 292     cursor: hand;
 293     vertical-align: middle;
 294     border: 2px solid #797979;
 295     border-top-color:#FFF;
 296     border-left-color:#FFF;
 297     margin:2px;
 298     padding:2px;
 299 }
 300
 301 .button-group button.default {
 302     font-weight:bold;
 303 }
 304
 305 .button-group button:hover,
 306 .button-group button.hover {
 307     border:2px solid #90A029;
 308     background-color:#EBF09E;
 309     border-top-color:#FFF;
 310     border-left-color:#FFF;
 311 }
 312
 313 .button-group button:active {
 314     border:2px solid #E4E4E4;
 315     background-color:#BBB;
 316     border-top-color:#333;
 317     border-left-color:#333;
 318 }