summaryrefslogtreecommitdiffstats
path: root/sass/plugins/_fancybox.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/plugins/_fancybox.scss')
-rw-r--r--sass/plugins/_fancybox.scss94
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;