jQuery fancybox update to 2.0.6

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;