library/fancybox/jquery.fancybox-1.3.4.css

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