Mercurial > public > madeira

annotate media/js/fancybox/jquery.fancybox-1.3.1.css @ 18:10be1f4f121b

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