| 1 | /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
|---|
| 2 | .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top;}
|
|---|
| 3 | .fancybox-wrap{position:absolute; top:0; left:0; z-index:8020;}
|
|---|
| 4 |
|
|---|
| 5 | .fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
|
|---|
| 6 | .fancybox-opened{z-index:8030;}
|
|---|
| 7 | .fancybox-opened .fancybox-skin{box-shadow:0 10px 25px rgba(0,0,0,0.5);}
|
|---|
| 8 | .fancybox-outer,.fancybox-inner{position:relative;}
|
|---|
| 9 | .fancybox-inner{overflow:hidden;}
|
|---|
| 10 | .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
|
|---|
| 11 | .fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
|
|---|
| 12 | .fancybox-image,.fancybox-iframe{display:block; width:100%; height:100%;}
|
|---|
| 13 | .fancybox-image{max-width:100%; max-height:100%;}
|
|---|
| 14 |
|
|---|
| 15 | #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite.png');}
|
|---|
| 16 | #fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060;}
|
|---|
| 17 | #fancybox-loading div{width:44px; height:44px; background:url('fancybox_loading.gif') center center no-repeat;}
|
|---|
| 18 |
|
|---|
| 19 | .fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
|
|---|
| 20 | .fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('blank.gif'); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
|
|---|
| 21 | .fancybox-prev{left:0;}
|
|---|
| 22 | .fancybox-next{right:0;}
|
|---|
| 23 | .fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
|
|---|
| 24 | .fancybox-prev span{left:10px; background-position:0 -36px;}
|
|---|
| 25 | .fancybox-next span{right:10px; background-position:0 -72px;}
|
|---|
| 26 | .fancybox-nav:hover span{visibility:visible;}
|
|---|
| 27 | .fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
|
|---|
| 28 |
|
|---|
| 29 | /* Overlay helper */
|
|---|
| 30 |
|
|---|
| 31 | .fancybox-lock{overflow:hidden !important; width:auto;}
|
|---|
| 32 | .fancybox-lock body{overflow:hidden !important;}
|
|---|
| 33 | .fancybox-lock-test{overflow-y:hidden !important;}
|
|---|
| 34 | .fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('fancybox_overlay.png');}
|
|---|
| 35 | .fancybox-overlay-fixed{position:fixed; bottom:0; right:0;}
|
|---|
| 36 | .fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll;}
|
|---|
| 37 |
|
|---|
| 38 | /* Title helper */
|
|---|
| 39 |
|
|---|
| 40 | .fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
|
|---|
| 41 | .fancybox-opened .fancybox-title{visibility:visible;}
|
|---|
| 42 | .fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center;}
|
|---|
| 43 | .fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:rgba(0,0,0,0.8); border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;}
|
|---|
| 44 | .fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff;}
|
|---|
| 45 | .fancybox-title-inside-wrap{padding-top:10px;}
|
|---|
| 46 | .fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8);}
|
|---|
| 47 |
|
|---|
| 48 | /*Retina graphics!*/
|
|---|
| 49 | @media only screen and (-webkit-min-device-pixel-ratio:1.5),
|
|---|
| 50 | only screen and (min--moz-device-pixel-ratio:1.5),
|
|---|
| 51 | only screen and (min-device-pixel-ratio:1.5){
|
|---|
| 52 |
|
|---|
| 53 | #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
|
|---|
| 54 | background-image:url('fancybox_sprite@2x.png');
|
|---|
| 55 | background-size:44px 152px; /*The size of the normal image,half the size of the hi-res image*/
|
|---|
| 56 | }
|
|---|
| 57 |
|
|---|
| 58 | #fancybox-loading div {
|
|---|
| 59 | background-image:url('fancybox_loading@2x.gif');
|
|---|
| 60 | background-size:24px 24px; /*The size of the normal image,half the size of the hi-res image*/
|
|---|
| 61 | }
|
|---|
| 62 | }
|
|---|
