application/media/css/jquery.fancybox.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('../images/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         margin-top: 40px;
  64         z-index: 1101;
  65         outline: none;
  66         display: none;
  67 }
  68
  69 #fancybox-outer {
  70         position: relative;
  71         width: 100%;
  72         height: 100%;
  73         background: #fff;
  74 }
  75
  76 #fancybox-content {
  77         width: 0;
  78         height: 0;
  79         padding: 0;
  80         outline: none;
  81         position: relative;
  82         overflow: hidden;
  83         z-index: 1102;
  84         border: 0px solid #fff;
  85 }
  86
  87 #fancybox-hide-sel-frame {
  88         position: absolute;
  89         top: 0;
  90         left: 0;
  91         width: 100%;
  92         height: 100%;
  93         background: transparent;
  94         z-index: 1101;
  95 }
  96
  97 #fancybox-close {
  98         position: absolute;
  99         top: -15px;
 100         right: -15px;
 101         width: 30px;
 102         height: 30px;
 103         background: transparent url('../images/fancybox.png') -40px 0px;
 104         cursor: pointer;
 105         z-index: 1103;
 106         display: none;
 107         border-bottom: 0;
 108 }
 109
 110 #fancybox-error {
 111         color: #444;
 112         font: normal 12px/20px Arial;
 113         padding: 14px;
 114         margin: 0;
 115 }
 116
 117 #fancybox-img {
 118         width: 100%;
 119         height: 100%;
 120         padding: 0;
 121         margin: 0;
 122         border: none;
 123         outline: none;
 124         line-height: 0;
 125         vertical-align: top;
 126 }
 127
 128 #fancybox-frame {
 129         width: 100%;
 130         height: 100%;
 131         border: none;
 132         display: block;
 133 }
 134
 135 #fancybox-left, #fancybox-right {
 136         position: absolute;
 137         bottom: 0px;
 138         height: 100%;
 139         width: 35%;
 140         cursor: pointer;
 141         outline: none;
 142         background: transparent url('../images/blank.gif');
 143         z-index: 1102;
 144         display: none;
 145 }
 146
 147 #fancybox-left {
 148         left: 0px;
 149 }
 150
 151 #fancybox-right {
 152         right: 0px;
 153 }
 154
 155 #fancybox-left-ico, #fancybox-right-ico {
 156         position: absolute;
 157         top: 50%;
 158         left: -9999px;
 159         width: 30px;
 160         height: 30px;
 161         margin-top: -15px;
 162         cursor: pointer;
 163         z-index: 1102;
 164         display: block;
 165 }
 166
 167 #fancybox-left-ico {
 168         background-image: url('../images/fancybox.png');
 169         background-position: -40px -30px;
 170 }
 171
 172 #fancybox-right-ico {
 173         background-image: url('../images/fancybox.png');
 174         background-position: -40px -60px;
 175 }
 176
 177 #fancybox-left:hover, #fancybox-right:hover {
 178         visibility: visible; /* IE6 */
 179 }
 180
 181 #fancybox-left:hover span {
 182         left: 20px;
 183 }
 184
 185 #fancybox-right:hover span {
 186         left: auto;
 187         right: 20px;
 188 }
 189
 190 .fancybox-bg {
 191         position: absolute;
 192         padding: 0;
 193         margin: 0;
 194         border: 0;
 195         width: 20px;
 196         height: 20px;
 197         z-index: 1001;
 198 }
 199
 200 #fancybox-bg-n {
 201         top: -20px;
 202         left: 0;
 203         width: 100%;
 204         background-image: url('../images/fancybox-x.png');
 205 }
 206
 207 #fancybox-bg-ne {
 208         top: -20px;
 209         right: -20px;
 210         background-image: url('../images/fancybox.png');
 211         background-position: -40px -162px;
 212 }
 213
 214 #fancybox-bg-e {
 215         top: 0;
 216         right: -20px;
 217         height: 100%;
 218         background-image: url('../images/fancybox-y.png');
 219         background-position: -20px 0px;
 220 }
 221
 222 #fancybox-bg-se {
 223         bottom: -20px;
 224         right: -20px;
 225         background-image: url('../images/fancybox.png');
 226         background-position: -40px -182px;
 227 }
 228
 229 #fancybox-bg-s {
 230         bottom: -20px;
 231         left: 0;
 232         width: 100%;
 233         background-image: url('../images/fancybox-x.png');
 234         background-position: 0px -20px;
 235 }
 236
 237 #fancybox-bg-sw {
 238         bottom: -20px;
 239         left: -20px;
 240         background-image: url('../images/fancybox.png');
 241         background-position: -40px -142px;
 242 }
 243
 244 #fancybox-bg-w {
 245         top: 0;
 246         left: -20px;
 247         height: 100%;
 248         background-image: url('../images/fancybox-y.png');
 249 }
 250
 251 #fancybox-bg-nw {
 252         top: -20px;
 253         left: -20px;
 254         background-image: url('../images/fancybox.png');
 255         background-position: -40px -122px;
 256 }
 257
 258 #fancybox-title {
 259         font-family: Helvetica;
 260         font-size: 12px;
 261         z-index: 1102;
 262 }
 263
 264 .fancybox-title-inside {
 265         padding-bottom: 10px;
 266         text-align: center;
 267         color: #333;
 268         background: #fff;
 269         position: relative;
 270 }
 271
 272 .fancybox-title-outside {
 273         padding-top: 10px;
 274         color: #fff;
 275 }
 276
 277 .fancybox-title-over {
 278         position: absolute;
 279         bottom: 0;
 280         left: 0;
 281         color: #FFF;
 282         text-align: left;
 283 }
 284
 285 #fancybox-title-over {
 286         padding: 10px;
 287         background-image: url('../images/fancy_title_over.png');
 288         display: block;
 289 }
 290
 291 .fancybox-title-float {
 292         position: absolute;
 293         left: 0;
 294         bottom: -20px;
 295         height: 32px;
 296 }
 297
 298 #fancybox-title-float-wrap {
 299         border: none;
 300         border-collapse: collapse;
 301         width: auto;
 302 }
 303
 304 #fancybox-title-float-wrap td {
 305         border: none;
 306         white-space: nowrap;
 307 }
 308
 309 #fancybox-title-float-left {
 310         padding: 0 0 0 15px;
 311         background: url('../images/fancybox.png') -40px -90px no-repeat;
 312 }
 313
 314 #fancybox-title-float-main {
 315         color: #FFF;
 316         line-height: 29px;
 317         font-weight: bold;
 318         padding: 0 0 3px 0;
 319         background: url('../images/fancybox-x.png') 0px -40px;
 320 }
 321
 322 #fancybox-title-float-right {
 323         padding: 0 0 0 15px;
 324         background: url('../images/fancybox.png') -55px -90px no-repeat;
 325 }