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