diff options
Diffstat (limited to 'sass/plugins/_fancybox.scss')
-rw-r--r-- | sass/plugins/_fancybox.scss | 94 |
1 files changed, 52 insertions, 42 deletions
diff --git a/sass/plugins/_fancybox.scss b/sass/plugins/_fancybox.scss index 89dec97..20a9437 100644 --- a/sass/plugins/_fancybox.scss +++ b/sass/plugins/_fancybox.scss @@ -1,4 +1,4 @@ -/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */ +/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; @@ -9,10 +9,11 @@ position: absolute; top: 0; left: 0; - z-index: 1002; + z-index: 8020; } -.fancybox-outer { +.fancybox-skin { + position: relative; padding: 0; margin: 0; background: #f9f9f9; @@ -22,28 +23,33 @@ } .fancybox-opened { - z-index: 1003; + z-index: 8030; } -.fancybox-opened .fancybox-outer { +.fancybox-opened .fancybox-skin { @include box-shadow(0 10px 25px rgba(0, 0, 0, 0.5)); } -.fancybox-inner { - width: 100%; - height: 100%; +.fancybox-outer, .fancybox-inner { padding: 0; margin: 0; position: relative; outline: none; +} + +.fancybox-inner { overflow: hidden; } +.fancybox-type-iframe .fancybox-inner { + -webkit-overflow-scrolling: touch; +} + .fancybox-error { color: #444; - font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; - margin: 0; - padding: 10px; + font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; + margin: 0; + padding: 10px; } .fancybox-image, .fancybox-iframe { @@ -61,22 +67,26 @@ max-height: 100%; } +#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { + background-image: image-url('fancybox/fancybox_sprite.png'); +} + #fancybox-loading { position: fixed; top: 50%; left: 50%; - margin-top: -21px; - margin-left: -21px; - width: 42px; - height: 42px; - background: image-url('fancybox/fancybox_loading.gif'); + margin-top: -22px; + margin-left: -22px; + background-position: 0 -108px; opacity: 0.8; cursor: pointer; - z-index: 1010; + z-index: 8020; } -.fancybox-close, .fancybox-prev span, .fancybox-next span { - background-image: image-url('fancybox/fancybox_sprite.png'); +#fancybox-loading div { + width: 44px; + height: 44px; + background: image-url('fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { @@ -86,59 +96,53 @@ width: 36px; height: 36px; cursor: pointer; - z-index: 1004; + z-index: 8040; } -.fancybox-prev, .fancybox-next { +.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent image-url('fancybox/blank.gif'); /* helps IE */ - z-index: 1003; + -webkit-tap-highlight-color: rgba(0,0,0,0); + z-index: 8040; } .fancybox-prev { - left: 0; + left: 0; } .fancybox-next { right: 0; } -.fancybox-prev span, .fancybox-next span { +.fancybox-nav span { position: absolute; top: 50%; - left: -9999px; width: 36px; - height: 36px; + height: 34px; margin-top: -18px; cursor: pointer; - z-index: 1003; + z-index: 8040; + visibility: hidden; } .fancybox-prev span { + left: 20px; background-position: 0 -36px; } .fancybox-next span { + right: 20px; background-position: 0 -72px; } -.fancybox-prev:hover, .fancybox-next:hover { +.fancybox-nav:hover span { visibility: visible; } -.fancybox-prev:hover span { - left: 20px; -} - -.fancybox-next:hover span { - left: auto; - right: 20px; -} - .fancybox-tmp { position: absolute; top: -9999px; @@ -156,18 +160,24 @@ left: 0; overflow: hidden; display: none; - z-index: 1001; + z-index: 8010; background: #000; } +#fancybox-overlay.overlay-fixed { + position: fixed; + bottom: 0; + right: 0; +} + /* Title helper */ .fancybox-title { - visibility: hidden; + visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; - z-index: 1005; + z-index: 8050; } .fancybox-opened .fancybox-title { @@ -179,7 +189,7 @@ bottom: 0; right: 50%; margin-bottom: -35px; - z-index: 1003; + z-index: 8030; text-align: center; } @@ -210,7 +220,7 @@ .fancybox-title-over-wrap { position: absolute; bottom: 0; - left: 0; + left: 0; color: #fff; padding: 10px; background: #000; |