restoring older lightslider and lightgallery

legacy_v1
mwinter 4 years ago
parent 1645b6e4c2
commit 167be49392

@ -1,7 +1,5 @@
.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont { .lg-outer.fb-comments .lg-img-wrap {
padding-right: 400px !important; padding-right: 400px !important; }
}
.lg-outer.fb-comments .fb-comments { .lg-outer.fb-comments .fb-comments {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
@ -10,45 +8,24 @@
top: 0; top: 0;
width: 420px; width: 420px;
z-index: 99999; z-index: 99999;
background: #fff url("../img/loading.gif") no-repeat scroll center center; background: #fff url("../img/loading.gif") no-repeat scroll center center; }
}
.lg-outer.fb-comments .fb-comments.fb_iframe_widget { .lg-outer.fb-comments .fb-comments.fb_iframe_widget {
background-image: none; background-image: none; }
}
.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader { .lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
background: #fff url("../img/loading.gif") no-repeat scroll center center; background: #fff url("../img/loading.gif") no-repeat scroll center center; }
}
.lg-outer.fb-comments .lg-toolbar { .lg-outer.fb-comments .lg-toolbar {
right: 420px; right: 420px;
width: auto; width: auto; }
}
.lg-outer.fb-comments .lg-actions .lg-next { .lg-outer.fb-comments .lg-actions .lg-next {
right: 420px; right: 420px; }
}
.lg-outer.fb-comments .lg-item { .lg-outer.fb-comments .lg-item {
background-image: none; background-image: none; }
} .lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
background-image: none; }
.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap, .lg-outer.fb-comments .lg-item.lg-complete .lg-video-cont { .lg-outer.fb-comments .lg-img-wrap {
background-image: none; background: url(../img/loading.gif) no-repeat scroll center center transparent; }
}
.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont {
background: url("../img/loading.gif") no-repeat scroll transparent;
background-position: center center;
background-position: calc((100% - 400px) / 2) center;
}
.lg-outer.fb-comments .lg-sub-html { .lg-outer.fb-comments .lg-sub-html {
padding: 0; padding: 0;
position: static; position: static; }
}
.lg-outer.fb-comments .lg-video-cont { /*# sourceMappingURL=lg-fb-comment-box.css.map */
max-width: 1250px !important;
}

@ -30,8 +30,6 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
z-index: 1080; z-index: 1080;
border: none;
outline: none;
} }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none; pointer-events: none;
@ -155,7 +153,7 @@
} }
.lg-toolbar { .lg-toolbar {
z-index: 1082; z-index: 1080;
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
@ -174,9 +172,6 @@
width: 50px; width: 50px;
text-decoration: none !important; text-decoration: none !important;
outline: medium none; outline: medium none;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
} }
.lg-toolbar .lg-icon:hover { .lg-toolbar .lg-icon:hover {
color: #FFF; color: #FFF;
@ -221,10 +216,10 @@
.lg-toolbar, .lg-prev, .lg-next { .lg-toolbar, .lg-prev, .lg-next {
opacity: 1; opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
} }
.lg-hide-items .lg-prev { .lg-hide-items .lg-prev {
@ -247,10 +242,10 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5); -webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms ease 0s, opacity 250ms !important;
-webkit-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;
@ -327,7 +322,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
.lg-outer .lg-thumb-item img { .lg-outer .lg-thumb-item img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
} }
.lg-outer.lg-has-thumb .lg-item { .lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px; padding-bottom: 120px;
@ -399,10 +393,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
z-index: 1080; z-index: 1080;
cursor: pointer; cursor: pointer;
} }
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play { .lg-outer .lg-has-vimeo .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
} }
@ -436,10 +426,10 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
.lg-outer .lg-has-video .lg-video-object { .lg-outer .lg-has-video .lg-video-object {
visibility: hidden; visibility: hidden;
} }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { .lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
display: none; display: none;
} }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { .lg-outer .lg-has-video.lg-video-palying .lg-video-object {
visibility: visible; visibility: visible;
} }
@ -450,7 +440,7 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 1083; z-index: 1080;
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.08s ease 0s; -webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s;
@ -480,52 +470,31 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
-webkit-transition-duration: 0s; -webkit-transition-duration: 0s;
transition-duration: 0s; transition-duration: 0s;
} }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s ease 0s;
-moz-transition: -moz-transform 0.3s ease 0s;
-o-transition: -o-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s ease 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0; -moz-transform-origin: 0 0;
-ms-transform-origin: 0 0; -ms-transform-origin: 0 0;
transform-origin: 0 0; transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} }
#lg-zoom-in:after { #lg-zoom-in:after {
content: "\e311"; content: "\e311";
} }
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out { #lg-zoom-out {
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;
@ -625,138 +594,17 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
content: "\e20d"; content: "\e20d";
} }
.lg-outer #lg-dropdown-overlay { .group {
background-color: rgba(0, 0, 0, 0.25); *zoom: 1;
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
} }
.lg-outer .lg-dropdown:after {
.group:before, .group:after {
display: table;
content: ""; content: "";
display: block; line-height: 0;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
} }
.lg-group:after { .group:after {
content: "";
display: table;
clear: both; clear: both;
} }
@ -767,7 +615,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
top: 0; top: 0;
left: 0; left: 0;
z-index: 1050; z-index: 1050;
text-align: left;
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.15s ease 0s; -webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s;
@ -826,7 +673,7 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
white-space: nowrap; white-space: nowrap;
} }
.lg-outer .lg-item { .lg-outer .lg-item {
background: url("../img/loading.gif") no-repeat scroll center center transparent; background: url(../img/loading.gif) no-repeat scroll center center transparent;
display: none !important; display: none !important;
} }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
@ -850,12 +697,11 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
margin-right: -1px; margin-right: -1px;
} }
.lg-outer .lg-img-wrap { .lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0;
right: 0;
padding: 0 5px;
} }
.lg-outer .lg-item.lg-complete { .lg-outer .lg-item.lg-complete {
background-image: none; background-image: none;
@ -883,9 +729,6 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
.lg-outer .lg-empty-html { .lg-outer .lg-empty-html {
display: none; display: none;
} }
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop { .lg-backdrop {
position: fixed; position: fixed;
@ -911,14 +754,10 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
transition: none 0s ease 0s !important; transition: none 0s ease 0s !important;
} }
.lg-css3.lg-use-css3 .lg-item { .lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden; will-change: transform, opacity;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} }
.lg-css3.lg-use-left .lg-item { .lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden; will-change: left, opacity;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
} }
.lg-css3.lg-fade .lg-item { .lg-css3.lg-fade .lg-item {
opacity: 0; opacity: 0;

File diff suppressed because one or more lines are too long

Binary file not shown.

@ -29,7 +29,6 @@
<glyph unicode="&#x20;" horiz-adv-x="512" d="" /> <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe01a;" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" /> <glyph unicode="&#xe01a;" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
<glyph unicode="&#xe01d;" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" /> <glyph unicode="&#xe01d;" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
<glyph unicode="&#xe033;" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
<glyph unicode="&#xe070;" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" /> <glyph unicode="&#xe070;" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
<glyph unicode="&#xe094;" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" /> <glyph unicode="&#xe094;" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
<glyph unicode="&#xe095;" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" /> <glyph unicode="&#xe095;" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
@ -39,9 +38,4 @@
<glyph unicode="&#xe20d;" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" /> <glyph unicode="&#xe20d;" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
<glyph unicode="&#xe311;" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" /> <glyph unicode="&#xe311;" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
<glyph unicode="&#xe312;" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" /> <glyph unicode="&#xe312;" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
<glyph unicode="&#xe80d;" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
<glyph unicode="&#xe901;" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
<glyph unicode="&#xe902;" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
<glyph unicode="&#xe903;" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
<glyph unicode="&#xe904;" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
</font></defs></svg> </font></defs></svg>

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Binary file not shown.

@ -1,22 +0,0 @@
{
"curly": true,
"eqeqeq": true,
"immed": true,
"latedef": true,
"newcap": true,
"noarg": true,
"sub": true,
"undef": true,
"unused": true,
"boss": true,
"eqnull": true,
"browser": true,
"predef": [
"jQuery",
"$",
"console",
"$f",
"picturefill",
"videojs"
]
}

@ -1,25 +1,11 @@
/*! lg-autoplay - v1.0.4 - 2017-03-28 /**
* http://sachinchoolur.github.io/lightGallery * Autoplay Plugin
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ * @version 1.2.0
* @author Sachin N - @sachinchoolur
(function (root, factory) { * @license MIT License (MIT)
if (typeof define === 'function' && define.amd) { */
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() { (function($, window, document, undefined) {
'use strict'; 'use strict';
@ -42,7 +28,7 @@
this.$el = $(element); this.$el = $(element);
// Execute only if items are above 1 // Exicute only if items are above 1
if (this.core.$items.length < 2) { if (this.core.$items.length < 2) {
return false; return false;
} }
@ -87,9 +73,7 @@
// Start autoplay // Start autoplay
if (_this.core.s.autoplay) { if (_this.core.s.autoplay) {
_this.$el.one('onSlideItemLoad.lg.tm', function() {
_this.startlAuto(); _this.startlAuto();
});
} }
// cancel interval on touchstart and dragstart // cancel interval on touchstart and dragstart
@ -132,7 +116,7 @@
} }
} }
// Remove setinterval if slide is triggered manually and fourceautoplay is false // Remove setinterval if slide is trigered manualy and fourceautoplay is false
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) { if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
_this.cancelAuto(); _this.cancelAuto();
} }
@ -173,13 +157,14 @@
_this.interval = setInterval(function() { _this.interval = setInterval(function() {
if (_this.core.index + 1 < _this.core.$items.length) { if (_this.core.index + 1 < _this.core.$items.length) {
_this.core.index++; _this.core.index = _this.core.index;
} else { } else {
_this.core.index = 0; _this.core.index = -1;
} }
_this.core.index++;
_this.fromAuto = true; _this.fromAuto = true;
_this.core.slide(_this.core.index, false, false, 'next'); _this.core.slide(_this.core.index, false, false);
}, _this.core.s.speed + _this.core.s.pause); }, _this.core.s.speed + _this.core.s.pause);
}; };
@ -200,7 +185,4 @@
$.fn.lightGallery.modules.autoplay = Autoplay; $.fn.lightGallery.modules.autoplay = Autoplay;
})(); })(jQuery, window, document);
}));

@ -1,4 +0,0 @@
/*! lg-autoplay - v1.0.4 - 2017-03-28
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(){"use strict";var b={autoplay:!1,pause:5e3,progressBar:!0,fourceAutoplay:!1,autoplayControls:!0,appendAutoplayControlsTo:".lg-toolbar"},c=function(c){return this.core=a(c).data("lightGallery"),this.$el=a(c),!(this.core.$items.length<2)&&(this.core.s=a.extend({},b,this.core.s),this.interval=!1,this.fromAuto=!0,this.canceledOnTouch=!1,this.fourceAutoplayTemp=this.core.s.fourceAutoplay,this.core.doCss()||(this.core.s.progressBar=!1),this.init(),this)};c.prototype.init=function(){var a=this;a.core.s.autoplayControls&&a.controls(),a.core.s.progressBar&&a.core.$outer.find(".lg").append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>'),a.progress(),a.core.s.autoplay&&a.$el.one("onSlideItemLoad.lg.tm",function(){a.startlAuto()}),a.$el.on("onDragstart.lg.tm touchstart.lg.tm",function(){a.interval&&(a.cancelAuto(),a.canceledOnTouch=!0)}),a.$el.on("onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm",function(){!a.interval&&a.canceledOnTouch&&(a.startlAuto(),a.canceledOnTouch=!1)})},c.prototype.progress=function(){var a,b,c=this;c.$el.on("onBeforeSlide.lg.tm",function(){c.core.s.progressBar&&c.fromAuto&&(a=c.core.$outer.find(".lg-progress-bar"),b=c.core.$outer.find(".lg-progress"),c.interval&&(b.removeAttr("style"),a.removeClass("lg-start"),setTimeout(function(){b.css("transition","width "+(c.core.s.speed+c.core.s.pause)+"ms ease 0s"),a.addClass("lg-start")},20))),c.fromAuto||c.core.s.fourceAutoplay||c.cancelAuto(),c.fromAuto=!1})},c.prototype.controls=function(){var b=this,c='<span class="lg-autoplay-button lg-icon"></span>';a(this.core.s.appendAutoplayControlsTo).append(c),b.core.$outer.find(".lg-autoplay-button").on("click.lg",function(){a(b.core.$outer).hasClass("lg-show-autoplay")?(b.cancelAuto(),b.core.s.fourceAutoplay=!1):b.interval||(b.startlAuto(),b.core.s.fourceAutoplay=b.fourceAutoplayTemp)})},c.prototype.startlAuto=function(){var a=this;a.core.$outer.find(".lg-progress").css("transition","width "+(a.core.s.speed+a.core.s.pause)+"ms ease 0s"),a.core.$outer.addClass("lg-show-autoplay"),a.core.$outer.find(".lg-progress-bar").addClass("lg-start"),a.interval=setInterval(function(){a.core.index+1<a.core.$items.length?a.core.index++:a.core.index=0,a.fromAuto=!0,a.core.slide(a.core.index,!1,!1,"next")},a.core.s.speed+a.core.s.pause)},c.prototype.cancelAuto=function(){clearInterval(this.interval),this.interval=!1,this.core.$outer.find(".lg-progress").removeAttr("style"),this.core.$outer.removeClass("lg-show-autoplay"),this.core.$outer.find(".lg-progress-bar").removeClass("lg-start")},c.prototype.destroy=function(){this.cancelAuto(),this.core.$outer.find(".lg-progress-bar").remove()},a.fn.lightGallery.modules.autoplay=c}()});

@ -1,24 +1,4 @@
/*! lg-fullscreen - v1.0.1 - 2016-09-30 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2016 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
@ -57,7 +37,7 @@
} }
}; };
Fullscreen.prototype.requestFullscreen = function() { Fullscreen.prototype.reuestFullscreen = function() {
var el = document.documentElement; var el = document.documentElement;
if (el.requestFullscreen) { if (el.requestFullscreen) {
el.requestFullscreen(); el.requestFullscreen();
@ -93,7 +73,7 @@
this.core.$outer.find('.lg-fullscreen').on('click.lg', function() { this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {
if (!document.fullscreenElement && if (!document.fullscreenElement &&
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
_this.requestFullscreen(); _this.reuestFullscreen();
} else { } else {
_this.exitFullscreen(); _this.exitFullscreen();
} }
@ -111,6 +91,4 @@
$.fn.lightGallery.modules.fullscreen = Fullscreen; $.fn.lightGallery.modules.fullscreen = Fullscreen;
})(); })(jQuery, window, document);
}));

@ -1,4 +0,0 @@
/*! lg-fullscreen - v1.0.1 - 2016-09-30
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2016 Sachin N; Licensed GPLv3 */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(){"use strict";var b={fullScreen:!0},c=function(c){return this.core=a(c).data("lightGallery"),this.$el=a(c),this.core.s=a.extend({},b,this.core.s),this.init(),this};c.prototype.init=function(){var a="";if(this.core.s.fullScreen){if(!(document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled))return;a='<span class="lg-fullscreen lg-icon"></span>',this.core.$outer.find(".lg-toolbar").append(a),this.fullScreen()}},c.prototype.requestFullscreen=function(){var a=document.documentElement;a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen()},c.prototype.exitFullscreen=function(){document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},c.prototype.fullScreen=function(){var b=this;a(document).on("fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg",function(){b.core.$outer.toggleClass("lg-fullscreen-on")}),this.core.$outer.find(".lg-fullscreen").on("click.lg",function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?b.exitFullscreen():b.requestFullscreen()})},c.prototype.destroy=function(){this.exitFullscreen(),a(document).off("fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg")},a.fn.lightGallery.modules.fullscreen=c}()});

@ -1,24 +1,4 @@
/*! lg-hash - v1.0.4 - 2017-12-20 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
@ -46,21 +26,17 @@
// Change hash value on after each slide transition // Change hash value on after each slide transition
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) { _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
if (history.replaceState) {
history.replaceState(null, null, window.location.pathname + window.location.search + '#lg=' + _this.core.s.galleryId + '&slide=' + index);
} else {
window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index; window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index;
}
}); });
// Listen hash change and change the slide according to slide value // Listen hash change and change the slide according to slide value
$(window).on('hashchange.lg.hash', function() { $(window).on('hashchange', function() {
_hash = window.location.hash; _hash = window.location.hash;
var _idx = parseInt(_hash.split('&slide=')[1], 10); var _idx = parseInt(_hash.split('&slide=')[1], 10);
// it galleryId doesn't exist in the url close the gallery // it galleryId doesn't exist in the url close the gallery
if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) { if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) {
_this.core.slide(_idx, false, false); _this.core.slide(_idx);
} else if (_this.core.lGalleryOn) { } else if (_this.core.lGalleryOn) {
_this.core.destroy(); _this.core.destroy();
} }
@ -70,11 +46,21 @@
Hash.prototype.destroy = function() { Hash.prototype.destroy = function() {
if (!this.core.s.hash) { // Reset to old hash value
return;
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
window.location.hash = this.oldHash;
} else {
if (history.pushState) {
history.pushState('', document.title, window.location.pathname + window.location.search);
} else {
window.location.hash = '';
}
} }
// Reset to old hash value // Reset to old hash value
/*
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) { if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
if (history.replaceState) { if (history.replaceState) {
history.replaceState(null, null, this.oldHash); history.replaceState(null, null, this.oldHash);
@ -88,14 +74,10 @@
window.location.hash = ''; window.location.hash = '';
} }
} }
this.core.$el.off('.lg.hash'); this.core.$el.off('.lg.hash');
*/
}; };
$.fn.lightGallery.modules.hash = Hash; $.fn.lightGallery.modules.hash = Hash;
})(); })(jQuery, window, document);
}));

@ -1,4 +0,0 @@
/*! lg-hash - v1.0.4 - 2017-12-20
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(){"use strict";var b={hash:!0},c=function(c){return this.core=a(c).data("lightGallery"),this.core.s=a.extend({},b,this.core.s),this.core.s.hash&&(this.oldHash=window.location.hash,this.init()),this};c.prototype.init=function(){var b,c=this;c.core.$el.on("onAfterSlide.lg.tm",function(a,b,d){history.replaceState?history.replaceState(null,null,window.location.pathname+window.location.search+"#lg="+c.core.s.galleryId+"&slide="+d):window.location.hash="lg="+c.core.s.galleryId+"&slide="+d}),a(window).on("hashchange.lg.hash",function(){b=window.location.hash;var a=parseInt(b.split("&slide=")[1],10);b.indexOf("lg="+c.core.s.galleryId)>-1?c.core.slide(a,!1,!1):c.core.lGalleryOn&&c.core.destroy()})},c.prototype.destroy=function(){this.core.s.hash&&(this.oldHash&&this.oldHash.indexOf("lg="+this.core.s.galleryId)<0?history.replaceState?history.replaceState(null,null,this.oldHash):window.location.hash=this.oldHash:history.replaceState?history.replaceState(null,document.title,window.location.pathname+window.location.search):window.location.hash="",this.core.$el.off(".lg.hash"))},a.fn.lightGallery.modules.hash=c}()});

@ -1,24 +1,4 @@
/*! lg-pager - v1.0.2 - 2017-01-22 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
@ -72,7 +52,7 @@
$pagerCont.on('click.lg touchend.lg', function() { $pagerCont.on('click.lg touchend.lg', function() {
var _$this = $(this); var _$this = $(this);
_this.core.index = _$this.index(); _this.core.index = _$this.index();
_this.core.slide(_this.core.index, false, true, false); _this.core.slide(_this.core.index, false, false);
}); });
$pagerOuter.on('mouseover.lg', function() { $pagerOuter.on('mouseover.lg', function() {
@ -99,7 +79,4 @@
$.fn.lightGallery.modules.pager = Pager; $.fn.lightGallery.modules.pager = Pager;
})(); })(jQuery, window, document);
}));

@ -1,4 +0,0 @@
/*! lg-pager - v1.0.2 - 2017-01-22
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(){"use strict";var b={pager:!1},c=function(c){return this.core=a(c).data("lightGallery"),this.$el=a(c),this.core.s=a.extend({},b,this.core.s),this.core.s.pager&&this.core.$items.length>1&&this.init(),this};c.prototype.init=function(){var b,c,d,e=this,f="";if(e.core.$outer.find(".lg").append('<div class="lg-pager-outer"></div>'),e.core.s.dynamic)for(var g=0;g<e.core.s.dynamicEl.length;g++)f+='<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e.core.s.dynamicEl[g].thumb+'" /></div></span>';else e.core.$items.each(function(){f+=e.core.s.exThumbImage?'<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+a(this).attr(e.core.s.exThumbImage)+'" /></div></span>':'<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+a(this).find("img").attr("src")+'" /></div></span>'});c=e.core.$outer.find(".lg-pager-outer"),c.html(f),b=e.core.$outer.find(".lg-pager-cont"),b.on("click.lg touchend.lg",function(){var b=a(this);e.core.index=b.index(),e.core.slide(e.core.index,!1,!0,!1)}),c.on("mouseover.lg",function(){clearTimeout(d),c.addClass("lg-pager-hover")}),c.on("mouseout.lg",function(){d=setTimeout(function(){c.removeClass("lg-pager-hover")})}),e.core.$el.on("onBeforeSlide.lg.tm",function(a,c,d){b.removeClass("lg-pager-active"),b.eq(d).addClass("lg-pager-active")})},c.prototype.destroy=function(){},a.fn.lightGallery.modules.pager=c}()});

@ -1,107 +0,0 @@
/*! lg-share - v1.1.0 - 2017-10-03
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict';
var defaults = {
share: true,
facebook: true,
facebookDropdownText: 'Facebook',
twitter: true,
twitterDropdownText: 'Twitter',
googlePlus: true,
googlePlusDropdownText: 'GooglePlus',
pinterest: true,
pinterestDropdownText: 'Pinterest'
};
var Share = function(element) {
this.core = $(element).data('lightGallery');
this.core.s = $.extend({}, defaults, this.core.s);
if (this.core.s.share) {
this.init();
}
return this;
};
Share.prototype.init = function() {
var _this = this;
var shareHtml = '<span id="lg-share" class="lg-icon">' +
'<ul class="lg-dropdown" style="position: absolute;">';
shareHtml += _this.core.s.facebook ? '<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.facebookDropdownText + '</span></a></li>' : '';
shareHtml += _this.core.s.twitter ? '<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.twitterDropdownText + '</span></a></li>' : '';
shareHtml += _this.core.s.googlePlus ? '<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.googlePlusDropdownText + '</span></a></li>' : '';
shareHtml += _this.core.s.pinterest ? '<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.pinterestDropdownText + '</span></a></li>' : '';
shareHtml += '</ul></span>';
this.core.$outer.find('.lg-toolbar').append(shareHtml);
this.core.$outer.find('.lg').append('<div id="lg-dropdown-overlay"></div>');
$('#lg-share').on('click.lg', function(){
_this.core.$outer.toggleClass('lg-dropdown-active');
});
$('#lg-dropdown-overlay').on('click.lg', function(){
_this.core.$outer.removeClass('lg-dropdown-active');
});
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
setTimeout(function() {
$('#lg-share-facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + (encodeURIComponent(_this.getSahreProps(index, 'facebookShareUrl') || window.location.href)));
$('#lg-share-twitter').attr('href', 'https://twitter.com/intent/tweet?text=' + _this.getSahreProps(index, 'tweetText') + '&url=' + (encodeURIComponent(_this.getSahreProps(index, 'twitterShareUrl') || window.location.href)));
$('#lg-share-googleplus').attr('href', 'https://plus.google.com/share?url=' + (encodeURIComponent(_this.getSahreProps(index, 'googleplusShareUrl') || window.location.href)));
$('#lg-share-pinterest').attr('href', 'http://www.pinterest.com/pin/create/button/?url=' + (encodeURIComponent(_this.getSahreProps(index, 'pinterestShareUrl') || window.location.href)) + '&media=' + encodeURIComponent(_this.getSahreProps(index, 'src')) + '&description=' + _this.getSahreProps(index, 'pinterestText'));
}, 100);
});
};
Share.prototype.getSahreProps = function(index, prop){
var shareProp = '';
if(this.core.s.dynamic) {
shareProp = this.core.s.dynamicEl[index][prop];
} else {
var _href = this.core.$items.eq(index).attr('href');
var _prop = this.core.$items.eq(index).data(prop);
shareProp = prop === 'src' ? _href || _prop : _prop;
}
return shareProp;
};
Share.prototype.destroy = function() {
};
$.fn.lightGallery.modules.share = Share;
})();
}));

@ -1,4 +0,0 @@
/*! lg-share - v1.1.0 - 2017-10-03
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){!function(){"use strict";var b={share:!0,facebook:!0,facebookDropdownText:"Facebook",twitter:!0,twitterDropdownText:"Twitter",googlePlus:!0,googlePlusDropdownText:"GooglePlus",pinterest:!0,pinterestDropdownText:"Pinterest"},c=function(c){return this.core=a(c).data("lightGallery"),this.core.s=a.extend({},b,this.core.s),this.core.s.share&&this.init(),this};c.prototype.init=function(){var b=this,c='<span id="lg-share" class="lg-icon"><ul class="lg-dropdown" style="position: absolute;">';c+=b.core.s.facebook?'<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.facebookDropdownText+"</span></a></li>":"",c+=b.core.s.twitter?'<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.twitterDropdownText+"</span></a></li>":"",c+=b.core.s.googlePlus?'<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.googlePlusDropdownText+"</span></a></li>":"",c+=b.core.s.pinterest?'<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.pinterestDropdownText+"</span></a></li>":"",c+="</ul></span>",this.core.$outer.find(".lg-toolbar").append(c),this.core.$outer.find(".lg").append('<div id="lg-dropdown-overlay"></div>'),a("#lg-share").on("click.lg",function(){b.core.$outer.toggleClass("lg-dropdown-active")}),a("#lg-dropdown-overlay").on("click.lg",function(){b.core.$outer.removeClass("lg-dropdown-active")}),b.core.$el.on("onAfterSlide.lg.tm",function(c,d,e){setTimeout(function(){a("#lg-share-facebook").attr("href","https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(b.getSahreProps(e,"facebookShareUrl")||window.location.href)),a("#lg-share-twitter").attr("href","https://twitter.com/intent/tweet?text="+b.getSahreProps(e,"tweetText")+"&url="+encodeURIComponent(b.getSahreProps(e,"twitterShareUrl")||window.location.href)),a("#lg-share-googleplus").attr("href","https://plus.google.com/share?url="+encodeURIComponent(b.getSahreProps(e,"googleplusShareUrl")||window.location.href)),a("#lg-share-pinterest").attr("href","http://www.pinterest.com/pin/create/button/?url="+encodeURIComponent(b.getSahreProps(e,"pinterestShareUrl")||window.location.href)+"&media="+encodeURIComponent(b.getSahreProps(e,"src"))+"&description="+b.getSahreProps(e,"pinterestText"))},100)})},c.prototype.getSahreProps=function(a,b){var c="";if(this.core.s.dynamic)c=this.core.s.dynamicEl[a][b];else{var d=this.core.$items.eq(a).attr("href"),e=this.core.$items.eq(a).data(b);c="src"===b?d||e:e}return c},c.prototype.destroy=function(){},a.fn.lightGallery.modules.share=c}()});

@ -1,24 +1,4 @@
/*! lg-thumbnail - v1.1.0 - 2017-08-08 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
@ -29,7 +9,6 @@
currentPagerPosition: 'middle', currentPagerPosition: 'middle',
thumbWidth: 100, thumbWidth: 100,
thumbHeight: '80px',
thumbContHeight: 100, thumbContHeight: 100,
thumbMargin: 5, thumbMargin: 5,
@ -65,10 +44,6 @@
this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin)); this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin));
this.thumbIndex = this.core.index; this.thumbIndex = this.core.index;
if (this.core.s.animateThumb) {
this.core.s.thumbHeight = '100%';
}
// Thumbnail animation value // Thumbnail animation value
this.left = 0; this.left = 0;
@ -78,12 +53,9 @@
}; };
Thumbnail.prototype.init = function() { Thumbnail.prototype.init = function() {
var _this = this;
if (this.core.s.thumbnail && this.core.$items.length > 1) { if (this.core.s.thumbnail && this.core.$items.length > 1) {
if (this.core.s.showThumbByDefault) { if (this.core.s.showThumbByDefault) {
setTimeout(function(){ this.core.$outer.addClass('lg-thumb-open');
_this.core.$outer.addClass('lg-thumb-open');
}, 700);
} }
if (this.core.s.pullCaptionUp) { if (this.core.s.pullCaptionUp) {
@ -91,12 +63,12 @@
} }
this.build(); this.build();
if (this.core.s.animateThumb && this.core.doCss()) { if (this.core.s.animateThumb) {
if (this.core.s.enableThumbDrag) { if (this.core.s.enableThumbDrag && !this.core.isTouch && this.core.doCss()) {
this.enableThumbDrag(); this.enableThumbDrag();
} }
if (this.core.s.enableThumbSwipe) { if (this.core.s.enableThumbSwipe && this.core.isTouch && this.core.doCss()) {
this.enableThumbSwipe(); this.enableThumbSwipe();
} }
@ -116,7 +88,7 @@
var vimeoErrorThumbSize = ''; var vimeoErrorThumbSize = '';
var $thumb; var $thumb;
var html = '<div class="lg-thumb-outer">' + var html = '<div class="lg-thumb-outer">' +
'<div class="lg-thumb lg-group">' + '<div class="lg-thumb group">' +
'</div>' + '</div>' +
'</div>'; '</div>';
@ -179,7 +151,7 @@
thumbImg = thumb; thumbImg = thumb;
} }
thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; height: ' + _this.core.s.thumbHeight + '; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>'; thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>';
vimeoId = ''; vimeoId = '';
} }
@ -209,7 +181,7 @@
var vimeoVideoId = $this.attr('data-vimeo-id'); var vimeoVideoId = $this.attr('data-vimeo-id');
if (vimeoVideoId) { if (vimeoVideoId) {
$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', { $.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', {
format: 'json' format: 'json'
}, function(data) { }, function(data) {
$this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]); $this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]);
@ -232,7 +204,7 @@
// Go to slide if browser does not support css transitions // Go to slide if browser does not support css transitions
if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) { if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) {
_this.core.index = _$this.index(); _this.core.index = _$this.index();
_this.core.slide(_this.core.index, false, true, false); _this.core.slide(_this.core.index, false, true);
} }
}, 50); }, 50);
}); });
@ -473,6 +445,4 @@
$.fn.lightGallery.modules.Thumbnail = Thumbnail; $.fn.lightGallery.modules.Thumbnail = Thumbnail;
})(); })(jQuery, window, document);
}));

File diff suppressed because one or more lines are too long

@ -1,39 +1,13 @@
/*! lg-video - v1.2.2 - 2018-05-01 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module unless amdModuleId is set
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof module === 'object' && module.exports) {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(root["jQuery"]);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
var defaults = { var defaults = {
videoMaxWidth: '855px', videoMaxWidth: '855px',
autoplayFirstVideo: true,
youtubePlayerParams: false, youtubePlayerParams: false,
vimeoPlayerParams: false, vimeoPlayerParams: false,
dailymotionPlayerParams: false, dailymotionPlayerParams: false,
vkPlayerParams: false, videojs: false
videojs: false,
videojsOptions: {}
}; };
var Video = function(element) { var Video = function(element) {
@ -53,116 +27,39 @@
var _this = this; var _this = this;
// Event triggered when video url found without poster // Event triggered when video url found without poster
_this.core.$el.on('hasVideo.lg.tm', onHasVideo.bind(this)); _this.core.$el.on('hasVideo.lg.tm', function(event, index, src, html) {
_this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html));
// Set max width for video if (html) {
_this.core.$el.on('onAferAppendSlide.lg.tm', onAferAppendSlide.bind(this)); if (_this.core.s.videojs) {
try {
if (_this.core.doCss() && (_this.core.$items.length > 1) && (_this.core.s.enableSwipe || _this.core.s.enableDrag)) { videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), {}, function() {
_this.core.$el.on('onSlideClick.lg.tm', function() { if (!_this.videoLoaded) {
var $el = _this.core.$slide.eq(_this.core.index); this.play();
_this.loadVideoOnclick($el);
});
} else {
// For IE 9 and bellow
_this.core.$slide.on('click.lg', function() {
_this.loadVideoOnclick($(this));
});
}
_this.core.$el.on('onBeforeSlide.lg.tm', onBeforeSlide.bind(this));
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) {
_this.core.$slide.eq(prevIndex).removeClass('lg-video-playing');
});
if (_this.core.s.autoplayFirstVideo) {
_this.core.$el.on('onAferAppendSlide.lg.tm', function (e, index) {
if (!_this.core.lGalleryOn) {
var $el = _this.core.$slide.eq(index);
setTimeout(function () {
_this.loadVideoOnclick($el);
}, 100);
} }
}); });
} catch (e) {
console.error('Make sure you have included videojs');
} }
};
Video.prototype.loadVideo = function(src, addClass, noPoster, index, html) {
var video = '';
var autoplay = 1;
var a = '';
var isVideo = this.core.isVideo(src, index) || {};
// Enable autoplay based on setting for first video if poster doesn't exist
if (noPoster) {
if (this.videoLoaded) {
autoplay = 0;
} else { } else {
autoplay = this.core.s.autoplayFirstVideo ? 1 : 0; _this.core.$slide.eq(index).find('.lg-html5').get(0).play();
}
}
if (isVideo.youtube) {
a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';
if (this.core.s.youtubePlayerParams) {
a = a + '&' + $.param(this.core.s.youtubePlayerParams);
}
video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} else if (isVideo.vimeo) {
a = '?autoplay=' + autoplay + '&api=1';
if (this.core.s.vimeoPlayerParams) {
a = a + '&' + $.param(this.core.s.vimeoPlayerParams);
}
video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315" src="//player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
} else if (isVideo.dailymotion) {
a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';
if (this.core.s.dailymotionPlayerParams) {
a = a + '&' + $.param(this.core.s.dailymotionPlayerParams);
}
video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} else if (isVideo.html5) {
var fL = html.substring(0, 1);
if (fL === '.' || fL === '#') {
html = $(html).html();
}
video = html;
} else if (isVideo.vk) {
a = '&autoplay=' + autoplay;
if (this.core.s.vkPlayerParams) {
a = a + '&' + $.param(this.core.s.vkPlayerParams);
} }
video = '<iframe class="lg-video-object lg-vk ' + addClass + '" width="560" height="315" src="//vk.com/video_ext.php?' + isVideo.vk[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} }
});
return video; // Set max width for video
}; _this.core.$el.on('onAferAppendSlide.lg.tm', function(event, index) {
_this.core.$slide.eq(index).find('.lg-video-cont').css('max-width', _this.core.s.videoMaxWidth);
Video.prototype.loadVideoOnclick = function($el){ _this.videoLoaded = true;
});
var _this = this; var loadOnClick = function($el) {
// check slide has poster // check slide has poster
if ($el.find('.lg-object').hasClass('lg-has-poster') && $el.find('.lg-object').is(':visible')) { if ($el.find('.lg-object').hasClass('lg-has-poster')) {
// check already video element present // chack already video element present
if (!$el.hasClass('lg-has-video')) { if (!$el.hasClass('lg-has-video')) {
$el.addClass('lg-video-playing lg-has-video'); $el.addClass('lg-video-palying lg-has-video');
var _src; var _src;
var _html; var _html;
@ -173,7 +70,7 @@
if (_html) { if (_html) {
if (_this.core.s.videojs) { if (_this.core.s.videojs) {
try { try {
videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() { videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), {}, function() {
this.play(); this.play();
}); });
} catch (e) { } catch (e) {
@ -243,57 +140,31 @@
} }
} }
$el.addClass('lg-video-playing'); $el.addClass('lg-video-palying');
} }
} }
}; };
Video.prototype.destroy = function() { if (_this.core.doCss() && _this.core.$items.length > 1 && ((_this.core.s.enableSwipe && _this.core.isTouch) || (_this.core.s.enableDrag && !_this.core.isTouch))) {
this.videoLoaded = false; _this.core.$el.on('onSlideClick.lg.tm', function() {
}; var $el = _this.core.$slide.eq(_this.core.index);
loadOnClick($el);
function onHasVideo(event, index, src, html) {
/*jshint validthis:true */
var _this = this;
_this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html));
if (html) {
if (_this.core.s.videojs) {
try {
videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() {
if (!_this.videoLoaded && _this.core.s.autoplayFirstVideo) {
this.play();
}
}); });
} catch (e) {
console.error('Make sure you have included videojs');
}
} else { } else {
if(!_this.videoLoaded && _this.core.s.autoplayFirstVideo) {
_this.core.$slide.eq(index).find('.lg-html5').get(0).play();
}
}
}
}
function onAferAppendSlide(event, index) { // For IE 9 and bellow
/*jshint validthis:true */ _this.core.$slide.on('click.lg', function() {
var $videoCont = this.core.$slide.eq(index).find('.lg-video-cont'); loadOnClick($(this));
if (!$videoCont.hasClass('lg-has-iframe')) { });
$videoCont.css('max-width', this.core.s.videoMaxWidth);
this.videoLoaded = true;
}
} }
function onBeforeSlide(event, prevIndex, index) { _this.core.$el.on('onBeforeSlide.lg.tm', function(event, prevIndex) {
/*jshint validthis:true */
var _this = this;
var $videoSlide = _this.core.$slide.eq(prevIndex); var $videoSlide = _this.core.$slide.eq(prevIndex);
var youtubePlayer = $videoSlide.find('.lg-youtube').get(0); var youtubePlayer = $videoSlide.find('.lg-youtube').get(0);
var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0); var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0);
var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0); var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0);
var vkPlayer = $videoSlide.find('.lg-vk').get(0);
var html5Player = $videoSlide.find('.lg-html5').get(0); var html5Player = $videoSlide.find('.lg-html5').get(0);
if (youtubePlayer) { if (youtubePlayer) {
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
@ -316,27 +187,75 @@
} else { } else {
html5Player.pause(); html5Player.pause();
} }
} if (vkPlayer) {
$(vkPlayer).attr('src', $(vkPlayer).attr('src').replace('&autoplay', '&noplay'));
} }
var _src; //$videoSlide.addClass('lg-complete');
if (_this.core.s.dynamic) {
_src = _this.core.s.dynamicEl[index].src; });
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) {
_this.core.$slide.eq(prevIndex).removeClass('lg-video-palying');
});
};
Video.prototype.loadVideo = function(src, addClass, noposter, index, html) {
var video = '';
var autoplay = 1;
var a = '';
var isVideo = this.core.isVideo(src, index) || {};
// Enable autoplay for first video if poster doesn't exist
if (noposter) {
if (this.videoLoaded) {
autoplay = 0;
} else { } else {
_src = _this.core.$items.eq(index).attr('href') || _this.core.$items.eq(index).attr('data-src'); autoplay = 1;
}
}
if (isVideo.youtube) {
a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';
if (this.core.s.youtubePlayerParams) {
a = a + '&' + $.param(this.core.s.youtubePlayerParams);
}
video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} else if (isVideo.vimeo) {
a = '?autoplay=' + autoplay + '&api=1';
if (this.core.s.vimeoPlayerParams) {
a = a + '&' + $.param(this.core.s.vimeoPlayerParams);
}
video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315" src="http://player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
} else if (isVideo.dailymotion) {
a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';
if (this.core.s.dailymotionPlayerParams) {
a = a + '&' + $.param(this.core.s.dailymotionPlayerParams);
} }
var _isVideo = _this.core.isVideo(_src, index) || {}; video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';
if (_isVideo.youtube || _isVideo.vimeo || _isVideo.dailymotion || _isVideo.vk) {
_this.core.$outer.addClass('lg-hide-download'); } else if (isVideo.html5) {
var fL = html.substring(0, 1);
if (fL === '.' || fL === '#') {
html = $(html).html();
} }
video = html;
} }
$.fn.lightGallery.modules.video = Video; return video;
};
})(); Video.prototype.destroy = function() {
this.videoLoaded = false;
};
$.fn.lightGallery.modules.video = Video;
})); })(jQuery, window, document);

File diff suppressed because one or more lines are too long

@ -1,43 +1,17 @@
/*! lg-zoom - v1.1.0 - 2017-08-08 /**
* http://sachinchoolur.github.io/lightGallery * Zoom Plugin
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ * @version 1.2.0
* @author Sachin N - @sachinchoolur
(function (root, factory) { * @license MIT License (MIT)
if (typeof define === 'function' && define.amd) { */
// AMD. Register as an anonymous module unless amdModuleId is set (function($, window, document, undefined) {
define(['jquery'], function (a0) {
return (factory(a0));
});
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports,
// like Node.
module.exports = factory(require('jquery'));
} else {
factory(jQuery);
}
}(this, function ($) {
(function() {
'use strict'; 'use strict';
var getUseLeft = function() {
var useLeft = false;
var isChrome = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
if (isChrome && parseInt(isChrome[2], 10) < 54) {
useLeft = true;
}
return useLeft;
};
var defaults = { var defaults = {
scale: 1, scale: 1,
zoom: true, zoom: true,
actualSize: true, enableZoomAfter: 300
enableZoomAfter: 300,
useLeftForZoom: getUseLeft()
}; };
var Zoom = function(element) { var Zoom = function(element) {
@ -65,16 +39,6 @@
var _this = this; var _this = this;
var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>'; var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';
if (_this.core.s.actualSize) {
zoomIcons += '<span id="lg-actual-size" class="lg-icon"></span>';
}
if (_this.core.s.useLeftForZoom) {
_this.core.$outer.addClass('lg-use-left-for-zoom');
} else {
_this.core.$outer.addClass('lg-use-transition-for-zoom');
}
this.core.$outer.find('.lg-toolbar').append(zoomIcons); this.core.$outer.find('.lg-toolbar').append(zoomIcons);
// Add zoomable class // Add zoomable class
@ -113,8 +77,8 @@
var _y; var _y;
// Find offset manually to avoid issue after zoom // Find offset manually to avoid issue after zoom
var offsetX = ($(window).width() - $image.prop('offsetWidth')) / 2; var offsetX = ($(window).width() - $image.width()) / 2;
var offsetY = (($(window).height() - $image.prop('offsetHeight')) / 2) + $(window).scrollTop(); var offsetY = (($(window).height() - $image.height()) / 2) + $(window).scrollTop();
_x = _this.pageX - offsetX; _x = _this.pageX - offsetX;
_y = _this.pageY - offsetY; _y = _this.pageY - offsetY;
@ -124,14 +88,7 @@
$image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal); $image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal);
if (_this.core.s.useLeftForZoom) {
$image.parent().css({
left: -x + 'px',
top: -y + 'px'
}).attr('data-x', x).attr('data-y', y);
} else {
$image.parent().css('transform', 'translate3d(-' + x + 'px, -' + y + 'px, 0)').attr('data-x', x).attr('data-y', y); $image.parent().css('transform', 'translate3d(-' + x + 'px, -' + y + 'px, 0)').attr('data-x', x).attr('data-y', y);
}
}; };
var callScale = function() { var callScale = function() {
@ -148,15 +105,16 @@
zoom(scale); zoom(scale);
}; };
var actualSize = function(event, $image, index, fromIcon) { // event triggered after appending slide content
var w = $image.prop('offsetWidth'); _this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) {
var nw;
if (_this.core.s.dynamic) { // Get the current element
nw = _this.core.s.dynamicEl[index].width || $image[0].naturalWidth || w; var $image = _this.core.$slide.eq(index).find('.lg-image');
} else {
nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w;
}
$image.dblclick(function(event) {
var w = $image.width();
var nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w;
var _scale; var _scale;
if (_this.core.$outer.hasClass('lg-zoomed')) { if (_this.core.$outer.hasClass('lg-zoomed')) {
@ -168,44 +126,12 @@
} }
} }
if (fromIcon) { _this.pageX = event.pageX;
_this.pageX = $(window).width() / 2; _this.pageY = event.pageY;
_this.pageY = ($(window).height() / 2) + $(window).scrollTop();
} else {
_this.pageX = event.pageX || event.originalEvent.targetTouches[0].pageX;
_this.pageY = event.pageY || event.originalEvent.targetTouches[0].pageY;
}
callScale(); callScale();
setTimeout(function() { setTimeout(function() {
_this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab'); _this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');
}, 10); }, 10);
};
var tapped = false;
// event triggered after appending slide content
_this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) {
// Get the current element
var $image = _this.core.$slide.eq(index).find('.lg-image');
$image.on('dblclick', function(event) {
actualSize(event, $image, index);
});
$image.on('touchstart', function(event) {
if (!tapped) {
tapped = setTimeout(function() {
tapped = null;
}, 300);
} else {
clearTimeout(tapped);
tapped = null;
actualSize(event, $image, index);
}
event.preventDefault();
}); });
}); });
@ -231,20 +157,19 @@
} }
}); });
$('#lg-actual-size').on('click.lg', function(event) {
actualSize(event, _this.core.$slide.eq(_this.core.index).find('.lg-image'), _this.core.index, true);
});
// Reset zoom on slide change // Reset zoom on slide change
_this.core.$el.on('onBeforeSlide.lg.tm', function() { _this.core.$el.on('onBeforeSlide.lg.tm', function() {
scale = 1;
_this.resetZoom(); _this.resetZoom();
}); });
// Drag option after zoom // Drag option after zoom
if (!_this.core.isTouch) {
_this.zoomDrag(); _this.zoomDrag();
}
if (_this.core.isTouch) {
_this.zoomSwipe(); _this.zoomSwipe();
}
}; };
@ -276,8 +201,8 @@
if (_this.core.$outer.hasClass('lg-zoomed')) { if (_this.core.$outer.hasClass('lg-zoomed')) {
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height(); allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width(); allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
if ((allowX || allowY)) { if ((allowX || allowY)) {
e.preventDefault(); e.preventDefault();
startCoords = { startCoords = {
@ -299,6 +224,7 @@
e.preventDefault(); e.preventDefault();
isMoved = true; isMoved = true;
endCoords = e.originalEvent.targetTouches[0].pageX;
endCoords = { endCoords = {
x: e.originalEvent.targetTouches[0].pageX, x: e.originalEvent.targetTouches[0].pageX,
@ -320,17 +246,7 @@
distanceX = -Math.abs(_$el.attr('data-x')); distanceX = -Math.abs(_$el.attr('data-x'));
} }
if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {
if (_this.core.s.useLeftForZoom) {
_$el.css({
left: distanceX + 'px',
top: distanceY + 'px'
});
} else {
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
}
}
} }
@ -368,8 +284,8 @@
// execute only on .lg-object // execute only on .lg-object
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height(); allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width(); allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
if (_this.core.$outer.hasClass('lg-zoomed')) { if (_this.core.$outer.hasClass('lg-zoomed')) {
if ($(e.target).hasClass('lg-object') && (allowX || allowY)) { if ($(e.target).hasClass('lg-object') && (allowX || allowY)) {
@ -417,15 +333,8 @@
distanceX = -Math.abs(_$el.attr('data-x')); distanceX = -Math.abs(_$el.attr('data-x'));
} }
if (_this.core.s.useLeftForZoom) {
_$el.css({
left: distanceX + 'px',
top: distanceY + 'px'
});
} else {
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
} }
}
}); });
$(window).on('mouseup.lg.zoom', function(e) { $(window).on('mouseup.lg.zoom', function(e) {
@ -459,12 +368,11 @@
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x); var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y); var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
var minY = (_this.core.$outer.find('.lg').height() - $image.prop('offsetHeight')) / 2; var minY = (_this.core.$outer.find('.lg').height() - $image.outerHeight()) / 2;
var maxY = Math.abs(($image.prop('offsetHeight') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY); var maxY = Math.abs(($image.outerHeight() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY);
var minX = (_this.core.$outer.find('.lg').width() - $image.prop('offsetWidth')) / 2; var minX = (_this.core.$outer.find('.lg').width() - $image.outerWidth()) / 2;
var maxX = Math.abs(($image.prop('offsetWidth') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX); var maxX = Math.abs(($image.outerWidth() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX);
if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {
if (allowY) { if (allowY) {
if (distanceY <= -maxY) { if (distanceY <= -maxY) {
distanceY = -maxY; distanceY = -maxY;
@ -493,16 +401,7 @@
distanceX = -Math.abs(_$el.attr('data-x')); distanceX = -Math.abs(_$el.attr('data-x'));
} }
if (_this.core.s.useLeftForZoom) {
_$el.css({
left: distanceX + 'px',
top: distanceY + 'px'
});
} else {
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
}
}
}; };
Zoom.prototype.destroy = function() { Zoom.prototype.destroy = function() {
@ -521,7 +420,4 @@
$.fn.lightGallery.modules.zoom = Zoom; $.fn.lightGallery.modules.zoom = Zoom;
})(); })(jQuery, window, document);
}));

File diff suppressed because one or more lines are too long

@ -1,4 +1,5 @@
(function() { (function($, window, document, undefined) {
'use strict'; 'use strict';
var defaults = { var defaults = {
@ -6,7 +7,7 @@
mode: 'lg-slide', mode: 'lg-slide',
// Ex : 'ease' // Ex : 'ease'
cssEasing: 'ease', cssEasing: 'cubic-bezier(0.25, 0, 0.25, 1)',
//'for jquery animation' //'for jquery animation'
easing: 'linear', easing: 'linear',
@ -29,13 +30,9 @@
hideControlOnEnd: false, hideControlOnEnd: false,
mousewheel: true, mousewheel: true,
getCaptionFromTitleOrAlt: true,
// .lg-item || '.lg-sub-html' // .lg-item || '.lg-sub-html'
appendSubHtmlTo: '.lg-sub-html', appendSubHtmlTo: '.lg-sub-html',
subHtmlSelectorRelative: false,
/** /**
* @desc number of preload slides * @desc number of preload slides
* will exicute only after the current slide is fully loaded. * will exicute only after the current slide is fully loaded.
@ -48,7 +45,6 @@
preload: 1, preload: 1,
showAfterLoad: true, showAfterLoad: true,
selector: '', selector: '',
selectWithin: '',
nextHtml: '', nextHtml: '',
prevHtml: '', prevHtml: '',
@ -81,11 +77,6 @@
// lightGallery settings // lightGallery settings
this.s = $.extend({}, defaults, options); this.s = $.extend({}, defaults, options);
// When using dynamic mode, ensure dynamicEl is an array
if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) {
throw ('When using dynamic mode, you must also define dynamicEl as an Array.');
}
// lightGallery modules // lightGallery modules
this.modules = {}; this.modules = {};
@ -100,7 +91,7 @@
// To determine browser supports for touch events; // To determine browser supports for touch events;
this.isTouch = ('ontouchstart' in document.documentElement); this.isTouch = ('ontouchstart' in document.documentElement);
// Disable hideControlOnEnd if sildeEndAnimation is true // DIsable hideControlOnEnd if sildeEndAnimation is true
if (this.s.slideEndAnimatoin) { if (this.s.slideEndAnimatoin) {
this.s.hideControlOnEnd = false; this.s.hideControlOnEnd = false;
} }
@ -112,11 +103,7 @@
if (this.s.selector === 'this') { if (this.s.selector === 'this') {
this.$items = this.$el; this.$items = this.$el;
} else if (this.s.selector !== '') { } else if (this.s.selector !== '') {
if (this.s.selectWithin) {
this.$items = $(this.s.selectWithin).find(this.s.selector);
} else {
this.$items = this.$el.find($(this.s.selector)); this.$items = this.$el.find($(this.s.selector));
}
} else { } else {
this.$items = this.$el.children(); this.$items = this.$el.children();
} }
@ -152,9 +139,8 @@
if (!$('body').hasClass('lg-on')) { if (!$('body').hasClass('lg-on')) {
setTimeout(function() { setTimeout(function() {
_this.build(_this.index); _this.build(_this.index);
});
$('body').addClass('lg-on'); $('body').addClass('lg-on');
});
} }
} }
@ -210,7 +196,7 @@
}); });
// initiate slide function // initiate slide function
_this.slide(index, false, false, false); _this.slide(index, false, false);
if (_this.s.keyPress) { if (_this.s.keyPress) {
_this.keyPress(); _this.keyPress();
@ -228,10 +214,6 @@
if (_this.s.mousewheel) { if (_this.s.mousewheel) {
_this.mousewheel(); _this.mousewheel();
} }
} else {
_this.$slide.on('click.lg', function() {
_this.$el.trigger('onSlideClick.lg');
});
} }
_this.counter(); _this.counter();
@ -254,8 +236,6 @@
}); });
_this.$outer.trigger('mousemove.lg');
}; };
Plugin.prototype.structure = function() { Plugin.prototype.structure = function() {
@ -277,8 +257,8 @@
// Create controlls // Create controlls
if (this.s.controls && this.$items.length > 1) { if (this.s.controls && this.$items.length > 1) {
controls = '<div class="lg-actions">' + controls = '<div class="lg-actions">' +
'<button class="lg-prev lg-icon">' + this.s.prevHtml + '</button>' + '<div class="lg-prev lg-icon">' + this.s.prevHtml + '</div>' +
'<button class="lg-next lg-icon">' + this.s.nextHtml + '</button>' + '<div class="lg-next lg-icon">' + this.s.nextHtml + '</div>' +
'</div>'; '</div>';
} }
@ -289,7 +269,7 @@
template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' + template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' +
'<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' + '<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' +
'<div class="lg-inner">' + list + '</div>' + '<div class="lg-inner">' + list + '</div>' +
'<div class="lg-toolbar lg-group">' + '<div class="lg-toolbar group">' +
'<span class="lg-close lg-icon"></span>' + '<span class="lg-close lg-icon"></span>' +
'</div>' + '</div>' +
controls + controls +
@ -347,9 +327,7 @@
$inner.css('transition-duration', this.s.speed + 'ms'); $inner.css('transition-duration', this.s.speed + 'ms');
} }
setTimeout(function() {
$('.lg-backdrop').addClass('in'); $('.lg-backdrop').addClass('in');
});
setTimeout(function() { setTimeout(function() {
_this.$outer.addClass('lg-visible'); _this.$outer.addClass('lg-visible');
@ -414,21 +392,15 @@
html = this.$items.eq(index).attr('data-html'); html = this.$items.eq(index).attr('data-html');
} }
if (!src) { if (!src && html) {
if(html) {
return { return {
html5: true html5: true
}; };
} else {
console.error('lightGallery :- data-src is not pvovided on slide item ' + (index + 1) + '. Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html');
return false;
}
} }
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i); var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i);
var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i); var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i);
var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i); var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i);
var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);
if (youtube) { if (youtube) {
return { return {
@ -442,10 +414,6 @@
return { return {
dailymotion: dailymotion dailymotion: dailymotion
}; };
} else if (vk) {
return {
vk: vk
};
} }
}; };
@ -466,7 +434,6 @@
Plugin.prototype.addHtml = function(index) { Plugin.prototype.addHtml = function(index) {
var subHtml = null; var subHtml = null;
var subHtmlUrl; var subHtmlUrl;
var $currentEle;
if (this.s.dynamic) { if (this.s.dynamic) {
if (this.s.dynamicEl[index].subHtmlUrl) { if (this.s.dynamicEl[index].subHtmlUrl) {
subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl; subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl;
@ -474,14 +441,10 @@
subHtml = this.s.dynamicEl[index].subHtml; subHtml = this.s.dynamicEl[index].subHtml;
} }
} else { } else {
$currentEle = this.$items.eq(index); if (this.$items.eq(index).attr('data-sub-html-url')) {
if ($currentEle.attr('data-sub-html-url')) { subHtmlUrl = this.$items.eq(index).attr('data-sub-html-url');
subHtmlUrl = $currentEle.attr('data-sub-html-url');
} else { } else {
subHtml = $currentEle.attr('data-sub-html'); subHtml = this.$items.eq(index).attr('data-sub-html');
if (this.s.getCaptionFromTitleOrAlt && !subHtml) {
subHtml = $currentEle.attr('title') || $currentEle.find('img').first().attr('alt');
}
} }
} }
@ -492,11 +455,9 @@
// if first letter starts with . or # get the html form the jQuery object // if first letter starts with . or # get the html form the jQuery object
var fL = subHtml.substring(0, 1); var fL = subHtml.substring(0, 1);
if (fL === '.' || fL === '#') { if (fL === '.' || fL === '#') {
if (this.s.subHtmlSelectorRelative && !this.s.dynamic) {
subHtml = $currentEle.find(subHtml).html();
} else {
subHtml = $(subHtml).html(); subHtml = $(subHtml).html();
} } else {
subHtml = subHtml;
} }
} else { } else {
subHtml = ''; subHtml = '';
@ -650,7 +611,7 @@
var _isVideo = _this.isVideo(_src, index); var _isVideo = _this.isVideo(_src, index);
if (!_this.$slide.eq(index).hasClass('lg-loaded')) { if (!_this.$slide.eq(index).hasClass('lg-loaded')) {
if (iframe) { if (iframe) {
_this.$slide.eq(index).prepend('<div class="lg-video-cont lg-has-iframe" style="max-width:' + _this.s.iframeMaxWidth + '"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="' + _src + '" allowfullscreen="true"></iframe></div></div>'); _this.$slide.eq(index).prepend('<div class="lg-video-cont" style="max-width:' + _this.s.iframeMaxWidth + '"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="' + _src + '" allowfullscreen="true"></iframe></div></div>');
} else if (_hasPoster) { } else if (_hasPoster) {
var videoClass = ''; var videoClass = '';
if (_isVideo && _isVideo.youtube) { if (_isVideo && _isVideo.youtube) {
@ -684,7 +645,7 @@
elements: [_$img[0]] elements: [_$img[0]]
}); });
} catch (e) { } catch (e) {
console.warn('lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.'); console.error('Make sure you have included Picturefill version 2');
} }
} }
@ -750,9 +711,8 @@
* @param {Number} index - index of the slide * @param {Number} index - index of the slide
* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag * @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
* @param {Boolean} fromThumb - true if slide function called via thumbnail click * @param {Boolean} fromThumb - true if slide function called via thumbnail click
* @param {String} direction - Direction of the slide(next/prev)
*/ */
Plugin.prototype.slide = function(index, fromTouch, fromThumb, direction) { Plugin.prototype.slide = function(index, fromTouch, fromThumb) {
var _prevIndex = this.$outer.find('.lg-current').index(); var _prevIndex = this.$outer.find('.lg-current').index();
var _this = this; var _this = this;
@ -765,26 +725,11 @@
var _length = this.$slide.length; var _length = this.$slide.length;
var _time = _this.lGalleryOn ? this.s.speed : 0; var _time = _this.lGalleryOn ? this.s.speed : 0;
var _next = false;
var _prev = false;
if (!_this.lgBusy) { if (!_this.lgBusy) {
if (this.s.download) {
var _src;
if (_this.s.dynamic) {
_src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src);
} else {
_src = _this.$items.eq(index).attr('data-download-url') !== 'false' && (_this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src'));
}
if (_src) {
$('#lg-download').attr('href', _src);
_this.$outer.removeClass('lg-hide-download');
} else {
_this.$outer.addClass('lg-hide-download');
}
}
this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]); this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
_this.lgBusy = true; _this.lgBusy = true;
@ -802,14 +747,6 @@
this.arrowDisable(index); this.arrowDisable(index);
if (!direction) {
if (index < _prevIndex) {
direction = 'prev';
} else if (index > _prevIndex) {
direction = 'next';
}
}
if (!fromTouch) { if (!fromTouch) {
// remove all transitions // remove all transitions
@ -817,12 +754,26 @@
this.$slide.removeClass('lg-prev-slide lg-next-slide'); this.$slide.removeClass('lg-prev-slide lg-next-slide');
if (direction === 'prev') { if (index < _prevIndex) {
_prev = true;
if ((index === 0) && (_prevIndex === _length - 1) && !fromThumb) {
_prev = false;
_next = true;
}
} else if (index > _prevIndex) {
_next = true;
if ((index === _length - 1) && (_prevIndex === 0) && !fromThumb) {
_prev = true;
_next = false;
}
}
if (_prev) {
//prevslide //prevslide
this.$slide.eq(index).addClass('lg-prev-slide'); this.$slide.eq(index).addClass('lg-prev-slide');
this.$slide.eq(_prevIndex).addClass('lg-next-slide'); this.$slide.eq(_prevIndex).addClass('lg-next-slide');
} else { } else if (_next) {
// next slide // next slide
this.$slide.eq(index).addClass('lg-next-slide'); this.$slide.eq(index).addClass('lg-next-slide');
@ -841,12 +792,8 @@
}, 50); }, 50);
} else { } else {
this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide'); var touchPrev = index - 1;
var touchPrev; var touchNext = index + 1;
var touchNext;
if (_length > 2) {
touchPrev = index - 1;
touchNext = index + 1;
if ((index === 0) && (_prevIndex === _length - 1)) { if ((index === 0) && (_prevIndex === _length - 1)) {
@ -860,17 +807,9 @@
touchPrev = _length - 1; touchPrev = _length - 1;
} }
} else { this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide');
touchPrev = 0;
touchNext = 1;
}
if (direction === 'prev') {
_this.$slide.eq(touchNext).addClass('lg-next-slide');
} else {
_this.$slide.eq(touchPrev).addClass('lg-prev-slide'); _this.$slide.eq(touchPrev).addClass('lg-prev-slide');
} _this.$slide.eq(touchNext).addClass('lg-next-slide');
_this.$slide.eq(index).addClass('lg-current'); _this.$slide.eq(index).addClass('lg-current');
} }
@ -891,6 +830,18 @@
_this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]); _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
} }
if (this.s.download) {
var _src;
if (_this.s.dynamic) {
_src = _this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src;
} else {
_src = _this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src');
}
$('#lg-download').attr('href', _src);
}
_this.lGalleryOn = true; _this.lGalleryOn = true;
if (this.s.counter) { if (this.s.counter) {
@ -898,7 +849,6 @@
} }
} }
_this.index = index;
}; };
@ -908,22 +858,17 @@
*/ */
Plugin.prototype.goToNextSlide = function(fromTouch) { Plugin.prototype.goToNextSlide = function(fromTouch) {
var _this = this; var _this = this;
var _loop = _this.s.loop;
if (fromTouch && _this.$slide.length < 3) {
_loop = false;
}
if (!_this.lgBusy) { if (!_this.lgBusy) {
if ((_this.index + 1) < _this.$slide.length) { if ((_this.index + 1) < _this.$slide.length) {
_this.index++; _this.index++;
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]); _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
_this.slide(_this.index, fromTouch, false, 'next'); _this.slide(_this.index, fromTouch, false);
} else { } else {
if (_loop) { if (_this.s.loop) {
_this.index = 0; _this.index = 0;
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]); _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
_this.slide(_this.index, fromTouch, false, 'next'); _this.slide(_this.index, fromTouch, false);
} else if (_this.s.slideEndAnimatoin && !fromTouch) { } else if (_this.s.slideEndAnimatoin) {
_this.$outer.addClass('lg-right-end'); _this.$outer.addClass('lg-right-end');
setTimeout(function() { setTimeout(function() {
_this.$outer.removeClass('lg-right-end'); _this.$outer.removeClass('lg-right-end');
@ -939,22 +884,17 @@
*/ */
Plugin.prototype.goToPrevSlide = function(fromTouch) { Plugin.prototype.goToPrevSlide = function(fromTouch) {
var _this = this; var _this = this;
var _loop = _this.s.loop;
if (fromTouch && _this.$slide.length < 3) {
_loop = false;
}
if (!_this.lgBusy) { if (!_this.lgBusy) {
if (_this.index > 0) { if (_this.index > 0) {
_this.index--; _this.index--;
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]); _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
_this.slide(_this.index, fromTouch, false, 'prev'); _this.slide(_this.index, fromTouch, false);
} else { } else {
if (_loop) { if (_this.s.loop) {
_this.index = _this.$items.length - 1; _this.index = _this.$items.length - 1;
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]); _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
_this.slide(_this.index, fromTouch, false, 'prev'); _this.slide(_this.index, fromTouch, false);
} else if (_this.s.slideEndAnimatoin && !fromTouch) { } else if (_this.s.slideEndAnimatoin) {
_this.$outer.addClass('lg-left-end'); _this.$outer.addClass('lg-left-end');
setTimeout(function() { setTimeout(function() {
_this.$outer.removeClass('lg-left-end'); _this.$outer.removeClass('lg-left-end');
@ -1038,7 +978,6 @@
var distance = endCoords - startCoords; var distance = endCoords - startCoords;
if (Math.abs(distance) > 15) {
// reset opacity and transition duration // reset opacity and transition duration
this.$outer.addClass('lg-dragging'); this.$outer.addClass('lg-dragging');
@ -1048,7 +987,6 @@
// move next and prev slide with current slide // move next and prev slide with current slide
this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0); this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0);
this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0); this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0);
}
}; };
Plugin.prototype.touchEnd = function(distance) { Plugin.prototype.touchEnd = function(distance) {
@ -1092,7 +1030,7 @@
var endCoords = 0; var endCoords = 0;
var isMoved = false; var isMoved = false;
if (_this.s.enableSwipe && _this.doCss()) { if (_this.s.enableSwipe && _this.isTouch && _this.doCss()) {
_this.$slide.on('touchstart.lg', function(e) { _this.$slide.on('touchstart.lg', function(e) {
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) { if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) {
@ -1131,10 +1069,14 @@
var endCoords = 0; var endCoords = 0;
var isDraging = false; var isDraging = false;
var isMoved = false; var isMoved = false;
if (_this.s.enableDrag && _this.doCss()) { if (_this.s.enableDrag && !_this.isTouch && _this.doCss()) {
_this.$slide.on('mousedown.lg', function(e) { _this.$slide.on('mousedown.lg', function(e) {
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy && !$(e.target).text().trim()) { // execute only on .lg-object
if (!_this.$outer.hasClass('lg-zoomed')) {
if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {
e.preventDefault(); e.preventDefault();
if (!_this.lgBusy) {
_this.manageSwipeClass(); _this.manageSwipeClass();
startCoords = e.pageX; startCoords = e.pageX;
isDraging = true; isDraging = true;
@ -1149,6 +1091,9 @@
_this.$el.trigger('onDragstart.lg'); _this.$el.trigger('onDragstart.lg');
} }
}
}
}); });
$(window).on('mousemove.lg', function(e) { $(window).on('mousemove.lg', function(e) {
@ -1180,22 +1125,23 @@
}; };
Plugin.prototype.manageSwipeClass = function() { Plugin.prototype.manageSwipeClass = function() {
var _touchNext = this.index + 1; var touchNext = this.index + 1;
var _touchPrev = this.index - 1; var touchPrev = this.index - 1;
if (this.s.loop && this.$slide.length > 2) { var length = this.$slide.length;
if (this.s.loop) {
if (this.index === 0) { if (this.index === 0) {
_touchPrev = this.$slide.length - 1; touchPrev = length - 1;
} else if (this.index === this.$slide.length - 1) { } else if (this.index === length - 1) {
_touchNext = 0; touchNext = 0;
} }
} }
this.$slide.removeClass('lg-next-slide lg-prev-slide'); this.$slide.removeClass('lg-next-slide lg-prev-slide');
if (_touchPrev > -1) { if (touchPrev > -1) {
this.$slide.eq(_touchPrev).addClass('lg-prev-slide'); this.$slide.eq(touchPrev).addClass('lg-prev-slide');
} }
this.$slide.eq(_touchNext).addClass('lg-next-slide'); this.$slide.eq(touchNext).addClass('lg-next-slide');
}; };
Plugin.prototype.mousewheel = function() { Plugin.prototype.mousewheel = function() {
@ -1239,10 +1185,6 @@
}); });
_this.$outer.on('mousemove.lg', function() {
mousedown = false;
});
_this.$outer.on('mouseup.lg', function(e) { _this.$outer.on('mouseup.lg', function(e) {
if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) { if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) {
@ -1261,25 +1203,18 @@
var _this = this; var _this = this;
if (!d) {
_this.$el.trigger('onBeforeClose.lg'); _this.$el.trigger('onBeforeClose.lg');
$(window).scrollTop(_this.prevScrollTop); $(window).scrollTop(_this.prevScrollTop);
}
/** /**
* if d is false or undefined destroy will only close the gallery * if d is false or undefined destroy will only close the gallery
* plugins instance remains with the element * plugins instance remains with the element
*
* if d is true destroy will completely remove the plugin * if d is true destroy will completely remove the plugin
*/ */
if (d) { if (d) {
if (!_this.s.dynamic) {
// only when not using dynamic mode is $items a jquery collection
this.$items.off('click.lg click.lgcustom'); this.$items.off('click.lg click.lgcustom');
}
$.removeData(_this.el, 'lightGallery'); $.removeData(_this.el, 'lightGallery');
} }
@ -1313,10 +1248,7 @@
$('.lg-backdrop').remove(); $('.lg-backdrop').remove();
if (!d) {
_this.$el.trigger('onCloseAfter.lg'); _this.$el.trigger('onCloseAfter.lg');
}
}, _this.s.backdropDuration + 50); }, _this.s.backdropDuration + 50);
}; };
@ -1336,4 +1268,4 @@
$.fn.lightGallery.modules = {}; $.fn.lightGallery.modules = {};
})(); })(jQuery, window, document);

@ -1,272 +0,0 @@
// Clearfix
.lg-group:after {
content: "";
display: table;
clear: both;
}
// lightgallery core
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: $zindex-outer;
text-align: left;
opacity: 0;
// For start/end transition
@include transition(opacity 0.15s ease 0s);
* {
@include box-sizing(border-box);
}
&.lg-visible {
opacity: 1;
}
// Set transition speed and timing function
&.lg-css3 {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(inherit !important);
@include transition-timing-function(inherit !important);
}
}
}
// Remove transition while dragging
&.lg-css3.lg-dragging {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(0s !important);
opacity: 1;
}
}
}
// Set cursor grab while dragging
&.lg-grab {
img.lg-object {
@include grab-cursor;
}
}
&.lg-grabbing {
img.lg-object {
@include grabbing-cursor;
}
}
.lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-item {
background: url("#{$lg-path-images}/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
&.lg-css3 {
.lg-prev-slide, .lg-current, .lg-next-slide {
display: inline-block !important;
}
}
&.lg-css {
.lg-current {
display: inline-block !important;
}
}
.lg-item, .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
&:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
}
.lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.lg-item {
&.lg-complete {
background-image: none;
}
&.lg-current {
z-index: $zindex-item;
}
}
.lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
&.lg-show-after-load {
.lg-item {
.lg-object, .lg-video-play {
opacity: 0;
@include transition(opacity 0.15s ease 0s);
}
&.lg-complete {
.lg-object, .lg-video-play {
opacity: 1;
}
}
}
}
// Hide title div if empty
.lg-empty-html {
display: none;
}
&.lg-hide-download {
#lg-download {
display: none;
}
}
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: $zindex-backdrop;
background-color: #000;
opacity: 0;
@include transition(opacity 0.15s ease 0s);
&.in {
opacity: $backdrop-opacity;
}
}
// Default slide animations. Should be placed at the bottom of the animation css
.lg-css3 {
// Remove all transition effects
&.lg-no-trans {
.lg-prev-slide, .lg-next-slide, .lg-current {
@include transitionCustom(none 0s ease 0s !important);
}
}
&.lg-use-css3 {
.lg-item {
@include backface-visibility(hidden);
}
}
&.lg-use-left {
.lg-item {
@include backface-visibility(hidden);
}
}
// Fade mode
&.lg-fade {
.lg-item {
opacity: 0;
&.lg-current {
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(opacity 0.1s ease 0s);
}
}
}
&.lg-slide {
&.lg-use-css3 {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(-100%, 0, 0);
}
&.lg-next-slide {
@include translate3d(100%, 0, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-use-left {
.lg-item {
opacity: 0;
position: absolute;
left: 0;
&.lg-prev-slide {
left: -100%;
}
&.lg-next-slide {
left: 100%;
}
&.lg-current {
left: 0;
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
}
}

@ -1,7 +1,7 @@
@import "lg-variables"; @import "lg-variables";
@import "lg-mixins"; @import "lg-mixins";
.lg-outer.fb-comments{ .lg-outer.fb-comments{
.lg-img-wrap, .lg-video-cont { .lg-img-wrap {
padding-right: 400px !important; padding-right: 400px !important;
} }
.fb-comments { .fb-comments {
@ -12,11 +12,11 @@
top: 0; top: 0;
width: 420px; width: 420px;
z-index: 99999; z-index: 99999;
background: #fff url("#{$lg-path-images}/loading.gif") no-repeat scroll center center; background: #fff url("../img/loading.gif") no-repeat scroll center center;
&.fb_iframe_widget { &.fb_iframe_widget {
background-image: none; background-image: none;
&.fb_iframe_widget_loader{ &.fb_iframe_widget_loader{
background: #fff url("#{$lg-path-images}/loading.gif") no-repeat scroll center center; background: #fff url("../img/loading.gif") no-repeat scroll center center;
} }
} }
} }
@ -30,23 +30,17 @@
.lg-item { .lg-item {
background-image: none; background-image: none;
&.lg-complete{ &.lg-complete{
.lg-img-wrap, .lg-video-cont{ .lg-img-wrap{
background-image: none; background-image: none;
} }
} }
} }
.lg-img-wrap, .lg-video-cont { .lg-img-wrap {
background: url("#{$lg-path-images}/loading.gif") no-repeat scroll transparent; background: url(../img/loading.gif) no-repeat scroll center center transparent;
background-position: center center;
background-position: calc((100% - 400px) / 2) center;
} }
.lg-sub-html { .lg-sub-html {
padding: 0; padding: 0;
position: static; position: static;
} }
.lg-video-cont {
max-width: 1250px !important;
}
} }

@ -1,8 +1,8 @@
// font icons support // font icons support
@font-face { @font-face {
font-family: 'lg'; font-family: 'lg';
src: url("#{$lg-path-fonts}/lg.eot?n1z373"); src: url("../fonts/lg.eot?n1z373");
src: url("#{$lg-path-fonts}/lg.eot?#iefixn1z373") format("embedded-opentype"), url("#{$lg-path-fonts}/lg.woff?n1z373") format("woff"), url("#{$lg-path-fonts}/lg.ttf?n1z373") format("truetype"), url("#{$lg-path-fonts}/lg.svg?n1z373#lg") format("svg"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

@ -122,6 +122,24 @@
hyphens: $mode; hyphens: $mode;
} }
// Placeholder text
@mixin placeholder($color: $input-color-placeholder) {
// Firefox
&::-moz-placeholder {
color: $color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
}
&:-ms-input-placeholder {
color: $color;
} // Internet Explorer 10+
&::-webkit-input-placeholder {
color: $color;
} // Safari and Chrome
}
// Transformations // Transformations
@mixin scale($ratio...) { @mixin scale($ratio...) {
-webkit-transform: scale($ratio); -webkit-transform: scale($ratio);
@ -286,11 +304,9 @@
$prop-opts: (); $prop-opts: ();
$length: length($declaration); $length: length($declaration);
@if $length >= 2 {
@for $i from 2 through $length { @for $i from 2 through $length {
$prop-opts: append($prop-opts, nth($declaration, $i)); $prop-opts: append($prop-opts, nth($declaration, $i));
} }
}
$trans: $prop, $prop-opts; $trans: $prop, $prop-opts;
$transitions: append($transitions, $trans, comma); $transitions: append($transitions, $trans, comma);
} }

@ -1,135 +0,0 @@
@import "lg-variables";
@import "lg-mixins";
.lg-outer {
#lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: $zindex-toolbar - 1;
opacity: 0;
visibility: hidden;
@include transition(visibility 0s linear 0.18s, opacity 0.18s linear 0s);
}
&.lg-dropdown-active{
.lg-dropdown, #lg-dropdown-overlay {
@include transition-delay(0s);
@include transform(translate3d(0, 0px, 0));
opacity: 1;
visibility: visible;
}
#lg-share {
color: #FFF;
}
}
.lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
@include transform(translate3d(0, 5px, 0));
@include transitionCustom(transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s);
&:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px
}
> li {
&:last-child {
margin-bottom: 0px;
}
&:hover {
a, .lg-icon {
color: #333;
}
}
}
a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
&:hover {
background-color: rgba(0, 0, 0, 0.07);
}
}
.lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
}
#lg-share {
position: relative;
&:after {
content: "\e80d";
}
}
#lg-share-facebook {
.lg-icon{
color: #3b5998;
&:after {
content: "\e901";
}
}
}
#lg-share-twitter {
.lg-icon{
color: #00aced;
&:after {
content: "\e904";
}
}
}
#lg-share-googleplus {
.lg-icon{
color: #dd4b39;
&:after {
content: "\e902";
}
}
}
#lg-share-pinterest {
.lg-icon{
color: #cb2027;
&:after {
content: "\e903";
}
}
}
}

@ -12,8 +12,6 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
z-index: $zindex-controls; z-index: $zindex-controls;
border: none;
outline: none;
&.disabled { &.disabled {
pointer-events: none; pointer-events: none;
@ -109,7 +107,6 @@
width: 50px; width: 50px;
text-decoration: none !important; text-decoration: none !important;
outline: medium none; outline: medium none;
@include transition(color 0.2s linear);
&:hover { &:hover {
color: $lg-toolbar-icon-hover-color; color: $lg-toolbar-icon-hover-color;
@ -167,7 +164,7 @@
// for idle state // for idle state
.lg-toolbar, .lg-prev, .lg-next { .lg-toolbar, .lg-prev, .lg-next {
opacity: 1; opacity: 1;
@include transitionCustom(transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear); @include transitionCustom(transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s);
} }
.lg-hide-items { .lg-hide-items {
@ -194,7 +191,7 @@ body:not(.lg-from-hash){
.lg-object{ .lg-object{
@include scale3d(0.5, 0.5, 0.5); @include scale3d(0.5, 0.5, 0.5);
opacity: 0; opacity: 0;
@include transitionCustom(transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important); @include transitionCustom(transform 250ms ease 0s, opacity 250ms !important);
@include transform-origin(50% 50%); @include transform-origin(50% 50%);
} }
.lg-item.lg-complete{ .lg-item.lg-complete{

@ -59,7 +59,6 @@
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover;
} }
} }

@ -1,57 +1,53 @@
$backdrop-opacity: 1 !default; $backdrop-opacity: 1;
$lg-toolbar-bg: rgba(0, 0, 0, 0.45) !default; $lg-toolbar-bg: rgba(0, 0, 0, 0.45);
$lg-border-radius-base: 2px !default; $lg-border-radius-base: 2px;
$lg-theme-highlight: rgb(169, 7, 7) !default; $lg-theme-highlight: rgb(169, 7, 7);
$lg-theme: #0D0A0A !default; $lg-theme: #0D0A0A;
// basic icon colours // basic icon colours
$lg-icon-bg: rgba(0, 0, 0, 0.45) !default; $lg-icon-bg: rgba(0, 0, 0, 0.45);
$lg-icon-color: #999 !default; $lg-icon-color: #999;
$lg-icon-hover-color: #FFF !default; $lg-icon-hover-color: #FFF;
// counter // counter
$lg-counter-color: #e6e6e6 !default; $lg-counter-color: #e6e6e6;
$lg-counter-font-size: 16px !default; $lg-counter-font-size: 16px;
// Next prev icons // Next prev icons
$lg-next-prev-bg: $lg-icon-bg !default; $lg-next-prev-bg: $lg-icon-bg;
$lg-next-prev-color: $lg-icon-color !default; $lg-next-prev-color: $lg-icon-color;
$lg-next-prev-hover-color: $lg-icon-hover-color !default; $lg-next-prev-hover-color: $lg-icon-hover-color;
// toolbar icons // toolbar icons
$lg-toolbar-icon-color: $lg-icon-color !default; $lg-toolbar-icon-color: $lg-icon-color;
$lg-toolbar-icon-hover-color: $lg-icon-hover-color !default; $lg-toolbar-icon-hover-color: $lg-icon-hover-color;
// autoplay progress bar // autoplay progress bar
$lg-progress-bar-bg: #333 !default; $lg-progress-bar-bg: #333;
$lg-progress-bar-active-bg: $lg-theme-highlight !default; $lg-progress-bar-active-bg: $lg-theme-highlight;
$lg-progress-bar-height: 5px !default; $lg-progress-bar-height: 5px;
// paths
$lg-path-fonts: '../fonts'!default;
$lg-path-images: '../img'!default;
// Zoom plugin // Zoom plugin
$zoom-transition-duration: 0.3s !default; $zoom-transition-duration: 0.3s;
// Sub html - titile // Sub html - titile
$lg-sub-html-bg: rgba(0, 0, 0, 0.45) !default; $lg-sub-html-bg: rgba(0, 0, 0, 0.45);
$lg-sub-html-color: #EEE !default; $lg-sub-html-color: #EEE;
// thumbnail toggle button // thumbnail toggle button
$lg-thumb-toggle-bg: #0D0A0A !default; $lg-thumb-toggle-bg: #0D0A0A;
$lg-thumb-toggle-color: $lg-icon-color !default; $lg-thumb-toggle-color: $lg-icon-color;
$lg-thumb-toggle-hover-color: $lg-icon-hover-color !default; $lg-thumb-toggle-hover-color: $lg-icon-hover-color;
$lg-thumb-bg: #0D0A0A !default; $lg-thumb-bg: #0D0A0A;
// z-index // z-index
$zindex-outer: 1050 !default; $zindex-outer: 1050;
$zindex-progressbar: 1083 !default; $zindex-progressbar: 1080;
$zindex-controls: 1080 !default; $zindex-controls: 1080;
$zindex-toolbar: 1082 !default; $zindex-toolbar: 1080;
$zindex-subhtml: 1080 !default; $zindex-subhtml: 1080;
$zindex-thumbnail: 1080 !default; $zindex-thumbnail: 1080;
$zindex-pager: 1080 !default; $zindex-pager: 1080;
$zindex-playbutton: 1080 !default; $zindex-playbutton: 1080;
$zindex-item: 1060 !default; $zindex-item: 1060;
$zindex-backdrop: 1040 !default; $zindex-backdrop: 1040;

@ -37,20 +37,13 @@
} }
} }
.lg-has-iframe {
.lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
}
.lg-has-vimeo{ .lg-has-vimeo{
.lg-video-play{ .lg-video-play{
background: url("#{$lg-path-images}/vimeo-play.png") no-repeat scroll 0 0 transparent; background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
} }
&:hover{ &:hover{
.lg-video-play{ .lg-video-play{
background: url("#{$lg-path-images}/vimeo-play.png") no-repeat scroll 0 -58px transparent; background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
} }
} }
@ -58,7 +51,7 @@
.lg-has-html5{ .lg-has-html5{
.lg-video-play{ .lg-video-play{
background: transparent url("#{$lg-path-images}/video-play.png") no-repeat scroll 0 0; background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px; height: 64px;
margin-left: -32px; margin-left: -32px;
margin-top: -32px; margin-top: -32px;
@ -75,11 +68,11 @@
.lg-has-youtube{ .lg-has-youtube{
.lg-video-play{ .lg-video-play{
background: url("#{$lg-path-images}/youtube-play.png") no-repeat scroll 0 0 transparent; background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
} }
&:hover{ &:hover{
.lg-video-play{ .lg-video-play{
background: url("#{$lg-path-images}/youtube-play.png") no-repeat scroll 0 -60px transparent; background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
} }
} }
@ -97,7 +90,7 @@
visibility: hidden; visibility: hidden;
} }
&.lg-video-playing { &.lg-video-palying {
.lg-object, .lg-video-play { .lg-object, .lg-video-play {
display: none; display: none;
} }

@ -7,34 +7,19 @@
} }
} }
} }
&.lg-use-transition-for-zoom {
.lg-item.lg-complete.lg-zoomable {
.lg-img-wrap {
@include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s);
}
}
}
&.lg-use-left-for-zoom {
.lg-item.lg-complete.lg-zoomable {
.lg-img-wrap {
@include transitionCustom(left $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, top $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s);
}
}
}
.lg-item.lg-complete.lg-zoomable{ .lg-item.lg-complete.lg-zoomable{
.lg-img-wrap { .lg-img-wrap {
@include transitionCustom(transform $zoom-transition-duration ease 0s);
@include translate3d(0, 0, 0); @include translate3d(0, 0, 0);
@include backface-visibility(hidden);
} }
.lg-image { .lg-image {
// Translate required for zoom // Translate required for zoom
@include scale3d(1, 1, 1); @include scale3d(1, 1, 1);
@include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important); @include transitionCustom(transform $zoom-transition-duration ease 0s, opacity 0.15s !important);
@include transform-origin(0 0); @include transform-origin(0 0);
@include backface-visibility(hidden);
} }
} }
@ -47,13 +32,6 @@
} }
} }
#lg-actual-size {
font-size: 20px;
&:after {
content: "\e033";
}
}
#lg-zoom-out { #lg-zoom-out {
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;

@ -9,7 +9,275 @@
@import "lg-zoom"; @import "lg-zoom";
@import "lg-pager"; @import "lg-pager";
@import "lg-fullscreen"; @import "lg-fullscreen";
@import "lg-share";
// Core // Clearfix
@import "lg-core"; .group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
// lightgallery core
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: $zindex-outer;
opacity: 0;
// For start/end transition
@include transition(opacity 0.15s ease 0s);
* {
@include box-sizing(border-box);
}
&.lg-visible {
opacity: 1;
}
// Set transition speed and timing function
&.lg-css3 {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(inherit !important);
@include transition-timing-function(inherit !important);
}
}
}
// Remove transition while dragging
&.lg-css3.lg-dragging {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(0s !important);
opacity: 1;
}
}
}
// Set cursor grab while dragging
&.lg-grab {
img.lg-object {
@include grab-cursor;
}
}
&.lg-grabbing {
img.lg-object {
@include grabbing-cursor;
}
}
.lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-item {
background: url(../img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
&.lg-css3{
.lg-prev-slide, .lg-current, .lg-next-slide{
display: inline-block !important;
}
}
&.lg-css{
.lg-current{
display: inline-block !important;
}
}
.lg-item, .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
&:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
}
.lg-img-wrap {
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0 5px;
}
.lg-item {
&.lg-complete {
background-image: none;
}
&.lg-current {
z-index: $zindex-item;
}
}
.lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
&.lg-show-after-load {
.lg-item {
.lg-object, .lg-video-play {
opacity: 0;
@include transition(opacity 0.15s ease 0s);
}
&.lg-complete {
.lg-object, .lg-video-play {
opacity: 1;
}
}
}
}
// Hide title div if empty
.lg-empty-html {
display: none;
}
}
.lg-backdrop{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: $zindex-backdrop;
background-color: #000;
opacity: 0;
@include transition(opacity 0.15s ease 0s);
&.in{
opacity: $backdrop-opacity;
}
}
// Default slide animations. Should be placed at the bottom of the animation css
.lg-css3 {
// Remove all transition effects
&.lg-no-trans {
.lg-prev-slide, .lg-next-slide, .lg-current {
@include transitionCustom(none 0s ease 0s !important);
}
}
&.lg-use-css3 {
.lg-item {
will-change: transform, opacity;
}
}
&.lg-use-left {
.lg-item {
will-change: left, opacity;
}
}
// Fade mode
&.lg-fade {
.lg-item {
opacity: 0;
&.lg-current {
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(opacity 0.1s ease 0s);
}
}
}
&.lg-slide {
&.lg-use-css3 {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(-100%, 0, 0);
}
&.lg-next-slide {
@include translate3d(100%, 0, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-use-left {
.lg-item {
opacity: 0;
position: absolute;
left: 0;
&.lg-prev-slide {
left: -100%;
}
&.lg-next-slide {
left: 100%;
}
&.lg-current {
left: 0;
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
}
}

@ -1,530 +0,0 @@
[
{
"About This File": "This is Prepros config file, https://prepros.io . Please do not edit this file, doing so can crash Prepros."
},
{
"data": {
"id": "",
"cfgVersion": 2,
"name": "LG",
"path": "",
"files": {
"8ff90eb8": {
"id": "8ff90eb8",
"path": "lg-animations.scss",
"output": "lg-animations.css",
"name": "lg-animations.scss",
"category": "CSS",
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": false,
"parents": [],
"type": "sass"
},
"26f18653": {
"id": "26f18653",
"path": "lg-autoplay.scss",
"output": "lg-autoplay.css",
"name": "lg-autoplay.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"94edd1e7": {
"id": "94edd1e7",
"path": "lg-fb-comment-box.scss",
"output": "lg-fb-comment-box.css",
"name": "lg-fb-comment-box.scss",
"category": "CSS",
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": false,
"parents": [],
"type": "sass"
},
"fb5b0eff": {
"id": "fb5b0eff",
"path": "lg-fonts.scss",
"output": "lg-fonts.css",
"name": "lg-fonts.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"9e150360": {
"id": "9e150360",
"path": "lg-fullscreen.scss",
"output": "lg-fullscreen.css",
"name": "lg-fullscreen.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"11b5aed8": {
"id": "11b5aed8",
"path": "lg-mixins.scss",
"output": "lg-mixins.css",
"name": "lg-mixins.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"94edd1e7",
"6018a35b",
"f80b85a1",
"29a83bf1"
],
"type": "sass"
},
"06548c3d": {
"id": "06548c3d",
"path": "lg-pager.scss",
"output": "lg-pager.css",
"name": "lg-pager.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"7dbddfad": {
"id": "7dbddfad",
"path": "lg-theme-default.scss",
"output": "lg-theme-default.css",
"name": "lg-theme-default.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"ccc7c5d4": {
"id": "ccc7c5d4",
"path": "lg-thumbnail.scss",
"output": "lg-thumbnail.css",
"name": "lg-thumbnail.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"6018a35b": {
"id": "6018a35b",
"path": "lg-transitions.scss",
"output": "lg-transitions.css",
"name": "lg-transitions.scss",
"category": "CSS",
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": false,
"parents": [],
"type": "sass"
},
"36a5e0f7": {
"id": "36a5e0f7",
"path": "lg-variables.scss",
"output": "lg-variables.css",
"name": "lg-variables.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"94edd1e7",
"6018a35b",
"f80b85a1",
"29a83bf1"
],
"type": "sass"
},
"70ef8df4": {
"id": "70ef8df4",
"path": "lg-video.scss",
"output": "lg-video.css",
"name": "lg-video.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"0690cbf9": {
"id": "0690cbf9",
"path": "lg-zoom.scss",
"output": "lg-zoom.css",
"name": "lg-zoom.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"f80b85a1": {
"id": "f80b85a1",
"path": "lightgallery.scss",
"output": "C:/wamp/www/lg/lightGallery/src/css/lightgallery.css",
"name": "lightgallery.scss",
"category": "CSS",
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": true,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": true,
"imported": false,
"parents": [],
"type": "sass"
},
"29a83bf1": {
"id": "29a83bf1",
"path": "lg-share.scss",
"output": "lg-share.css",
"name": "lg-share.scss",
"category": "CSS",
"autoCompile": false,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": true,
"parents": [
"f80b85a1"
],
"type": "sass"
},
"fc3af19a": {
"id": "fc3af19a",
"path": "lg-core.scss",
"output": "lg-core.css",
"name": "lg-core.scss",
"category": "CSS",
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded",
"customOutput": false,
"imported": false,
"parents": [],
"type": "sass"
}
},
"deploymentHistory": {},
"config": {
"watch": "",
"liveRefresh": true,
"useCustomServer": false,
"port": 0,
"useCustomPort": false,
"customServerUrl": "",
"watchedFileExtensions": "less, sass, scss, styl, md, markdown, coffee, js, jade, haml, slim, ls, html,htm, css, rb, php, asp, aspx, cfm, chm, cms, do, erb, jsp, mhtml, mspx, pl, py, shtml, cshtml, cs,vb, vbs, tpl, ctp, kit, png, jpg, jpeg",
"excludePatterns": "Prepros Build, node_modules, .git, .idea, .sass-cache, .hg, .svn, .cache, config.rb, prepros.cfg, .DS_Store, bower_components",
"autoprefixerBrowsers": "last 4 versions",
"liveRefreshDelay": 0,
"disableImportAutoCompile": true,
"browserFlow": {
"enabled": false,
"mouseSync": true,
"scrollSync": true,
"keyboardSync": true,
"animateCss": true
},
"deployment": {
"ftpHost": "",
"ftpPort": "21",
"ftpUsePrivateKey": false,
"ftpPrivateKey": "",
"ftpRemotePath": "",
"ftpUserName": "",
"ftpPassword": "",
"ftpType": "FTP",
"ftpSecure": false,
"ftpUploadOnModify": false,
"ftpRefreshAfterUpload": false,
"ignorePreprocessableFiles": true,
"copyPath": "Prepros Build",
"excludePatterns": ".map, Prepros Build, config.rb, prepros.cfg, node_modules, .git, .idea, .sass-cache, .hg, .svn, .cache, .DS_Store, bower_components"
},
"css": {
"path": "css/",
"outputType": "REPLACE_SEGMENT",
"segmentToReplace": "less, sass, stylus, scss, styl",
"segmentToReplaceWith": "css",
"preprocessableFilesDirs": "less/\nsass/\nstylus/\nscss/\nstyl/\n"
},
"minCss": {
"path": "",
"outputType": "RELATIVE_FILEDIR",
"segmentToReplace": "",
"segmentToReplaceWith": "",
"types": "",
"preprocessableFilesDirs": "",
"filePrefix": "-dist"
},
"html": {
"segmentToReplace": "jade, haml, slim, markdown, md, kit",
"segmentToReplaceWith": "html",
"path": "html/",
"extension": ".html",
"outputType": "REPLACE_SEGMENT",
"preprocessableFilesDirs": "jade/\nhaml/\nslim/\nmarkdown/\nmd/\nkit"
},
"js": {
"segmentToReplace": "coffee, coffeescript, coffeescripts, ls, livescript, livescripts",
"segmentToReplaceWith": "html",
"extension": ".html",
"outputType": "REPLACE_SEGMENT",
"preprocessableFilesDirs": "coffee/\ncoffeescript/\ncoffeescripts/\nls/\nlivescript/\nlivescripts",
"path": "js/"
},
"minJs": {
"path": "",
"outputType": "RELATIVE_FILEDIR",
"segmentToReplace": "",
"segmentToReplaceWith": "",
"types": "",
"preprocessableFilesDirs": "",
"filePrefix": "-dist"
},
"compilers": {
"less": {
"autoCompile": true,
"autoprefixer": false,
"compress": false,
"sourceMaps": false
},
"sass": {
"autoCompile": true,
"autoprefixer": false,
"sourceMaps": false,
"libSass": true,
"compass": false,
"fullCompass": false,
"outputStyle": "expanded"
},
"stylus": {
"autoCompile": true,
"sourceMaps": false,
"autoprefixer": false,
"nib": false,
"compress": false
},
"markdown": {
"autoCompile": true,
"sanitize": false,
"gfm": true,
"wrapWithHtml": false
},
"coffee": {
"autoCompile": true,
"bare": false,
"uglify": false,
"mangle": true,
"iced": false,
"sourceMaps": false
},
"livescript": {
"autoCompile": true,
"bare": false,
"uglify": false,
"mangle": true
},
"javascript": {
"autoCompile": false,
"uglify": true,
"mangle": true,
"babel": false,
"sourceMaps": false
},
"jade": {
"autoCompile": true,
"pretty": true
},
"haml": {
"autoCompile": true,
"pretty": true,
"doubleQuotes": false
},
"kit": {
"autoCompile": true,
"minifyHtml": false
},
"slim": {
"autoCompile": true,
"pretty": true,
"indent": "default"
},
"css": {
"autoCompile": false,
"sourceMaps": false,
"compress": true,
"cssnext": false,
"autoprefixer": false
},
"uglify": {
"compress": {
"sequences": true,
"properties": true,
"dead_code": true,
"drop_debugger": true,
"unsafe": false,
"unsafe_comps": false,
"conditionals": true,
"comparisons": true,
"evaluate": true,
"booleans": true,
"loops": true,
"unused": true,
"hoist_funs": true,
"keep_fargs": false,
"hoist_vars": false,
"if_return": true,
"join_vars": true,
"cascade": true,
"side_effects": true,
"pure_getters": false,
"negate_iife": true,
"screw_ie8": false,
"drop_console": false,
"angular": false,
"warnings": true,
"pure_funcs": null,
"global_defs": null
},
"output": {
"quote_keys": false,
"space_colon": true,
"ascii_only": false,
"unescape_regexps": false,
"inline_script": false,
"beautify": false,
"bracketize": false,
"semicolons": true,
"comments": false,
"preserve_line": false,
"screw_ie8": false,
"preamble": null
}
}
}
}
}
}
]

@ -1,31 +0,0 @@
.lg-outer.fb-comments .lg-img-wrap {
padding-right: 400px !important; }
.lg-outer.fb-comments .fb-comments {
height: 100%;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
width: 420px;
z-index: 99999;
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
background-image: none; }
.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
background: #fff url("../img/loading.gif") no-repeat scroll center center; }
.lg-outer.fb-comments .lg-toolbar {
right: 420px;
width: auto; }
.lg-outer.fb-comments .lg-actions .lg-next {
right: 420px; }
.lg-outer.fb-comments .lg-item {
background-image: none; }
.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
background-image: none; }
.lg-outer.fb-comments .lg-img-wrap {
background: url(../img/loading.gif) no-repeat scroll center center transparent; }
.lg-outer.fb-comments .lg-sub-html {
padding: 0;
position: static; }
/*# sourceMappingURL=lg-fb-comment-box.css.map */

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAGI,kCAAa;EACT,aAAa,EAAE,gBAAgB;AAEnC,kCAAa;EACT,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,KAAK;EACZ,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,6DAA6D;EACzE,mDAAmB;IACf,gBAAgB,EAAE,IAAI;IACtB,2EAAyB;MACrB,UAAU,EAAE,6DAA6D;AAIrF,iCAAY;EACR,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,IAAI;AAEf,0CAAqB;EACjB,KAAK,EAAE,KAAK;AAEhB,8BAAS;EACL,gBAAgB,EAAE,IAAI;EAElB,uDAAY;IACR,gBAAgB,EAAE,IAAI;AAIlC,kCAAa;EACT,UAAU,EAAE,kEAAkE;AAGlF,kCAAa;EACT,OAAO,EAAE,CAAC;EACV,QAAQ,EAAE,MAAM",
"sources": ["../sass/lg-fb-comment-box.scss"],
"names": [],
"file": "lg-fb-comment-box.css"
}

@ -1,776 +0,0 @@
.lg-css3.lg-zoom-in .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3); }
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3); }
.lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-big .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2); }
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2); }
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0.7, 0.7, 0.7);
transform: scale3d(0.7, 0.7, 0.7); }
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0.7, 0.7, 0.7);
transform: scale3d(0.7, 0.7, 0.7); }
.lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-big .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-in .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2); }
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-out .lg-item {
opacity: 0; }
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2); }
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); }
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-soft-zoom .lg-item {
opacity: 0; }
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
.lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-scale-up .lg-item {
opacity: 0; }
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
.lg-css3.lg-scale-up .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.lg-css3.lg-slide-circular .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-up .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-down .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); }
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); }
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-left .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-down .lg-item {
opacity: 0; }
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-vertical .lg-item {
opacity: 0; }
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-vertical-growth .lg-item {
opacity: 0; }
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); }
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); }
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
-moz-transform: skew(10deg, 0deg);
-o-transform: skew(10deg, 0deg);
-ms-transform: skew(10deg, 0deg);
-webkit-transform: skew(10deg, 0deg);
transform: skew(10deg, 0deg); }
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
-moz-transform: skew(10deg, 0deg);
-o-transform: skew(10deg, 0deg);
-ms-transform: skew(10deg, 0deg);
-webkit-transform: skew(10deg, 0deg);
transform: skew(10deg, 0deg); }
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1; }
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-10deg, 0deg);
-o-transform: skew(-10deg, 0deg);
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg); }
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
-moz-transform: skew(-10deg, 0deg);
-o-transform: skew(-10deg, 0deg);
-ms-transform: skew(-10deg, 0deg);
-webkit-transform: skew(-10deg, 0deg);
transform: skew(-10deg, 0deg); }
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1; }
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 10deg);
-o-transform: skew(0deg, 10deg);
-ms-transform: skew(0deg, 10deg);
-webkit-transform: skew(0deg, 10deg);
transform: skew(0deg, 10deg); }
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 10deg);
-o-transform: skew(0deg, 10deg);
-ms-transform: skew(0deg, 10deg);
-webkit-transform: skew(0deg, 10deg);
transform: skew(0deg, 10deg); }
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1; }
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg); }
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -10deg);
-o-transform: skew(0deg, -10deg);
-ms-transform: skew(0deg, -10deg);
-webkit-transform: skew(0deg, -10deg);
transform: skew(0deg, -10deg); }
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
opacity: 1; }
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
-moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); }
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
-moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
-o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); }
.lg-css3.lg-slide-skew .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); }
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
-moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
-o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); }
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); }
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); }
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); }
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); }
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); }
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); }
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); }
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); }
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
-o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
-ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); }
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
-moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
-o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
-ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); }
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
opacity: 0; }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
-moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
-o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
-ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
-webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
-moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
-o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
-ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
-webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
opacity: 1; }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop .lg-item {
opacity: 0; }
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
-moz-transform: translate3d(0, 0, 0) scale(0.5);
-o-transform: translate3d(0, 0, 0) scale(0.5);
-ms-transform: translate3d(0, 0, 0) scale(0.5);
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
transform: translate3d(0, 0, 0) scale(0.5); }
.lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop-rev .lg-item {
opacity: 0; }
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
-moz-transform: translate3d(0, 0, 0) scale(0.5);
-o-transform: translate3d(0, 0, 0) scale(0.5);
-ms-transform: translate3d(0, 0, 0) scale(0.5);
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
transform: translate3d(0, 0, 0) scale(0.5); }
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate .lg-item {
opacity: 0; }
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); }
.lg-css3.lg-rotate .lg-item.lg-next-slide {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
.lg-css3.lg-rotate .lg-item.lg-current {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate-rev .lg-item {
opacity: 0; }
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); }
.lg-css3.lg-rotate-rev .lg-item.lg-current {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-tube .lg-item {
opacity: 0; }
.lg-css3.lg-tube .lg-item.lg-prev-slide {
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); }
.lg-css3.lg-tube .lg-item.lg-next-slide {
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); }
.lg-css3.lg-tube .lg-item.lg-current {
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
/*# sourceMappingURL=lg-transitions.css.map */

File diff suppressed because one or more lines are too long

@ -1,818 +0,0 @@
@font-face {
font-family: 'lg';
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1080;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
-moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
-o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
transition: transform 250ms ease 0s, opacity 250ms !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s ease 0s;
-moz-transition: -moz-transform 0.3s ease 0s;
-o-transition: -o-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
transition: transform 0.3s ease 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(../img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
will-change: transform, opacity;
}
.lg-css3.lg-use-left .lg-item {
will-change: left, opacity;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*# sourceMappingURL=lightgallery.css.map */

File diff suppressed because one or more lines are too long

@ -1,41 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
<json>
<![CDATA[
{
"fontFamily": "lg",
"majorVersion": 1,
"minorVersion": 0,
"fontURL": "https://github.com/sachinchoolur/lightGallery",
"copyright": "sachin",
"license": "MLT",
"licenseURL": "http://opensource.org/licenses/MIT",
"version": "Version 1.0",
"fontId": "lg",
"psName": "lg",
"subFamily": "Regular",
"fullName": "lg",
"description": "Font generated by IcoMoon."
}
]]>
</json>
</metadata>
<defs>
<font id="lg" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe01a;" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
<glyph unicode="&#xe01d;" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
<glyph unicode="&#xe070;" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
<glyph unicode="&#xe094;" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
<glyph unicode="&#xe095;" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
<glyph unicode="&#xe0f2;" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z" />
<glyph unicode="&#xe1ff;" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z" />
<glyph unicode="&#xe20c;" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z" />
<glyph unicode="&#xe20d;" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
<glyph unicode="&#xe311;" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
<glyph unicode="&#xe312;" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

@ -1,188 +0,0 @@
/**
* Autoplay Plugin
* @version 1.2.0
* @author Sachin N - @sachinchoolur
* @license MIT License (MIT)
*/
(function($, window, document, undefined) {
'use strict';
var defaults = {
autoplay: false,
pause: 5000,
progressBar: true,
fourceAutoplay: false,
autoplayControls: true,
appendAutoplayControlsTo: '.lg-toolbar'
};
/**
* Creates the autoplay plugin.
* @param {object} element - lightGallery element
*/
var Autoplay = function(element) {
this.core = $(element).data('lightGallery');
this.$el = $(element);
// Exicute only if items are above 1
if (this.core.$items.length < 2) {
return false;
}
this.core.s = $.extend({}, defaults, this.core.s);
this.interval = false;
// Identify if slide happened from autoplay
this.fromAuto = true;
// Identify if autoplay canceled from touch/drag
this.canceledOnTouch = false;
// save fourceautoplay value
this.fourceAutoplayTemp = this.core.s.fourceAutoplay;
// do not allow progress bar if browser does not support css3 transitions
if (!this.core.doCss()) {
this.core.s.progressBar = false;
}
this.init();
return this;
};
Autoplay.prototype.init = function() {
var _this = this;
// append autoplay controls
if (_this.core.s.autoplayControls) {
_this.controls();
}
// Create progress bar
if (_this.core.s.progressBar) {
_this.core.$outer.find('.lg').append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
}
// set progress
_this.progress();
// Start autoplay
if (_this.core.s.autoplay) {
_this.startlAuto();
}
// cancel interval on touchstart and dragstart
_this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() {
if (_this.interval) {
_this.cancelAuto();
_this.canceledOnTouch = true;
}
});
// restore autoplay if autoplay canceled from touchstart / dragstart
_this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() {
if (!_this.interval && _this.canceledOnTouch) {
_this.startlAuto();
_this.canceledOnTouch = false;
}
});
};
Autoplay.prototype.progress = function() {
var _this = this;
var _$progressBar;
var _$progress;
_this.$el.on('onBeforeSlide.lg.tm', function() {
// start progress bar animation
if (_this.core.s.progressBar && _this.fromAuto) {
_$progressBar = _this.core.$outer.find('.lg-progress-bar');
_$progress = _this.core.$outer.find('.lg-progress');
if (_this.interval) {
_$progress.removeAttr('style');
_$progressBar.removeClass('lg-start');
setTimeout(function() {
_$progress.css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
_$progressBar.addClass('lg-start');
}, 20);
}
}
// Remove setinterval if slide is trigered manualy and fourceautoplay is false
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
_this.cancelAuto();
}
_this.fromAuto = false;
});
};
// Manage autoplay via play/stop buttons
Autoplay.prototype.controls = function() {
var _this = this;
var _html = '<span class="lg-autoplay-button lg-icon"></span>';
// Append autoplay controls
$(this.core.s.appendAutoplayControlsTo).append(_html);
_this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() {
if ($(_this.core.$outer).hasClass('lg-show-autoplay')) {
_this.cancelAuto();
_this.core.s.fourceAutoplay = false;
} else {
if (!_this.interval) {
_this.startlAuto();
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;
}
}
});
};
// Autostart gallery
Autoplay.prototype.startlAuto = function() {
var _this = this;
_this.core.$outer.find('.lg-progress').css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
_this.core.$outer.addClass('lg-show-autoplay');
_this.core.$outer.find('.lg-progress-bar').addClass('lg-start');
_this.interval = setInterval(function() {
if (_this.core.index + 1 < _this.core.$items.length) {
_this.core.index = _this.core.index;
} else {
_this.core.index = -1;
}
_this.core.index++;
_this.fromAuto = true;
_this.core.slide(_this.core.index, false, false);
}, _this.core.s.speed + _this.core.s.pause);
};
// cancel Autostart
Autoplay.prototype.cancelAuto = function() {
clearInterval(this.interval);
this.interval = false;
this.core.$outer.find('.lg-progress').removeAttr('style');
this.core.$outer.removeClass('lg-show-autoplay');
this.core.$outer.find('.lg-progress-bar').removeClass('lg-start');
};
Autoplay.prototype.destroy = function() {
this.cancelAuto();
this.core.$outer.find('.lg-progress-bar').remove();
};
$.fn.lightGallery.modules.autoplay = Autoplay;
})(jQuery, window, document);

@ -1,94 +0,0 @@
(function($, window, document, undefined) {
'use strict';
var defaults = {
fullScreen: true
};
var Fullscreen = function(element) {
// get lightGallery core plugin data
this.core = $(element).data('lightGallery');
this.$el = $(element);
// extend module defalut settings with lightGallery core settings
this.core.s = $.extend({}, defaults, this.core.s);
this.init();
return this;
};
Fullscreen.prototype.init = function() {
var fullScreen = '';
if (this.core.s.fullScreen) {
// check for fullscreen browser support
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled &&
!document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
return;
} else {
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
this.core.$outer.find('.lg-toolbar').append(fullScreen);
this.fullScreen();
}
}
};
Fullscreen.prototype.reuestFullscreen = function() {
var el = document.documentElement;
if (el.requestFullscreen) {
el.requestFullscreen();
} else if (el.msRequestFullscreen) {
el.msRequestFullscreen();
} else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen();
}
};
Fullscreen.prototype.exitFullscreen = function() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
};
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
Fullscreen.prototype.fullScreen = function() {
var _this = this;
$(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() {
_this.core.$outer.toggleClass('lg-fullscreen-on');
});
this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {
if (!document.fullscreenElement &&
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
_this.reuestFullscreen();
} else {
_this.exitFullscreen();
}
});
};
Fullscreen.prototype.destroy = function() {
// exit from fullscreen if activated
this.exitFullscreen();
$(document).off('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg');
};
$.fn.lightGallery.modules.fullscreen = Fullscreen;
})(jQuery, window, document);

@ -1,83 +0,0 @@
(function($, window, document, undefined) {
'use strict';
var defaults = {
hash: true
};
var Hash = function(element) {
this.core = $(element).data('lightGallery');
this.core.s = $.extend({}, defaults, this.core.s);
if (this.core.s.hash) {
this.oldHash = window.location.hash;
this.init();
}
return this;
};
Hash.prototype.init = function() {
var _this = this;
var _hash;
// Change hash value on after each slide transition
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index;
});
// Listen hash change and change the slide according to slide value
$(window).on('hashchange', function() {
_hash = window.location.hash;
var _idx = parseInt(_hash.split('&slide=')[1], 10);
// it galleryId doesn't exist in the url close the gallery
if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) {
_this.core.slide(_idx);
} else if (_this.core.lGalleryOn) {
_this.core.destroy();
}
});
};
Hash.prototype.destroy = function() {
// Reset to old hash value
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
window.location.hash = this.oldHash;
} else {
if (history.pushState) {
history.pushState('', document.title, window.location.pathname + window.location.search);
} else {
window.location.hash = '';
}
}
// Reset to old hash value
/*
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
if (history.replaceState) {
history.replaceState(null, null, this.oldHash);
} else {
window.location.hash = this.oldHash;
}
} else {
if (history.replaceState) {
history.replaceState(null, document.title, window.location.pathname + window.location.search);
} else {
window.location.hash = '';
}
}
this.core.$el.off('.lg.hash');
*/
};
$.fn.lightGallery.modules.hash = Hash;
})(jQuery, window, document);

@ -1,82 +0,0 @@
(function($, window, document, undefined) {
'use strict';
var defaults = {
pager: false
};
var Pager = function(element) {
this.core = $(element).data('lightGallery');
this.$el = $(element);
this.core.s = $.extend({}, defaults, this.core.s);
if (this.core.s.pager && this.core.$items.length > 1) {
this.init();
}
return this;
};
Pager.prototype.init = function() {
var _this = this;
var pagerList = '';
var $pagerCont;
var $pagerOuter;
var timeout;
_this.core.$outer.find('.lg').append('<div class="lg-pager-outer"></div>');
if (_this.core.s.dynamic) {
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.s.dynamicEl[i].thumb + '" /></div></span>';
}
} else {
_this.core.$items.each(function() {
if (!_this.core.s.exThumbImage) {
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).find('img').attr('src') + '" /></div></span>';
} else {
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).attr(_this.core.s.exThumbImage) + '" /></div></span>';
}
});
}
$pagerOuter = _this.core.$outer.find('.lg-pager-outer');
$pagerOuter.html(pagerList);
$pagerCont = _this.core.$outer.find('.lg-pager-cont');
$pagerCont.on('click.lg touchend.lg', function() {
var _$this = $(this);
_this.core.index = _$this.index();
_this.core.slide(_this.core.index, false, false);
});
$pagerOuter.on('mouseover.lg', function() {
clearTimeout(timeout);
$pagerOuter.addClass('lg-pager-hover');
});
$pagerOuter.on('mouseout.lg', function() {
timeout = setTimeout(function() {
$pagerOuter.removeClass('lg-pager-hover');
});
});
_this.core.$el.on('onBeforeSlide.lg.tm', function(e, prevIndex, index) {
$pagerCont.removeClass('lg-pager-active');
$pagerCont.eq(index).addClass('lg-pager-active');
});
};
Pager.prototype.destroy = function() {
};
$.fn.lightGallery.modules.pager = Pager;
})(jQuery, window, document);

@ -1,448 +0,0 @@
(function($, window, document, undefined) {
'use strict';
var defaults = {
thumbnail: true,
animateThumb: true,
currentPagerPosition: 'middle',
thumbWidth: 100,
thumbContHeight: 100,
thumbMargin: 5,
exThumbImage: false,
showThumbByDefault: true,
toogleThumb: true,
pullCaptionUp: true,
enableThumbDrag: true,
enableThumbSwipe: true,
swipeThreshold: 50,
loadYoutubeThumbnail: true,
youtubeThumbSize: 1,
loadVimeoThumbnail: true,
vimeoThumbSize: 'thumbnail_small',
loadDailymotionThumbnail: true
};
var Thumbnail = function(element) {
// get lightGallery core plugin data
this.core = $(element).data('lightGallery');
// extend module default settings with lightGallery core settings
this.core.s = $.extend({}, defaults, this.core.s);
this.$el = $(element);
this.$thumbOuter = null;
this.thumbOuterWidth = 0;
this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin));
this.thumbIndex = this.core.index;
// Thumbnail animation value
this.left = 0;
this.init();
return this;
};
Thumbnail.prototype.init = function() {
if (this.core.s.thumbnail && this.core.$items.length > 1) {
if (this.core.s.showThumbByDefault) {
this.core.$outer.addClass('lg-thumb-open');
}
if (this.core.s.pullCaptionUp) {
this.core.$outer.addClass('lg-pull-caption-up');
}
this.build();
if (this.core.s.animateThumb) {
if (this.core.s.enableThumbDrag && !this.core.isTouch && this.core.doCss()) {
this.enableThumbDrag();
}
if (this.core.s.enableThumbSwipe && this.core.isTouch && this.core.doCss()) {
this.enableThumbSwipe();
}
this.thumbClickable = false;
} else {
this.thumbClickable = true;
}
this.toogle();
this.thumbkeyPress();
}
};
Thumbnail.prototype.build = function() {
var _this = this;
var thumbList = '';
var vimeoErrorThumbSize = '';
var $thumb;
var html = '<div class="lg-thumb-outer">' +
'<div class="lg-thumb group">' +
'</div>' +
'</div>';
switch (this.core.s.vimeoThumbSize) {
case 'thumbnail_large':
vimeoErrorThumbSize = '640';
break;
case 'thumbnail_medium':
vimeoErrorThumbSize = '200x150';
break;
case 'thumbnail_small':
vimeoErrorThumbSize = '100x75';
}
_this.core.$outer.addClass('lg-has-thumb');
_this.core.$outer.find('.lg').append(html);
_this.$thumbOuter = _this.core.$outer.find('.lg-thumb-outer');
_this.thumbOuterWidth = _this.$thumbOuter.width();
if (_this.core.s.animateThumb) {
_this.core.$outer.find('.lg-thumb').css({
width: _this.thumbTotalWidth + 'px',
position: 'relative'
});
}
if (this.core.s.animateThumb) {
_this.$thumbOuter.css('height', _this.core.s.thumbContHeight + 'px');
}
function getThumb(src, thumb, index) {
var isVideo = _this.core.isVideo(src, index) || {};
var thumbImg;
var vimeoId = '';
if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) {
if (isVideo.youtube) {
if (_this.core.s.loadYoutubeThumbnail) {
thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg';
} else {
thumbImg = thumb;
}
} else if (isVideo.vimeo) {
if (_this.core.s.loadVimeoThumbnail) {
thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg';
vimeoId = isVideo.vimeo[1];
} else {
thumbImg = thumb;
}
} else if (isVideo.dailymotion) {
if (_this.core.s.loadDailymotionThumbnail) {
thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1];
} else {
thumbImg = thumb;
}
}
} else {
thumbImg = thumb;
}
thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>';
vimeoId = '';
}
if (_this.core.s.dynamic) {
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {
getThumb(_this.core.s.dynamicEl[i].src, _this.core.s.dynamicEl[i].thumb, i);
}
} else {
_this.core.$items.each(function(i) {
if (!_this.core.s.exThumbImage) {
getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).find('img').attr('src'), i);
} else {
getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).attr(_this.core.s.exThumbImage), i);
}
});
}
_this.core.$outer.find('.lg-thumb').html(thumbList);
$thumb = _this.core.$outer.find('.lg-thumb-item');
// Load vimeo thumbnails
$thumb.each(function() {
var $this = $(this);
var vimeoVideoId = $this.attr('data-vimeo-id');
if (vimeoVideoId) {
$.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', {
format: 'json'
}, function(data) {
$this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]);
});
}
});
// manage active class for thumbnail
$thumb.eq(_this.core.index).addClass('active');
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
$thumb.removeClass('active');
$thumb.eq(_this.core.index).addClass('active');
});
$thumb.on('click.lg touchend.lg', function() {
var _$this = $(this);
setTimeout(function() {
// In IE9 and bellow touch does not support
// Go to slide if browser does not support css transitions
if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) {
_this.core.index = _$this.index();
_this.core.slide(_this.core.index, false, true);
}
}, 50);
});
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
_this.animateThumb(_this.core.index);
});
$(window).on('resize.lg.thumb orientationchange.lg.thumb', function() {
setTimeout(function() {
_this.animateThumb(_this.core.index);
_this.thumbOuterWidth = _this.$thumbOuter.width();
}, 200);
});
};
Thumbnail.prototype.setTranslate = function(value) {
// jQuery supports Automatic CSS prefixing since jQuery 1.8.0
this.core.$outer.find('.lg-thumb').css({
transform: 'translate3d(-' + (value) + 'px, 0px, 0px)'
});
};
Thumbnail.prototype.animateThumb = function(index) {
var $thumb = this.core.$outer.find('.lg-thumb');
if (this.core.s.animateThumb) {
var position;
switch (this.core.s.currentPagerPosition) {
case 'left':
position = 0;
break;
case 'middle':
position = (this.thumbOuterWidth / 2) - (this.core.s.thumbWidth / 2);
break;
case 'right':
position = this.thumbOuterWidth - this.core.s.thumbWidth;
}
this.left = ((this.core.s.thumbWidth + this.core.s.thumbMargin) * index - 1) - position;
if (this.left > (this.thumbTotalWidth - this.thumbOuterWidth)) {
this.left = this.thumbTotalWidth - this.thumbOuterWidth;
}
if (this.left < 0) {
this.left = 0;
}
if (this.core.lGalleryOn) {
if (!$thumb.hasClass('on')) {
this.core.$outer.find('.lg-thumb').css('transition-duration', this.core.s.speed + 'ms');
}
if (!this.core.doCss()) {
$thumb.animate({
left: -this.left + 'px'
}, this.core.s.speed);
}
} else {
if (!this.core.doCss()) {
$thumb.css('left', -this.left + 'px');
}
}
this.setTranslate(this.left);
}
};
// Enable thumbnail dragging and swiping
Thumbnail.prototype.enableThumbDrag = function() {
var _this = this;
var startCoords = 0;
var endCoords = 0;
var isDraging = false;
var isMoved = false;
var tempLeft = 0;
_this.$thumbOuter.addClass('lg-grab');
_this.core.$outer.find('.lg-thumb').on('mousedown.lg.thumb', function(e) {
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
// execute only on .lg-object
e.preventDefault();
startCoords = e.pageX;
isDraging = true;
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
_this.core.$outer.scrollLeft += 1;
_this.core.$outer.scrollLeft -= 1;
// *
_this.thumbClickable = false;
_this.$thumbOuter.removeClass('lg-grab').addClass('lg-grabbing');
}
});
$(window).on('mousemove.lg.thumb', function(e) {
if (isDraging) {
tempLeft = _this.left;
isMoved = true;
endCoords = e.pageX;
_this.$thumbOuter.addClass('lg-dragging');
tempLeft = tempLeft - (endCoords - startCoords);
if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
}
if (tempLeft < 0) {
tempLeft = 0;
}
// move current slide
_this.setTranslate(tempLeft);
}
});
$(window).on('mouseup.lg.thumb', function() {
if (isMoved) {
isMoved = false;
_this.$thumbOuter.removeClass('lg-dragging');
_this.left = tempLeft;
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
_this.thumbClickable = true;
}
} else {
_this.thumbClickable = true;
}
if (isDraging) {
isDraging = false;
_this.$thumbOuter.removeClass('lg-grabbing').addClass('lg-grab');
}
});
};
Thumbnail.prototype.enableThumbSwipe = function() {
var _this = this;
var startCoords = 0;
var endCoords = 0;
var isMoved = false;
var tempLeft = 0;
_this.core.$outer.find('.lg-thumb').on('touchstart.lg', function(e) {
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
e.preventDefault();
startCoords = e.originalEvent.targetTouches[0].pageX;
_this.thumbClickable = false;
}
});
_this.core.$outer.find('.lg-thumb').on('touchmove.lg', function(e) {
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
e.preventDefault();
endCoords = e.originalEvent.targetTouches[0].pageX;
isMoved = true;
_this.$thumbOuter.addClass('lg-dragging');
tempLeft = _this.left;
tempLeft = tempLeft - (endCoords - startCoords);
if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
}
if (tempLeft < 0) {
tempLeft = 0;
}
// move current slide
_this.setTranslate(tempLeft);
}
});
_this.core.$outer.find('.lg-thumb').on('touchend.lg', function() {
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
if (isMoved) {
isMoved = false;
_this.$thumbOuter.removeClass('lg-dragging');
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
_this.thumbClickable = true;
}
_this.left = tempLeft;
} else {
_this.thumbClickable = true;
}
} else {
_this.thumbClickable = true;
}
});
};
Thumbnail.prototype.toogle = function() {
var _this = this;
if (_this.core.s.toogleThumb) {
_this.core.$outer.addClass('lg-can-toggle');
_this.$thumbOuter.append('<span class="lg-toogle-thumb lg-icon"></span>');
_this.core.$outer.find('.lg-toogle-thumb').on('click.lg', function() {
_this.core.$outer.toggleClass('lg-thumb-open');
});
}
};
Thumbnail.prototype.thumbkeyPress = function() {
var _this = this;
$(window).on('keydown.lg.thumb', function(e) {
if (e.keyCode === 38) {
e.preventDefault();
_this.core.$outer.addClass('lg-thumb-open');
} else if (e.keyCode === 40) {
e.preventDefault();
_this.core.$outer.removeClass('lg-thumb-open');
}
});
};
Thumbnail.prototype.destroy = function() {
if (this.core.s.thumbnail && this.core.$items.length > 1) {
$(window).off('resize.lg.thumb orientationchange.lg.thumb keydown.lg.thumb');
this.$thumbOuter.remove();
this.core.$outer.removeClass('lg-has-thumb');
}
};
$.fn.lightGallery.modules.Thumbnail = Thumbnail;
})(jQuery, window, document);

@ -1,261 +0,0 @@
(function($, window, document, undefined) {
'use strict';
var defaults = {
videoMaxWidth: '855px',
youtubePlayerParams: false,
vimeoPlayerParams: false,
dailymotionPlayerParams: false,
videojs: false
};
var Video = function(element) {
this.core = $(element).data('lightGallery');
this.$el = $(element);
this.core.s = $.extend({}, defaults, this.core.s);
this.videoLoaded = false;
this.init();
return this;
};
Video.prototype.init = function() {
var _this = this;
// Event triggered when video url found without poster
_this.core.$el.on('hasVideo.lg.tm', function(event, index, src, html) {
_this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html));
if (html) {
if (_this.core.s.videojs) {
try {
videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), {}, function() {
if (!_this.videoLoaded) {
this.play();
}
});
} catch (e) {
console.error('Make sure you have included videojs');
}
} else {
_this.core.$slide.eq(index).find('.lg-html5').get(0).play();
}
}
});
// Set max width for video
_this.core.$el.on('onAferAppendSlide.lg.tm', function(event, index) {
_this.core.$slide.eq(index).find('.lg-video-cont').css('max-width', _this.core.s.videoMaxWidth);
_this.videoLoaded = true;
});
var loadOnClick = function($el) {
// check slide has poster
if ($el.find('.lg-object').hasClass('lg-has-poster')) {
// chack already video element present
if (!$el.hasClass('lg-has-video')) {
$el.addClass('lg-video-palying lg-has-video');
var _src;
var _html;
var _loadVideo = function(_src, _html) {
$el.find('.lg-video').append(_this.loadVideo(_src, '', false, _this.core.index, _html));
if (_html) {
if (_this.core.s.videojs) {
try {
videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), {}, function() {
this.play();
});
} catch (e) {
console.error('Make sure you have included videojs');
}
} else {
_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0).play();
}
}
};
if (_this.core.s.dynamic) {
_src = _this.core.s.dynamicEl[_this.core.index].src;
_html = _this.core.s.dynamicEl[_this.core.index].html;
_loadVideo(_src, _html);
} else {
_src = _this.core.$items.eq(_this.core.index).attr('href') || _this.core.$items.eq(_this.core.index).attr('data-src');
_html = _this.core.$items.eq(_this.core.index).attr('data-html');
_loadVideo(_src, _html);
}
var $tempImg = $el.find('.lg-object');
$el.find('.lg-video').append($tempImg);
// @todo loading icon for html5 videos also
// for showing the loading indicator while loading video
if (!$el.find('.lg-video-object').hasClass('lg-html5')) {
$el.removeClass('lg-complete');
$el.find('.lg-video-object').on('load.lg error.lg', function() {
$el.addClass('lg-complete');
});
}
} else {
var youtubePlayer = $el.find('.lg-youtube').get(0);
var vimeoPlayer = $el.find('.lg-vimeo').get(0);
var dailymotionPlayer = $el.find('.lg-dailymotion').get(0);
var html5Player = $el.find('.lg-html5').get(0);
if (youtubePlayer) {
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
} else if (vimeoPlayer) {
try {
$f(vimeoPlayer).api('play');
} catch (e) {
console.error('Make sure you have included froogaloop2 js');
}
} else if (dailymotionPlayer) {
dailymotionPlayer.contentWindow.postMessage('play', '*');
} else if (html5Player) {
if (_this.core.s.videojs) {
try {
videojs(html5Player).play();
} catch (e) {
console.error('Make sure you have included videojs');
}
} else {
html5Player.play();
}
}
$el.addClass('lg-video-palying');
}
}
};
if (_this.core.doCss() && _this.core.$items.length > 1 && ((_this.core.s.enableSwipe && _this.core.isTouch) || (_this.core.s.enableDrag && !_this.core.isTouch))) {
_this.core.$el.on('onSlideClick.lg.tm', function() {
var $el = _this.core.$slide.eq(_this.core.index);
loadOnClick($el);
});
} else {
// For IE 9 and bellow
_this.core.$slide.on('click.lg', function() {
loadOnClick($(this));
});
}
_this.core.$el.on('onBeforeSlide.lg.tm', function(event, prevIndex) {
var $videoSlide = _this.core.$slide.eq(prevIndex);
var youtubePlayer = $videoSlide.find('.lg-youtube').get(0);
var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0);
var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0);
var html5Player = $videoSlide.find('.lg-html5').get(0);
if (youtubePlayer) {
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
} else if (vimeoPlayer) {
try {
$f(vimeoPlayer).api('pause');
} catch (e) {
console.error('Make sure you have included froogaloop2 js');
}
} else if (dailymotionPlayer) {
dailymotionPlayer.contentWindow.postMessage('pause', '*');
} else if (html5Player) {
if (_this.core.s.videojs) {
try {
videojs(html5Player).pause();
} catch (e) {
console.error('Make sure you have included videojs');
}
} else {
html5Player.pause();
}
}
//$videoSlide.addClass('lg-complete');
});
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) {
_this.core.$slide.eq(prevIndex).removeClass('lg-video-palying');
});
};
Video.prototype.loadVideo = function(src, addClass, noposter, index, html) {
var video = '';
var autoplay = 1;
var a = '';
var isVideo = this.core.isVideo(src, index) || {};
// Enable autoplay for first video if poster doesn't exist
if (noposter) {
if (this.videoLoaded) {
autoplay = 0;
} else {
autoplay = 1;
}
}
if (isVideo.youtube) {
a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';
if (this.core.s.youtubePlayerParams) {
a = a + '&' + $.param(this.core.s.youtubePlayerParams);
}
video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} else if (isVideo.vimeo) {
a = '?autoplay=' + autoplay + '&api=1';
if (this.core.s.vimeoPlayerParams) {
a = a + '&' + $.param(this.core.s.vimeoPlayerParams);
}
video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315" src="http://player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
} else if (isVideo.dailymotion) {
a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';
if (this.core.s.dailymotionPlayerParams) {
a = a + '&' + $.param(this.core.s.dailymotionPlayerParams);
}
video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';
} else if (isVideo.html5) {
var fL = html.substring(0, 1);
if (fL === '.' || fL === '#') {
html = $(html).html();
}
video = html;
}
return video;
};
Video.prototype.destroy = function() {
this.videoLoaded = false;
};
$.fn.lightGallery.modules.video = Video;
})(jQuery, window, document);

@ -1,423 +0,0 @@
/**
* Zoom Plugin
* @version 1.2.0
* @author Sachin N - @sachinchoolur
* @license MIT License (MIT)
*/
(function($, window, document, undefined) {
'use strict';
var defaults = {
scale: 1,
zoom: true,
enableZoomAfter: 300
};
var Zoom = function(element) {
this.core = $(element).data('lightGallery');
this.core.s = $.extend({}, defaults, this.core.s);
if (this.core.s.zoom && this.core.doCss()) {
this.init();
// Store the zoomable timeout value just to clear it while closing
this.zoomabletimeout = false;
// Set the initial value center
this.pageX = $(window).width() / 2;
this.pageY = ($(window).height() / 2) + $(window).scrollTop();
}
return this;
};
Zoom.prototype.init = function() {
var _this = this;
var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';
this.core.$outer.find('.lg-toolbar').append(zoomIcons);
// Add zoomable class
_this.core.$el.on('onSlideItemLoad.lg.tm.zoom', function(event, index, delay) {
// delay will be 0 except first time
var _speed = _this.core.s.enableZoomAfter + delay;
// set _speed value 0 if gallery opened from direct url and if it is first slide
if ($('body').hasClass('lg-from-hash') && delay) {
// will execute only once
_speed = 0;
} else {
// Remove lg-from-hash to enable starting animation.
$('body').removeClass('lg-from-hash');
}
_this.zoomabletimeout = setTimeout(function() {
_this.core.$slide.eq(index).addClass('lg-zoomable');
}, _speed + 30);
});
var scale = 1;
/**
* @desc Image zoom
* Translate the wrap and scale the image to get better user experience
*
* @param {String} scaleVal - Zoom decrement/increment value
*/
var zoom = function(scaleVal) {
var $image = _this.core.$outer.find('.lg-current .lg-image');
var _x;
var _y;
// Find offset manually to avoid issue after zoom
var offsetX = ($(window).width() - $image.width()) / 2;
var offsetY = (($(window).height() - $image.height()) / 2) + $(window).scrollTop();
_x = _this.pageX - offsetX;
_y = _this.pageY - offsetY;
var x = (scaleVal - 1) * (_x);
var y = (scaleVal - 1) * (_y);
$image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal);
$image.parent().css('transform', 'translate3d(-' + x + 'px, -' + y + 'px, 0)').attr('data-x', x).attr('data-y', y);
};
var callScale = function() {
if (scale > 1) {
_this.core.$outer.addClass('lg-zoomed');
} else {
_this.resetZoom();
}
if (scale < 1) {
scale = 1;
}
zoom(scale);
};
// event triggered after appending slide content
_this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) {
// Get the current element
var $image = _this.core.$slide.eq(index).find('.lg-image');
$image.dblclick(function(event) {
var w = $image.width();
var nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w;
var _scale;
if (_this.core.$outer.hasClass('lg-zoomed')) {
scale = 1;
} else {
if (nw > w) {
_scale = nw / w;
scale = _scale || 2;
}
}
_this.pageX = event.pageX;
_this.pageY = event.pageY;
callScale();
setTimeout(function() {
_this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');
}, 10);
});
});
// Update zoom on resize and orientationchange
$(window).on('resize.lg.zoom scroll.lg.zoom orientationchange.lg.zoom', function() {
_this.pageX = $(window).width() / 2;
_this.pageY = ($(window).height() / 2) + $(window).scrollTop();
zoom(scale);
});
$('#lg-zoom-out').on('click.lg', function() {
if (_this.core.$outer.find('.lg-current .lg-image').length) {
scale -= _this.core.s.scale;
callScale();
}
});
$('#lg-zoom-in').on('click.lg', function() {
if (_this.core.$outer.find('.lg-current .lg-image').length) {
scale += _this.core.s.scale;
callScale();
}
});
// Reset zoom on slide change
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
_this.resetZoom();
});
// Drag option after zoom
if (!_this.core.isTouch) {
_this.zoomDrag();
}
if (_this.core.isTouch) {
_this.zoomSwipe();
}
};
// Reset zoom effect
Zoom.prototype.resetZoom = function() {
this.core.$outer.removeClass('lg-zoomed');
this.core.$slide.find('.lg-img-wrap').removeAttr('style data-x data-y');
this.core.$slide.find('.lg-image').removeAttr('style data-scale');
// Reset pagx pagy values to center
this.pageX = $(window).width() / 2;
this.pageY = ($(window).height() / 2) + $(window).scrollTop();
};
Zoom.prototype.zoomSwipe = function() {
var _this = this;
var startCoords = {};
var endCoords = {};
var isMoved = false;
// Allow x direction drag
var allowX = false;
// Allow Y direction drag
var allowY = false;
_this.core.$slide.on('touchstart.lg', function(e) {
if (_this.core.$outer.hasClass('lg-zoomed')) {
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
if ((allowX || allowY)) {
e.preventDefault();
startCoords = {
x: e.originalEvent.targetTouches[0].pageX,
y: e.originalEvent.targetTouches[0].pageY
};
}
}
});
_this.core.$slide.on('touchmove.lg', function(e) {
if (_this.core.$outer.hasClass('lg-zoomed')) {
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
var distanceX;
var distanceY;
e.preventDefault();
isMoved = true;
endCoords = e.originalEvent.targetTouches[0].pageX;
endCoords = {
x: e.originalEvent.targetTouches[0].pageX,
y: e.originalEvent.targetTouches[0].pageY
};
// reset opacity and transition duration
_this.core.$outer.addClass('lg-zoom-dragging');
if (allowY) {
distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
} else {
distanceY = -Math.abs(_$el.attr('data-y'));
}
if (allowX) {
distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
} else {
distanceX = -Math.abs(_$el.attr('data-x'));
}
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
}
});
_this.core.$slide.on('touchend.lg', function() {
if (_this.core.$outer.hasClass('lg-zoomed')) {
if (isMoved) {
isMoved = false;
_this.core.$outer.removeClass('lg-zoom-dragging');
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
}
}
});
};
Zoom.prototype.zoomDrag = function() {
var _this = this;
var startCoords = {};
var endCoords = {};
var isDraging = false;
var isMoved = false;
// Allow x direction drag
var allowX = false;
// Allow Y direction drag
var allowY = false;
_this.core.$slide.on('mousedown.lg.zoom', function(e) {
// execute only on .lg-object
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
if (_this.core.$outer.hasClass('lg-zoomed')) {
if ($(e.target).hasClass('lg-object') && (allowX || allowY)) {
e.preventDefault();
startCoords = {
x: e.pageX,
y: e.pageY
};
isDraging = true;
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
_this.core.$outer.scrollLeft += 1;
_this.core.$outer.scrollLeft -= 1;
_this.core.$outer.removeClass('lg-grab').addClass('lg-grabbing');
}
}
});
$(window).on('mousemove.lg.zoom', function(e) {
if (isDraging) {
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
var distanceX;
var distanceY;
isMoved = true;
endCoords = {
x: e.pageX,
y: e.pageY
};
// reset opacity and transition duration
_this.core.$outer.addClass('lg-zoom-dragging');
if (allowY) {
distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
} else {
distanceY = -Math.abs(_$el.attr('data-y'));
}
if (allowX) {
distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
} else {
distanceX = -Math.abs(_$el.attr('data-x'));
}
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
}
});
$(window).on('mouseup.lg.zoom', function(e) {
if (isDraging) {
isDraging = false;
_this.core.$outer.removeClass('lg-zoom-dragging');
// Fix for chrome mouse move on click
if (isMoved && ((startCoords.x !== endCoords.x) || (startCoords.y !== endCoords.y))) {
endCoords = {
x: e.pageX,
y: e.pageY
};
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
}
isMoved = false;
}
_this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');
});
};
Zoom.prototype.touchendZoom = function(startCoords, endCoords, allowX, allowY) {
var _this = this;
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
var minY = (_this.core.$outer.find('.lg').height() - $image.outerHeight()) / 2;
var maxY = Math.abs(($image.outerHeight() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY);
var minX = (_this.core.$outer.find('.lg').width() - $image.outerWidth()) / 2;
var maxX = Math.abs(($image.outerWidth() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX);
if (allowY) {
if (distanceY <= -maxY) {
distanceY = -maxY;
} else if (distanceY >= -minY) {
distanceY = -minY;
}
}
if (allowX) {
if (distanceX <= -maxX) {
distanceX = -maxX;
} else if (distanceX >= -minX) {
distanceX = -minX;
}
}
if (allowY) {
_$el.attr('data-y', Math.abs(distanceY));
} else {
distanceY = -Math.abs(_$el.attr('data-y'));
}
if (allowX) {
_$el.attr('data-x', Math.abs(distanceX));
} else {
distanceX = -Math.abs(_$el.attr('data-x'));
}
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
};
Zoom.prototype.destroy = function() {
var _this = this;
// Unbind all events added by lightGallery zoom plugin
_this.core.$el.off('.lg.zoom');
$(window).off('.lg.zoom');
_this.core.$slide.off('.lg.zoom');
_this.core.$el.off('.lg.tm.zoom');
_this.resetZoom();
clearTimeout(_this.zoomabletimeout);
_this.zoomabletimeout = false;
};
$.fn.lightGallery.modules.zoom = Zoom;
})(jQuery, window, document);

File diff suppressed because it is too large Load Diff

@ -1,714 +0,0 @@
.lg-css3 {
// Remove all transition effects
&.lg-no-trans {
.lg-prev-slide, .lg-next-slide, .lg-current {
@include transitionCustom(none 0s ease 0s !important);
}
}
&.lg-use-css3 {
.lg-item {
will-change: transform, opacity;
}
}
&.lg-use-left {
.lg-item {
will-change: left, opacity;
}
}
&.lg-zoom-in {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(2, 2, 2);
}
&.lg-next-slide {
@include scale3d(2, 2, 2);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-out {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(0, 0, 0);
}
&.lg-next-slide {
@include scale3d(0, 0, 0);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-out-in {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(0, 0, 0);
}
&.lg-next-slide {
@include scale3d(2, 2, 2);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-in-out {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(2, 2, 2);
}
&.lg-next-slide {
@include scale3d(0, 0, 0);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-soft-zoom {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(1.2, 1.2, 1.2);
}
&.lg-next-slide {
@include scale3d(0.8, 0.8, 0.8);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-circular {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 0, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 0, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-up {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-down {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-circular-vertical {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(0, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(0, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-vertical-left {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-vertical-down {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-vertical {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(0, -100%, 0);
}
&.lg-next-slide {
@include translate3d(0, 100%, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-vertical-growth {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(60deg, 0deg));
}
&.lg-next-slide {
@include transform(skew(60deg, 0deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-60deg, 0deg));
}
&.lg-next-slide {
@include transform(skew(-60deg, 0deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-y {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 60deg));
}
&.lg-next-slide {
@include transform(skew(0deg, 60deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-y-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -60deg));
}
&.lg-next-slide {
@include transform(skew(0deg, -60deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(60deg, 0deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(60deg, 0deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-60deg, 0deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(-60deg, 0deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-cross {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 60deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, 60deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-cross-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -60deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, -60deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(60deg, 0deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(60deg, 0deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-60deg, 0deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(-60deg, 0deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-cross {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 60deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, 60deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-cross-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -60deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, -60deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-lollipop {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(-100%, 0, 0);
}
&.lg-next-slide {
@include transform(translate3d(0, 0, 0) scale(0.5));
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-lollipop-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(translate3d(0, 0, 0) scale(0.5));
}
&.lg-next-slide {
@include translate3d(100%, 0, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-rotate {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(rotate(-360deg));
}
&.lg-next-slide {
@include transform(rotate(360deg));
}
&.lg-current {
@include transform(rotate(0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-rotate-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(rotate(360deg));
}
&.lg-next-slide {
@include transform(rotate(-360deg));
}
&.lg-current {
@include transform(rotate(0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-tube {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(1, 0, 1) translate3d(-100%, 0, 0));
}
&.lg-next-slide {
@include transform(scale3d(1, 0, 1) translate3d(100%, 0, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
}

@ -1,36 +0,0 @@
.lg-progress-bar {
background-color: $lg-progress-bar-bg;
height: $lg-progress-bar-height;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: $zindex-progressbar;
opacity: 0;
@include transitionCustom(opacity 0.08s ease 0s);
.lg-progress {
background-color: $lg-progress-bar-active-bg;
height: $lg-progress-bar-height;
width: 0;
}
&.lg-start {
.lg-progress {
width: 100%;
}
}
.lg-show-autoplay & {
opacity: 1;
}
}
.lg-autoplay-button {
&:after {
.lg-show-autoplay & {
content: "\e01a";
}
content: "\e01d";
}
}

@ -1,46 +0,0 @@
@import "lg-variables";
@import "lg-mixins";
.lg-outer.fb-comments{
.lg-img-wrap {
padding-right: 400px !important;
}
.fb-comments {
height: 100%;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
width: 420px;
z-index: 99999;
background: #fff url("../img/loading.gif") no-repeat scroll center center;
&.fb_iframe_widget {
background-image: none;
&.fb_iframe_widget_loader{
background: #fff url("../img/loading.gif") no-repeat scroll center center;
}
}
}
.lg-toolbar {
right: 420px;
width: auto;
}
.lg-actions .lg-next {
right: 420px;
}
.lg-item {
background-image: none;
&.lg-complete{
.lg-img-wrap{
background-image: none;
}
}
}
.lg-img-wrap {
background: url(../img/loading.gif) no-repeat scroll center center transparent;
}
.lg-sub-html {
padding: 0;
position: static;
}
}

@ -1,22 +0,0 @@
// font icons support
@font-face {
font-family: 'lg';
src: url("../fonts/lg.eot?n1z373");
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@ -1,9 +0,0 @@
.lg-fullscreen {
&:after {
content: "\e20c";
.lg-fullscreen-on & {
content: "\e20d";
}
}
}

@ -1,346 +0,0 @@
// Vendor Prefixes
//
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
// Autoprefixer in our Gruntfile. They will be removed in v4.
// - Animations
// - Backface visibility
// - Box shadow
// - Box sizing
// - Content columns
// - Hyphens
// - Placeholder text
// - Transformations
// - Transitions
// - User Select
// - cursor grab
// Animations
@mixin animation($animation) {
-webkit-animation: $animation;
-o-animation: $animation;
animation: $animation;
}
@mixin animation-name($name) {
-webkit-animation-name: $name;
animation-name: $name;
}
@mixin animation-duration($duration) {
-webkit-animation-duration: $duration;
animation-duration: $duration;
}
@mixin animation-timing-function($timing-function) {
-webkit-animation-timing-function: $timing-function;
animation-timing-function: $timing-function;
}
@mixin animation-delay($delay) {
-webkit-animation-delay: $delay;
animation-delay: $delay;
}
@mixin animation-iteration-count($iteration-count) {
-webkit-animation-iteration-count: $iteration-count;
animation-iteration-count: $iteration-count;
}
@mixin animation-direction($direction) {
-webkit-animation-direction: $direction;
animation-direction: $direction;
}
@mixin animation-fill-mode($fill-mode) {
-webkit-animation-fill-mode: $fill-mode;
animation-fill-mode: $fill-mode;
}
@mixin keyframes($name) {
@-webkit-keyframes #{$name} {
@content;
}
@-moz-keyframes #{$name} {
@content;
}
@-ms-keyframes #{$name} {
@content;
}
@keyframes #{$name} {
@content;
}
}
// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden`
@mixin backface-visibility($visibility) {
-webkit-backface-visibility: $visibility;
-moz-backface-visibility: $visibility;
backface-visibility: $visibility;
}
// Drop shadows
//
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
// supported browsers that have box shadow capabilities now support it.
@mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
box-shadow: $shadow;
}
// Box sizing
@mixin box-sizing($boxmodel) {
-webkit-box-sizing: $boxmodel;
-moz-box-sizing: $boxmodel;
box-sizing: $boxmodel;
}
// CSS3 Content Columns
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-webkit-column-count: $column-count;
-moz-column-count: $column-count;
column-count: $column-count;
-webkit-column-gap: $column-gap;
-moz-column-gap: $column-gap;
column-gap: $column-gap;
}
// Optional hyphenation
@mixin hyphens($mode: auto) {
word-wrap: break-word;
-webkit-hyphens: $mode;
-moz-hyphens: $mode;
-ms-hyphens: $mode; // IE10+
-o-hyphens: $mode;
hyphens: $mode;
}
// Placeholder text
@mixin placeholder($color: $input-color-placeholder) {
// Firefox
&::-moz-placeholder {
color: $color;
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
}
&:-ms-input-placeholder {
color: $color;
} // Internet Explorer 10+
&::-webkit-input-placeholder {
color: $color;
} // Safari and Chrome
}
// Transformations
@mixin scale($ratio...) {
-webkit-transform: scale($ratio);
-ms-transform: scale($ratio); // IE9 only
-o-transform: scale($ratio);
transform: scale($ratio);
}
@mixin scaleX($ratio) {
-webkit-transform: scaleX($ratio);
-ms-transform: scaleX($ratio); // IE9 only
-o-transform: scaleX($ratio);
transform: scaleX($ratio);
}
@mixin scaleY($ratio) {
-webkit-transform: scaleY($ratio);
-ms-transform: scaleY($ratio); // IE9 only
-o-transform: scaleY($ratio);
transform: scaleY($ratio);
}
@mixin skew($x, $y) {
-webkit-transform: skewX($x) skewY($y);
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-o-transform: skewX($x) skewY($y);
transform: skewX($x) skewY($y);
}
@mixin translate($x, $y) {
-webkit-transform: translate($x, $y);
-ms-transform: translate($x, $y); // IE9 only
-o-transform: translate($x, $y);
transform: translate($x, $y);
}
@mixin translate3d($x, $y, $z) {
-webkit-transform: translate3d($x, $y, $z);
transform: translate3d($x, $y, $z);
}
@mixin scale3d($x, $y, $z) {
-webkit-transform: scale3d($x, $y, $z);
transform: scale3d($x, $y, $z);
}
@mixin rotate($degrees) {
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees); // IE9 only
-o-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin rotateX($degrees) {
-webkit-transform: rotateX($degrees);
-ms-transform: rotateX($degrees); // IE9 only
-o-transform: rotateX($degrees);
transform: rotateX($degrees);
}
@mixin rotateY($degrees) {
-webkit-transform: rotateY($degrees);
-ms-transform: rotateY($degrees); // IE9 only
-o-transform: rotateY($degrees);
transform: rotateY($degrees);
}
@mixin perspective($perspective) {
-webkit-perspective: $perspective;
-moz-perspective: $perspective;
perspective: $perspective;
}
@mixin perspective-origin($perspective) {
-webkit-perspective-origin: $perspective;
-moz-perspective-origin: $perspective;
perspective-origin: $perspective;
}
@mixin transform-origin($origin) {
-webkit-transform-origin: $origin;
-moz-transform-origin: $origin;
-ms-transform-origin: $origin; // IE9 only
transform-origin: $origin;
}
@mixin transform($transforms) {
-moz-transform: $transforms;
-o-transform: $transforms;
-ms-transform: $transforms;
-webkit-transform: $transforms;
transform: $transforms;
}
// Transitions
@mixin transition($transition...) {
-webkit-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
@mixin transition-property($transition-property...) {
-webkit-transition-property: $transition-property;
transition-property: $transition-property;
}
@mixin transition-delay($transition-delay) {
-webkit-transition-delay: $transition-delay;
transition-delay: $transition-delay;
}
@mixin transition-duration($transition-duration...) {
-webkit-transition-duration: $transition-duration;
transition-duration: $transition-duration;
}
@mixin transition-timing-function($timing-function) {
-webkit-transition-timing-function: $timing-function;
transition-timing-function: $timing-function;
}
@mixin transition-transform($transition...) {
-webkit-transition: -webkit-transform $transition;
-moz-transition: -moz-transform $transition;
-o-transition: -o-transform $transition;
transition: transform $transition;
}
// transition custom
@function prefix($property, $prefixes: webkit moz o ms) {
$vendor-prefixed-properties: transform background-clip background-size;
$result: ();
@each $prefix in $prefixes {
@if index($vendor-prefixed-properties, $property) {
$property: -#{$prefix}-#{$property};
}
$result: append($result, $property);
}
@return $result;
}
@function trans-prefix($transition, $prefix: moz) {
$prefixed: ();
@each $trans in $transition {
$prop-name: nth($trans, 1);
$vendor-prop-name: prefix($prop-name, $prefix);
$prop-vals: nth($trans, 2);
$prefixed: append($prefixed, $vendor-prop-name $prop-vals, comma);
}
@return $prefixed;
}
@mixin transitionCustom($values...) {
$transitions: ();
@each $declaration in $values {
$prop: nth($declaration, 1);
$prop-opts: ();
$length: length($declaration);
@for $i from 2 through $length {
$prop-opts: append($prop-opts, nth($declaration, $i));
}
$trans: $prop, $prop-opts;
$transitions: append($transitions, $trans, comma);
}
-webkit-transition: trans-prefix($transitions, webkit);
-moz-transition: trans-prefix($transitions, moz);
-o-transition: trans-prefix($transitions, o);
transition: $values;
}
// User select
// For selecting text on the page
@mixin user-select($select) {
-webkit-user-select: $select;
-moz-user-select: $select;
-ms-user-select: $select; // IE10+
user-select: $select;
}
// mouse grab
@mixin grab-cursor {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
@mixin grabbing-cursor {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}

@ -1,89 +0,0 @@
.lg-outer {
.lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: $zindex-pager;
height: 10px;
&.lg-pager-hover {
.lg-pager-cont {
overflow: visible;
}
}
}
.lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
&:hover {
.lg-pager-thumb-cont {
opacity: 1;
@include translate3d(0, 0, 0);
}
}
&.lg-pager-active {
.lg-pager {
box-shadow: 0 0 0 2px white inset;
}
}
}
.lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
@include transitionCustom(opacity 0.15s ease 0s, transform 0.15s ease 0s);
@include translate3d(0, 5px, 0);
img {
width: 100%;
height: 100%;
}
}
.lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
@include transition(box-shadow 0.3s ease 0s);
width: 12px;
&:hover, &:focus {
box-shadow: 0 0 0 8px white inset;
}
}
.lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
}

@ -1,205 +0,0 @@
// default theme
.lg-actions {
.lg-next, .lg-prev {
background-color: $lg-next-prev-bg;
border-radius: $lg-border-radius-base;
color: $lg-next-prev-color;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: $zindex-controls;
&.disabled {
pointer-events: none;
opacity: 0.5;
}
&:hover {
color: $lg-next-prev-hover-color;
}
}
.lg-next {
right: 20px;
&:before {
content: "\e095";
}
}
.lg-prev {
left: 20px;
&:after {
content: "\e094";
}
}
}
@include keyframes(lg-right-end) {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@include keyframes(lg-left-end) {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer {
&.lg-right-end {
.lg-object {
@include animation(lg-right-end 0.3s);
position: relative;
}
}
&.lg-left-end {
.lg-object {
@include animation(lg-left-end 0.3s);
position: relative;
}
}
}
// lg toolbar
.lg-toolbar {
z-index: $zindex-toolbar;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: $lg-toolbar-bg;
.lg-icon {
color: $lg-toolbar-icon-color;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
&:hover {
color: $lg-toolbar-icon-hover-color;
}
}
.lg-close {
&:after {
content: "\e070";
}
}
.lg-download {
&:after {
content: "\e0f2";
}
}
}
// lightGallery title
.lg-sub-html {
background-color: $lg-sub-html-bg;
bottom: 0;
color: $lg-sub-html-color;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: $zindex-subhtml;
h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
p {
font-size: 12px;
margin: 5px 0 0;
}
}
// lg image counter
#lg-counter {
color: $lg-icon-color;
display: inline-block;
font-size: $lg-counter-font-size;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
// for idle state
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
@include transitionCustom(transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s);
}
.lg-hide-items {
.lg-prev {
opacity: 0;
@include translate3d(-10px, 0, 0);
}
.lg-next {
opacity: 0;
@include translate3d(10px, 0, 0);
}
.lg-toolbar {
opacity: 0;
@include translate3d(0, -10px, 0);
}
}
// Starting effect
body:not(.lg-from-hash){
.lg-outer {
&.lg-start-zoom{
.lg-object{
@include scale3d(0.5, 0.5, 0.5);
opacity: 0;
@include transitionCustom(transform 250ms ease 0s, opacity 250ms !important);
@include transform-origin(50% 50%);
}
.lg-item.lg-complete{
.lg-object{
@include scale3d(1, 1, 1);
opacity: 1;
}
}
}
}
}

@ -1,110 +0,0 @@
.lg-outer {
.lg-thumb-outer {
background-color: $lg-thumb-bg;
bottom: 0;
position: absolute;
width: 100%;
z-index: $zindex-thumbnail;
max-height: 350px;
@include translate3d(0, 100%, 0);
@include transitionCustom(transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s);
&.lg-grab {
.lg-thumb-item {
@include grab-cursor;
}
}
&.lg-grabbing {
.lg-thumb-item {
@include grabbing-cursor;
}
}
&.lg-dragging {
.lg-thumb {
@include transition-duration(0s !important);
}
}
}
&.lg-thumb-open{
.lg-thumb-outer {
@include translate3d(0, 0%, 0);
}
}
.lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
@media (min-width: 1025px) {
@include transition(border-color 0.25s ease);
}
&.active, &:hover {
border-color: $lg-theme-highlight;
}
img {
width: 100%;
height: 100%;
}
}
&.lg-has-thumb {
.lg-item {
padding-bottom: 120px;
}
}
&.lg-can-toggle {
.lg-item {
padding-bottom: 0;
}
}
&.lg-pull-caption-up{
.lg-sub-html {
@include transition(bottom 0.25s ease);
}
&.lg-thumb-open{
.lg-sub-html {
bottom: 100px;
}
}
}
.lg-toogle-thumb {
background-color: $lg-thumb-toggle-bg;
border-radius: $lg-border-radius-base $lg-border-radius-base 0 0;
color: $lg-thumb-toggle-color;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
&:after {
content: "\e1ff";
}
&:hover {
color: $lg-thumb-toggle-hover-color;
}
}
}

@ -1,766 +0,0 @@
@import "lg-variables";
@import "lg-mixins";
.lg-css3 {
&.lg-zoom-in {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(1.3, 1.3, 1.3);
}
&.lg-next-slide {
@include scale3d(1.3, 1.3, 1.3);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-in-big {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(2, 2, 2);
}
&.lg-next-slide {
@include scale3d(2, 2, 2);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-out {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(0.7, 0.7, 0.7);
}
&.lg-next-slide {
@include scale3d(0.7, 0.7, 0.7);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-out-big {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(0, 0, 0);
}
&.lg-next-slide {
@include scale3d(0, 0, 0);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-out-in {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(0, 0, 0);
}
&.lg-next-slide {
@include scale3d(2, 2, 2);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-zoom-in-out {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(2, 2, 2);
}
&.lg-next-slide {
@include scale3d(0, 0, 0);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-soft-zoom {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include scale3d(1.1, 1.1, 1.1);
}
&.lg-next-slide {
@include scale3d(0.9, 0.9, 0.9);
}
&.lg-current {
@include scale3d(1, 1, 1);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-scale-up {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-circular {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 0, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 0, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-up {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-down {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-circular-vertical {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(0, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(0, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-vertical-left {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
// sec
&.lg-slide-circular-vertical-down {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s);
}
}
}
&.lg-slide-vertical {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(0, -100%, 0);
}
&.lg-next-slide {
@include translate3d(0, 100%, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-vertical-growth {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0));
}
&.lg-next-slide {
@include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(10deg, 0deg));
}
&.lg-next-slide {
@include transform(skew(10deg, 0deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-10deg, 0deg));
}
&.lg-next-slide {
@include transform(skew(-10deg, 0deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-y {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 10deg));
}
&.lg-next-slide {
@include transform(skew(0deg, 10deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-only-y-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -10deg));
}
&.lg-next-slide {
@include transform(skew(0deg, -10deg));
}
&.lg-current {
@include transform(skew(0deg, 0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(20deg, 0deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(20deg, 0deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-20deg, 0deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(-20deg, 0deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-cross {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 60deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, 60deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-cross-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -60deg) translate3d(-100%, 0%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, -60deg) translate3d(100%, 0%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(60deg, 0deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(60deg, 0deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(-60deg, 0deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(-60deg, 0deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-cross {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, 20deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, 20deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-slide-skew-ver-cross-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(skew(0deg, -20deg) translate3d(0, -100%, 0px));
}
&.lg-next-slide {
@include transform(skew(0deg, -20deg) translate3d(0, 100%, 0px));
}
&.lg-current {
@include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-lollipop {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(-100%, 0, 0);
}
&.lg-next-slide {
@include transform(translate3d(0, 0, 0) scale(0.5));
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-lollipop-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(translate3d(0, 0, 0) scale(0.5));
}
&.lg-next-slide {
@include translate3d(100%, 0, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-rotate {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(rotate(-360deg));
}
&.lg-next-slide {
@include transform(rotate(360deg));
}
&.lg-current {
@include transform(rotate(0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-rotate-rev {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(rotate(360deg));
}
&.lg-next-slide {
@include transform(rotate(-360deg));
}
&.lg-current {
@include transform(rotate(0deg));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-tube {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include transform(scale3d(1, 0, 1) translate3d(-100%, 0, 0));
}
&.lg-next-slide {
@include transform(scale3d(1, 0, 1) translate3d(100%, 0, 0));
}
&.lg-current {
@include transform(scale3d(1, 1, 1) translate3d(0, 0, 0));
opacity: 1;
}
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
}

@ -1,53 +0,0 @@
$backdrop-opacity: 1;
$lg-toolbar-bg: rgba(0, 0, 0, 0.45);
$lg-border-radius-base: 2px;
$lg-theme-highlight: rgb(169, 7, 7);
$lg-theme: #0D0A0A;
// basic icon colours
$lg-icon-bg: rgba(0, 0, 0, 0.45);
$lg-icon-color: #999;
$lg-icon-hover-color: #FFF;
// counter
$lg-counter-color: #e6e6e6;
$lg-counter-font-size: 16px;
// Next prev icons
$lg-next-prev-bg: $lg-icon-bg;
$lg-next-prev-color: $lg-icon-color;
$lg-next-prev-hover-color: $lg-icon-hover-color;
// toolbar icons
$lg-toolbar-icon-color: $lg-icon-color;
$lg-toolbar-icon-hover-color: $lg-icon-hover-color;
// autoplay progress bar
$lg-progress-bar-bg: #333;
$lg-progress-bar-active-bg: $lg-theme-highlight;
$lg-progress-bar-height: 5px;
// Zoom plugin
$zoom-transition-duration: 0.3s;
// Sub html - titile
$lg-sub-html-bg: rgba(0, 0, 0, 0.45);
$lg-sub-html-color: #EEE;
// thumbnail toggle button
$lg-thumb-toggle-bg: #0D0A0A;
$lg-thumb-toggle-color: $lg-icon-color;
$lg-thumb-toggle-hover-color: $lg-icon-hover-color;
$lg-thumb-bg: #0D0A0A;
// z-index
$zindex-outer: 1050;
$zindex-progressbar: 1080;
$zindex-controls: 1080;
$zindex-toolbar: 1080;
$zindex-subhtml: 1080;
$zindex-thumbnail: 1080;
$zindex-pager: 1080;
$zindex-playbutton: 1080;
$zindex-item: 1060;
$zindex-backdrop: 1040;

@ -1,103 +0,0 @@
.lg-outer {
.lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
.lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: $zindex-playbutton;
cursor: pointer;
}
}
.lg-has-vimeo{
.lg-video-play{
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
&:hover{
.lg-video-play{
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
}
}
.lg-has-html5{
.lg-video-play{
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
&:hover{
.lg-video-play{
opacity: 1
}
}
}
.lg-has-youtube{
.lg-video-play{
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
&:hover{
.lg-video-play{
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
}
}
.lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-has-video {
.lg-video-object {
visibility: hidden;
}
&.lg-video-palying {
.lg-object, .lg-video-play {
display: none;
}
.lg-video-object {
visibility: visible;
}
}
}
}

@ -1,47 +0,0 @@
.lg-outer {
// reset transition duration
&.lg-css3.lg-zoom-dragging {
.lg-item.lg-complete.lg-zoomable {
.lg-img-wrap, .lg-image {
@include transition-duration(0s);
}
}
}
.lg-item.lg-complete.lg-zoomable{
.lg-img-wrap {
@include transitionCustom(transform $zoom-transition-duration ease 0s);
@include translate3d(0, 0, 0);
}
.lg-image {
// Translate required for zoom
@include scale3d(1, 1, 1);
@include transitionCustom(transform $zoom-transition-duration ease 0s, opacity 0.15s !important);
@include transform-origin(0 0);
}
}
}
// zoom buttons
#lg-zoom-in {
&:after {
content: "\e311";
}
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
&:after {
content: "\e312";
}
.lg-zoomed & {
opacity: 1;
pointer-events: auto;
}
}

@ -1,283 +0,0 @@
// Core variables and mixins
@import "lg-variables";
@import "lg-mixins";
@import "lg-fonts";
@import "lg-theme-default";
@import "lg-thumbnail";
@import "lg-video";
@import "lg-autoplay";
@import "lg-zoom";
@import "lg-pager";
@import "lg-fullscreen";
// Clearfix
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
// lightgallery core
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: $zindex-outer;
opacity: 0;
// For start/end transition
@include transition(opacity 0.15s ease 0s);
* {
@include box-sizing(border-box);
}
&.lg-visible {
opacity: 1;
}
// Set transition speed and timing function
&.lg-css3 {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(inherit !important);
@include transition-timing-function(inherit !important);
}
}
}
// Remove transition while dragging
&.lg-css3.lg-dragging {
.lg-item {
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transition-duration(0s !important);
opacity: 1;
}
}
}
// Set cursor grab while dragging
&.lg-grab {
img.lg-object {
@include grab-cursor;
}
}
&.lg-grabbing {
img.lg-object {
@include grabbing-cursor;
}
}
.lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-item {
background: url(../img/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
&.lg-css3{
.lg-prev-slide, .lg-current, .lg-next-slide{
display: inline-block !important;
}
}
&.lg-css{
.lg-current{
display: inline-block !important;
}
}
.lg-item, .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
&:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
}
.lg-img-wrap {
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0 5px;
}
.lg-item {
&.lg-complete {
background-image: none;
}
&.lg-current {
z-index: $zindex-item;
}
}
.lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
&.lg-show-after-load {
.lg-item {
.lg-object, .lg-video-play {
opacity: 0;
@include transition(opacity 0.15s ease 0s);
}
&.lg-complete {
.lg-object, .lg-video-play {
opacity: 1;
}
}
}
}
// Hide title div if empty
.lg-empty-html {
display: none;
}
}
.lg-backdrop{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: $zindex-backdrop;
background-color: #000;
opacity: 0;
@include transition(opacity 0.15s ease 0s);
&.in{
opacity: $backdrop-opacity;
}
}
// Default slide animations. Should be placed at the bottom of the animation css
.lg-css3 {
// Remove all transition effects
&.lg-no-trans {
.lg-prev-slide, .lg-next-slide, .lg-current {
@include transitionCustom(none 0s ease 0s !important);
}
}
&.lg-use-css3 {
.lg-item {
will-change: transform, opacity;
}
}
&.lg-use-left {
.lg-item {
will-change: left, opacity;
}
}
// Fade mode
&.lg-fade {
.lg-item {
opacity: 0;
&.lg-current {
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(opacity 0.1s ease 0s);
}
}
}
&.lg-slide {
&.lg-use-css3 {
.lg-item {
opacity: 0;
&.lg-prev-slide {
@include translate3d(-100%, 0, 0);
}
&.lg-next-slide {
@include translate3d(100%, 0, 0);
}
&.lg-current {
@include translate3d(0, 0, 0);
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
&.lg-use-left {
.lg-item {
opacity: 0;
position: absolute;
left: 0;
&.lg-prev-slide {
left: -100%;
}
&.lg-next-slide {
left: 100%;
}
&.lg-current {
left: 0;
opacity: 1;
}
// transition timing property and duration will be over written from javascript
&.lg-prev-slide, &.lg-next-slide, &.lg-current {
@include transitionCustom(left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);
}
}
}
}
}

@ -40,6 +40,7 @@
transition-duration: inherit !important; transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important; -webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important; transition-timing-function: inherit !important;
cursor: pointer;
} }
.lSSlideWrapper .lSFade { .lSSlideWrapper .lSFade {
position: relative; position: relative;
@ -81,6 +82,7 @@
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 5px;
margin-bottom: 2px;
} }
.lSSlideOuter .lSPager.lSpg > li a { .lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222; background-color: #222222;
@ -152,7 +154,7 @@
.lSAction > a { .lSAction > a {
width: 32px; width: 32px;
display: block; display: block;
top: 50%; top: 25px;
height: 32px; height: 32px;
background-image: url('../img/controls.png'); background-image: url('../img/controls.png');
cursor: pointer; cursor: pointer;
@ -374,7 +376,7 @@
animation: rightEnd 0.3s; animation: rightEnd 0.3s;
position: relative; position: relative;
} }
/*/ GRab cursor */ /*/ GRab lscursor */
.lightSlider.lsGrab > * { .lightSlider.lsGrab > * {
cursor: -webkit-grab; cursor: -webkit-grab;
cursor: -moz-grab; cursor: -moz-grab;

@ -1,20 +0,0 @@
{
"node": true,
"browser": true,
"esnext": true,
"bitwise": true,
"camelcase": true,
"curly": true,
"eqeqeq": true,
"immed": true,
"indent": 4,
"latedef": true,
"newcap": true,
"noarg": true,
"quotmark": "single",
"undef": true,
"unused": true,
"predef": ["jQuery"],
"strict": true
}

@ -13,6 +13,7 @@
speed: 400, //ms' speed: 400, //ms'
auto: false, auto: false,
pauseOnHover: false, pauseOnHover: false,
dropOnHover: true,
loop: false, loop: false,
slideEndAnimation: true, slideEndAnimation: true,
pause: 2000, pause: 2000,
@ -356,9 +357,13 @@
var thumb = $children.eq(i * settings.slideMove).attr('data-thumb'); var thumb = $children.eq(i * settings.slideMove).attr('data-thumb');
if (settings.gallery === true) { if (settings.gallery === true) {
pagers += '<li style="width:100%;' + property + ':' + thumbWidth + 'px;' + gutter + ':' + settings.thumbMargin + 'px"><a href="#"><img src="' + thumb + '" /></a></li>'; pagers += '<li style="width:100%;' + property + ':' + thumbWidth + 'px;' + gutter + ':' + settings.thumbMargin + 'px"><a href="#"><img src="' + thumb + '" /></a></li>';
} else {
if (i == 0){
pagers += '<li>upcoming <a href="#">' + (i + 1) + '</a></li>';
} else { } else {
pagers += '<li><a href="#">' + (i + 1) + '</a></li>'; pagers += '<li><a href="#">' + (i + 1) + '</a></li>';
} }
}
if (settings.mode === 'slide') { if (settings.mode === 'slide') {
if ((v) >= w - elSize - settings.slideMargin) { if ((v) >= w - elSize - settings.slideMargin) {
i = i + 1; i = i + 1;
@ -414,7 +419,7 @@
if (settings.gallery) { if (settings.gallery) {
cl = 'lSGallery'; cl = 'lSGallery';
} }
$slide.after('<ul class="lSPager ' + cl + '"></ul>'); $slide.before('<ul class="lSPager ' + cl + '"></ul>');
var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top'; var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top';
$slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px'); $slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px');
refresh.createPager(); refresh.createPager();
@ -453,7 +458,7 @@
$this.auto(); $this.auto();
} }
}else{ }else{
obj.find('img').on('load', function () { obj.find('img').load(function () {
setTimeout(function () { setTimeout(function () {
setCss(); setCss();
if (!interval) { if (!interval) {
@ -663,6 +668,26 @@
}); });
} }
}, },
dropOnHover: function(){
var $this = this;
if (settings.dropOnHover) {
$slide.on('mouseenter', function(){
$(this).addClass('ls-hover');
$el.pause();
$el.css('height', '190px');
$('.videoGalleryFrame').css('height', '190px');
$('.video-inner').css('height', '190px');
$el.css('padding-bottom','0px')
});
$slide.on('mouseleave',function(){
$(this).removeClass('ls-hover');
$el.css('height', '140px');
$('.videoGalleryFrame').css('height', '140px');
$('.video-inner').css('height', '140px');
$el.css('padding-bottom','0px')
});
}
},
touchMove: function (endCoords, startCoords) { touchMove: function (endCoords, startCoords) {
$slide.css('transition-duration', '0ms'); $slide.css('transition-duration', '0ms');
if (settings.mode === 'slide') { if (settings.mode === 'slide') {
@ -884,6 +909,7 @@
$this.pager(); $this.pager();
$this.pauseOnHover(); $this.pauseOnHover();
$this.dropOnHover();
$this.controls(); $this.controls();
$this.keyPress(); $this.keyPress();
} }

@ -1,394 +0,0 @@
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
cursor: pointer;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
margin-bottom: 2px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
width: 32px;
display: block;
top: 25px;
height: 32px;
background-image: url('../img/controls.png');
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
/*/ GRab lscursor */
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save