static/fancybox/jquery.fancybox-1.3.4.css

   1 /*
   2  * FancyBox - jQuery Plugin
   3  * Simple and fancy lightbox alternative
   4  *
   5  * Examples and documentation at: http://fancybox.net
   6  *
   7  * Copyright (c) 2008 - 2010 Janis Skarnelis
   8  * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
   9  *
  10  * Version: 1.3.4 (11/11/2010)
  11  * Requires: jQuery v1.3+
  12  *
  13  * Dual licensed under the MIT and GPL licenses:
  14  *   http://www.opensource.org/licenses/mit-license.php
  15  *   http://www.gnu.org/licenses/gpl.html
  16  */
  17
  18 #fancybox-loading {
  19         position: fixed;
  20         top: 50%;
  21         left: 50%;
  22         width: 40px;
  23         height: 40px;
  24         margin-top: -20px;
  25         margin-left: -20px;
  26         cursor: pointer;
  27         overflow: hidden;
  28         z-index: 1104;
  29         display: none;
  30 }
  31
  32 #fancybox-loading div {
  33         position: absolute;
  34         top: 0;
  35         left: 0;
  36         width: 40px;
  37         height: 480px;
  38         background-image: url('fancybox.png');
  39 }
  40
  41 #fancybox-overlay {
  42         position: absolute;
  43         top: 0;
  44         left: 0;
  45         width: 100%;
  46         z-index: 1100;
  47         display: none;
  48 }
  49
  50 #fancybox-tmp {
  51         padding: 0;
  52         margin: 0;
  53         border: 0;
  54         overflow: auto;
  55         display: none;
  56 }
  57
  58 #fancybox-wrap {
  59         position: absolute;
  60         top: 0;
  61         left: 0;
  62         padding: 20px;
  63         z-index: 1101;
  64         outline: none;
  65         display: none;
  66 }
  67
  68 #fancybox-outer {
  69         position: relative;
  70         width: 100%;
  71         height: 100%;
  72         background: #fff;
  73 }
  74
  75 #fancybox-content {
  76         width: 0;
  77         height: 0;
  78         padding: 0;
  79         outline: none;
  80         position: relative;
  81         overflow: hidden;
  82         z-index: 1102;
  83         border: 0px solid #fff;
  84 }
  85
  86 #fancybox-hide-sel-frame {
  87         position: absolute;
  88         top: 0;
  89         left: 0;
  90         width: 100%;
  91         height: 100%;
  92         background: transparent;
  93         z-index: 1101;
  94 }
  95
  96 #fancybox-close {
  97         position: absolute;
  98         top: -15px;
  99         right: -15px;
 100         width: 30px;
 101         height: 30px;
 102         background: transparent url('fancybox.png') -40px 0px;
 103         cursor: pointer;
 104         z-index: 1103;
 105         display: none;
 106 }
 107
 108 #fancybox-error {
 109         color: #444;
 110         font: normal 12px/20px Arial;
 111         padding: 14px;
 112         margin: 0;
 113 }
 114
 115 #fancybox-img {
 116         width: 100%;
 117         height: 100%;
 118         padding: 0;
 119         margin: 0;
 120         border: none;
 121         outline: none;
 122         line-height: 0;
 123         vertical-align: top;
 124 }
 125
 126 #fancybox-frame {
 127         width: 100%;
 128         height: 100%;
 129         border: none;
 130         display: block;
 131 }
 132
 133 #fancybox-left, #fancybox-right {
 134         position: absolute;
 135         bottom: 0px;
 136         height: 100%;
 137         width: 35%;
 138         cursor: pointer;
 139         outline: none;
 140         background: transparent url('blank.gif');
 141         z-index: 1102;
 142         display: none;
 143 }
 144
 145 #fancybox-left {
 146         left: 0px;
 147 }
 148
 149 #fancybox-right {
 150         right: 0px;
 151 }
 152
 153 #fancybox-left-ico, #fancybox-right-ico {
 154         position: absolute;
 155         top: 50%;
 156         left: -9999px;
 157         width: 30px;
 158         height: 30px;
 159         margin-top: -15px;
 160         cursor: pointer;
 161         z-index: 1102;
 162         display: block;
 163 }
 164
 165 #fancybox-left-ico {
 166         background-image: url('fancybox.png');
 167         background-position: -40px -30px;
 168 }
 169
 170 #fancybox-right-ico {
 171         background-image: url('fancybox.png');
 172         background-position: -40px -60px;
 173 }
 174
 175 #fancybox-left:hover, #fancybox-right:hover {
 176         visibility: visible; /* IE6 */
 177 }
 178
 179 #fancybox-left:hover span {
 180         left: 20px;
 181 }
 182
 183 #fancybox-right:hover span {
 184         left: auto;
 185         right: 20px;
 186 }
 187
 188 .fancybox-bg {
 189         position: absolute;
 190         padding: 0;
 191         margin: 0;
 192         border: 0;
 193         width: 20px;
 194         height: 20px;
 195         z-index: 1001;
 196 }
 197
 198 #fancybox-bg-n {
 199         top: -20px;
 200         left: 0;
 201         width: 100%;
 202         background-image: url('fancybox-x.png');
 203 }
 204
 205 #fancybox-bg-ne {
 206         top: -20px;
 207         right: -20px;
 208         background-image: url('fancybox.png');
 209         background-position: -40px -162px;
 210 }
 211
 212 #fancybox-bg-e {
 213         top: 0;
 214         right: -20px;
 215         height: 100%;
 216         background-image: url('fancybox-y.png');
 217         background-position: -20px 0px;
 218 }
 219
 220 #fancybox-bg-se {
 221         bottom: -20px;
 222         right: -20px;
 223         background-image: url('fancybox.png');
 224         background-position: -40px -182px;
 225 }
 226
 227 #fancybox-bg-s {
 228         bottom: -20px;
 229         left: 0;
 230         width: 100%;
 231         background-image: url('fancybox-x.png');
 232         background-position: 0px -20px;
 233 }
 234
 235 #fancybox-bg-sw {
 236         bottom: -20px;
 237         left: -20px;
 238         background-image: url('fancybox.png');
 239         background-position: -40px -142px;
 240 }
 241
 242 #fancybox-bg-w {
 243         top: 0;
 244         left: -20px;
 245         height: 100%;
 246         background-image: url('fancybox-y.png');
 247 }
 248
 249 #fancybox-bg-nw {
 250         top: -20px;
 251         left: -20px;
 252         background-image: url('fancybox.png');
 253         background-position: -40px -122px;
 254 }
 255
 256 #fancybox-title {
 257         font-family: Helvetica;
 258         font-size: 12px;
 259         z-index: 1102;
 260 }
 261
 262 .fancybox-title-inside {
 263         padding-bottom: 10px;
 264         text-align: center;
 265         color: #333;
 266         background: #fff;
 267         position: relative;
 268 }
 269
 270 .fancybox-title-outside {
 271         padding-top: 10px;
 272         color: #fff;
 273 }
 274
 275 .fancybox-title-over {
 276         position: absolute;
 277         bottom: 0;
 278         left: 0;
 279         color: #FFF;
 280         text-align: left;
 281 }
 282
 283 #fancybox-title-over {
 284         padding: 10px;
 285         background-image: url('fancy_title_over.png');
 286         display: block;
 287 }
 288
 289 .fancybox-title-float {
 290         position: absolute;
 291         left: 0;
 292         bottom: -20px;
 293         height: 32px;
 294 }
 295
 296 #fancybox-title-float-wrap {
 297         border: none;
 298         border-collapse: collapse;
 299         width: auto;
 300 }
 301
 302 #fancybox-title-float-wrap td {
 303         border: none;
 304         white-space: nowrap;
 305 }
 306
 307 #fancybox-title-float-left {
 308         padding: 0 0 0 15px;
 309         background: url('fancybox.png') -40px -90px no-repeat;
 310 }
 311
 312 #fancybox-title-float-main {
 313         color: #FFF;
 314         line-height: 29px;
 315         font-weight: bold;
 316         padding: 0 0 3px 0;
 317         background: url('fancybox-x.png') 0px -40px;
 318 }
 319
 320 #fancybox-title-float-right {
 321         padding: 0 0 0 15px;
 322         background: url('fancybox.png') -55px -90px no-repeat;
 323 }
 324
 325 /* IE6 */
 326
 327 .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
 328
 329 .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
 330 .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
 331
 332 .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
 333 .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
 334 .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
 335 .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
 336
 337 .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
 338         height: expression(this.parentNode.clientHeight + "px");
 339 }
 340
 341 #fancybox-loading.fancybox-ie6 {
 342         position: absolute; margin-top: 0;
 343         top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
 344 }
 345
 346 #fancybox-loading.fancybox-ie6 div      { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
 347
 348 /* IE6, IE7, IE8 */
 349
 350 .fancybox-ie .fancybox-bg { background: transparent !important; }
 351
 352 .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
 353 .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
 354 .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
 355 .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
 356 .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
 357 .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
 358 .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
 359 .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }