restoring older lightslider and lightgallery

legacy_v1
mwinter 4 years ago
parent 1645b6e4c2
commit 167be49392

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

@ -1,7 +1,7 @@
{ {
"version": 3, "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", "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"], "sources": ["../sass/lg-fb-comment-box.scss"],
"names": [], "names": [],
"file": "lg-fb-comment-box.css" "file": "lg-fb-comment-box.css"
} }

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

@ -1,47 +1,41 @@
<?xml version="1.0" standalone="no"?> <?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" > <!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"> <svg xmlns="http://www.w3.org/2000/svg">
<metadata> <metadata>
<json> <json>
<![CDATA[ <![CDATA[
{ {
"fontFamily": "lg", "fontFamily": "lg",
"majorVersion": 1, "majorVersion": 1,
"minorVersion": 0, "minorVersion": 0,
"fontURL": "https://github.com/sachinchoolur/lightGallery", "fontURL": "https://github.com/sachinchoolur/lightGallery",
"copyright": "sachin", "copyright": "sachin",
"license": "MLT", "license": "MLT",
"licenseURL": "http://opensource.org/licenses/MIT", "licenseURL": "http://opensource.org/licenses/MIT",
"version": "Version 1.0", "version": "Version 1.0",
"fontId": "lg", "fontId": "lg",
"psName": "lg", "psName": "lg",
"subFamily": "Regular", "subFamily": "Regular",
"fullName": "lg", "fullName": "lg",
"description": "Font generated by IcoMoon." "description": "Font generated by IcoMoon."
} }
]]> ]]>
</json> </json>
</metadata> </metadata>
<defs> <defs>
<font id="lg" horiz-adv-x="1024"> <font id="lg" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" /> <font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" /> <missing-glyph horiz-adv-x="1024" />
<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" /> <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="&#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="&#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="&#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="&#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,206 +1,188 @@
/*! 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) { (function($, window, document, undefined) {
return (factory(a0));
}); 'use strict';
} else if (typeof exports === 'object') {
// Node. Does not work with strict CommonJS, but var defaults = {
// only CommonJS-like environments that support module.exports, autoplay: false,
// like Node. pause: 5000,
module.exports = factory(require('jquery')); progressBar: true,
} else { fourceAutoplay: false,
factory(jQuery); autoplayControls: true,
} appendAutoplayControlsTo: '.lg-toolbar'
}(this, function ($) { };
/**
(function() { * Creates the autoplay plugin.
* @param {object} element - lightGallery element
'use strict'; */
var Autoplay = function(element) {
var defaults = {
autoplay: false, this.core = $(element).data('lightGallery');
pause: 5000,
progressBar: true, this.$el = $(element);
fourceAutoplay: false,
autoplayControls: true, // Exicute only if items are above 1
appendAutoplayControlsTo: '.lg-toolbar' if (this.core.$items.length < 2) {
}; return false;
}
/**
* Creates the autoplay plugin. this.core.s = $.extend({}, defaults, this.core.s);
* @param {object} element - lightGallery element this.interval = false;
*/
var Autoplay = function(element) { // Identify if slide happened from autoplay
this.fromAuto = true;
this.core = $(element).data('lightGallery');
// Identify if autoplay canceled from touch/drag
this.$el = $(element); this.canceledOnTouch = false;
// Execute only if items are above 1 // save fourceautoplay value
if (this.core.$items.length < 2) { this.fourceAutoplayTemp = this.core.s.fourceAutoplay;
return false;
} // do not allow progress bar if browser does not support css3 transitions
if (!this.core.doCss()) {
this.core.s = $.extend({}, defaults, this.core.s); this.core.s.progressBar = false;
this.interval = false; }
// Identify if slide happened from autoplay this.init();
this.fromAuto = true;
return this;
// Identify if autoplay canceled from touch/drag };
this.canceledOnTouch = false;
Autoplay.prototype.init = function() {
// save fourceautoplay value var _this = this;
this.fourceAutoplayTemp = this.core.s.fourceAutoplay;
// append autoplay controls
// do not allow progress bar if browser does not support css3 transitions if (_this.core.s.autoplayControls) {
if (!this.core.doCss()) { _this.controls();
this.core.s.progressBar = false; }
}
// Create progress bar
this.init(); if (_this.core.s.progressBar) {
_this.core.$outer.find('.lg').append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
return this; }
};
// set progress
Autoplay.prototype.init = function() { _this.progress();
var _this = this;
// Start autoplay
// append autoplay controls if (_this.core.s.autoplay) {
if (_this.core.s.autoplayControls) { _this.startlAuto();
_this.controls(); }
}
// cancel interval on touchstart and dragstart
// Create progress bar _this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() {
if (_this.core.s.progressBar) { if (_this.interval) {
_this.core.$outer.find('.lg').append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>'); _this.cancelAuto();
} _this.canceledOnTouch = true;
}
// set progress });
_this.progress();
// restore autoplay if autoplay canceled from touchstart / dragstart
// Start autoplay _this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() {
if (_this.core.s.autoplay) { if (!_this.interval && _this.canceledOnTouch) {
_this.$el.one('onSlideItemLoad.lg.tm', function() { _this.startlAuto();
_this.startlAuto(); _this.canceledOnTouch = false;
}); }
} });
// cancel interval on touchstart and dragstart };
_this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() {
if (_this.interval) { Autoplay.prototype.progress = function() {
_this.cancelAuto();
_this.canceledOnTouch = true; var _this = this;
} var _$progressBar;
}); var _$progress;
// restore autoplay if autoplay canceled from touchstart / dragstart _this.$el.on('onBeforeSlide.lg.tm', function() {
_this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() {
if (!_this.interval && _this.canceledOnTouch) { // start progress bar animation
_this.startlAuto(); if (_this.core.s.progressBar && _this.fromAuto) {
_this.canceledOnTouch = false; _$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() {
Autoplay.prototype.progress = function() { _$progress.css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
_$progressBar.addClass('lg-start');
var _this = this; }, 20);
var _$progressBar; }
var _$progress; }
_this.$el.on('onBeforeSlide.lg.tm', function() { // Remove setinterval if slide is trigered manualy and fourceautoplay is false
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
// start progress bar animation _this.cancelAuto();
if (_this.core.s.progressBar && _this.fromAuto) { }
_$progressBar = _this.core.$outer.find('.lg-progress-bar');
_$progress = _this.core.$outer.find('.lg-progress'); _this.fromAuto = false;
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'); // Manage autoplay via play/stop buttons
_$progressBar.addClass('lg-start'); Autoplay.prototype.controls = function() {
}, 20); var _this = this;
} var _html = '<span class="lg-autoplay-button lg-icon"></span>';
}
// Append autoplay controls
// Remove setinterval if slide is triggered manually and fourceautoplay is false $(this.core.s.appendAutoplayControlsTo).append(_html);
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
_this.cancelAuto(); _this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() {
} if ($(_this.core.$outer).hasClass('lg-show-autoplay')) {
_this.cancelAuto();
_this.fromAuto = false; _this.core.s.fourceAutoplay = false;
} else {
}); if (!_this.interval) {
}; _this.startlAuto();
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;
// 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 // Autostart gallery
$(this.core.s.appendAutoplayControlsTo).append(_html); Autoplay.prototype.startlAuto = function() {
var _this = this;
_this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() {
if ($(_this.core.$outer).hasClass('lg-show-autoplay')) { _this.core.$outer.find('.lg-progress').css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
_this.cancelAuto(); _this.core.$outer.addClass('lg-show-autoplay');
_this.core.s.fourceAutoplay = false; _this.core.$outer.find('.lg-progress-bar').addClass('lg-start');
} else {
if (!_this.interval) { _this.interval = setInterval(function() {
_this.startlAuto(); if (_this.core.index + 1 < _this.core.$items.length) {
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp; _this.core.index = _this.core.index;
} } else {
} _this.core.index = -1;
}); }
};
_this.core.index++;
// Autostart gallery _this.fromAuto = true;
Autoplay.prototype.startlAuto = function() { _this.core.slide(_this.core.index, false, false);
var _this = this; }, _this.core.s.speed + _this.core.s.pause);
};
_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'); // cancel Autostart
_this.core.$outer.find('.lg-progress-bar').addClass('lg-start'); Autoplay.prototype.cancelAuto = function() {
clearInterval(this.interval);
_this.interval = setInterval(function() { this.interval = false;
if (_this.core.index + 1 < _this.core.$items.length) { this.core.$outer.find('.lg-progress').removeAttr('style');
_this.core.index++; this.core.$outer.removeClass('lg-show-autoplay');
} else { this.core.$outer.find('.lg-progress-bar').removeClass('lg-start');
_this.core.index = 0; };
}
Autoplay.prototype.destroy = function() {
_this.fromAuto = true;
_this.core.slide(_this.core.index, false, false, 'next'); this.cancelAuto();
}, _this.core.s.speed + _this.core.s.pause); this.core.$outer.find('.lg-progress-bar').remove();
}; };
// cancel Autostart $.fn.lightGallery.modules.autoplay = Autoplay;
Autoplay.prototype.cancelAuto = function() {
clearInterval(this.interval); })(jQuery, window, document);
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;
})();
}));

@ -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,116 +1,94 @@
/*! lg-fullscreen - v1.0.1 - 2016-09-30 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2016 Sachin N; Licensed GPLv3 */ 'use strict';
(function (root, factory) { var defaults = {
if (typeof define === 'function' && define.amd) { fullScreen: true
// AMD. Register as an anonymous module unless amdModuleId is set };
define(['jquery'], function (a0) {
return (factory(a0)); var Fullscreen = function(element) {
});
} else if (typeof exports === 'object') { // get lightGallery core plugin data
// Node. Does not work with strict CommonJS, but this.core = $(element).data('lightGallery');
// only CommonJS-like environments that support module.exports,
// like Node. this.$el = $(element);
module.exports = factory(require('jquery'));
} else { // extend module defalut settings with lightGallery core settings
factory(jQuery); this.core.s = $.extend({}, defaults, this.core.s);
}
}(this, function ($) { this.init();
(function() { return this;
};
'use strict';
Fullscreen.prototype.init = function() {
var defaults = { var fullScreen = '';
fullScreen: true if (this.core.s.fullScreen) {
};
// check for fullscreen browser support
var Fullscreen = function(element) { if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled &&
!document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
// get lightGallery core plugin data return;
this.core = $(element).data('lightGallery'); } else {
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
this.$el = $(element); this.core.$outer.find('.lg-toolbar').append(fullScreen);
this.fullScreen();
// extend module defalut settings with lightGallery core settings }
this.core.s = $.extend({}, defaults, this.core.s); }
};
this.init();
Fullscreen.prototype.reuestFullscreen = function() {
return this; var el = document.documentElement;
}; if (el.requestFullscreen) {
el.requestFullscreen();
Fullscreen.prototype.init = function() { } else if (el.msRequestFullscreen) {
var fullScreen = ''; el.msRequestFullscreen();
if (this.core.s.fullScreen) { } else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
// check for fullscreen browser support } else if (el.webkitRequestFullscreen) {
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && el.webkitRequestFullscreen();
!document.mozFullScreenEnabled && !document.msFullscreenEnabled) { }
return; };
} else {
fullScreen = '<span class="lg-fullscreen lg-icon"></span>'; Fullscreen.prototype.exitFullscreen = function() {
this.core.$outer.find('.lg-toolbar').append(fullScreen); if (document.exitFullscreen) {
this.fullScreen(); document.exitFullscreen();
} } else if (document.msExitFullscreen) {
} document.msExitFullscreen();
}; } else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
Fullscreen.prototype.requestFullscreen = function() { } else if (document.webkitExitFullscreen) {
var el = document.documentElement; document.webkitExitFullscreen();
if (el.requestFullscreen) { }
el.requestFullscreen(); };
} else if (el.msRequestFullscreen) {
el.msRequestFullscreen(); // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
} else if (el.mozRequestFullScreen) { Fullscreen.prototype.fullScreen = function() {
el.mozRequestFullScreen(); var _this = this;
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen(); $(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() {
} _this.core.$outer.toggleClass('lg-fullscreen-on');
}; });
Fullscreen.prototype.exitFullscreen = function() { this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {
if (document.exitFullscreen) { if (!document.fullscreenElement &&
document.exitFullscreen(); !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
} else if (document.msExitFullscreen) { _this.reuestFullscreen();
document.msExitFullscreen(); } else {
} else if (document.mozCancelFullScreen) { _this.exitFullscreen();
document.mozCancelFullScreen(); }
} else if (document.webkitExitFullscreen) { });
document.webkitExitFullscreen();
} };
};
Fullscreen.prototype.destroy = function() {
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
Fullscreen.prototype.fullScreen = function() { // exit from fullscreen if activated
var _this = this; this.exitFullscreen();
$(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() { $(document).off('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg');
_this.core.$outer.toggleClass('lg-fullscreen-on'); };
});
$.fn.lightGallery.modules.fullscreen = Fullscreen;
this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {
if (!document.fullscreenElement && })(jQuery, window, document);
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
_this.requestFullscreen();
} 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;
})();
}));

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

@ -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,105 +1,82 @@
/*! lg-pager - v1.0.2 - 2017-01-22 (function($, window, document, undefined) {
* http://sachinchoolur.github.io/lightGallery
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ 'use strict';
(function (root, factory) { var defaults = {
if (typeof define === 'function' && define.amd) { pager: false
// AMD. Register as an anonymous module unless amdModuleId is set };
define(['jquery'], function (a0) {
return (factory(a0)); var Pager = function(element) {
});
} else if (typeof exports === 'object') { this.core = $(element).data('lightGallery');
// Node. Does not work with strict CommonJS, but
// only CommonJS-like environments that support module.exports, this.$el = $(element);
// like Node. this.core.s = $.extend({}, defaults, this.core.s);
module.exports = factory(require('jquery')); if (this.core.s.pager && this.core.$items.length > 1) {
} else { this.init();
factory(jQuery); }
}
}(this, function ($) { return this;
};
(function() {
Pager.prototype.init = function() {
'use strict'; var _this = this;
var pagerList = '';
var defaults = { var $pagerCont;
pager: false var $pagerOuter;
}; var timeout;
var Pager = function(element) { _this.core.$outer.find('.lg').append('<div class="lg-pager-outer"></div>');
this.core = $(element).data('lightGallery'); if (_this.core.s.dynamic) {
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {
this.$el = $(element); 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>';
this.core.s = $.extend({}, defaults, this.core.s); }
if (this.core.s.pager && this.core.$items.length > 1) { } else {
this.init(); _this.core.$items.each(function() {
}
if (!_this.core.s.exThumbImage) {
return this; 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>';
Pager.prototype.init = function() { }
var _this = this;
var pagerList = ''; });
var $pagerCont; }
var $pagerOuter;
var timeout; $pagerOuter = _this.core.$outer.find('.lg-pager-outer');
_this.core.$outer.find('.lg').append('<div class="lg-pager-outer"></div>'); $pagerOuter.html(pagerList);
if (_this.core.s.dynamic) { $pagerCont = _this.core.$outer.find('.lg-pager-cont');
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) { $pagerCont.on('click.lg touchend.lg', function() {
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>'; var _$this = $(this);
} _this.core.index = _$this.index();
} else { _this.core.slide(_this.core.index, false, false);
_this.core.$items.each(function() { });
if (!_this.core.s.exThumbImage) { $pagerOuter.on('mouseover.lg', function() {
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>'; clearTimeout(timeout);
} else { $pagerOuter.addClass('lg-pager-hover');
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.on('mouseout.lg', function() {
}); timeout = setTimeout(function() {
} $pagerOuter.removeClass('lg-pager-hover');
});
$pagerOuter = _this.core.$outer.find('.lg-pager-outer'); });
$pagerOuter.html(pagerList); _this.core.$el.on('onBeforeSlide.lg.tm', function(e, prevIndex, index) {
$pagerCont.removeClass('lg-pager-active');
$pagerCont = _this.core.$outer.find('.lg-pager-cont'); $pagerCont.eq(index).addClass('lg-pager-active');
$pagerCont.on('click.lg touchend.lg', function() { });
var _$this = $(this);
_this.core.index = _$this.index(); };
_this.core.slide(_this.core.index, false, true, false);
}); Pager.prototype.destroy = function() {
$pagerOuter.on('mouseover.lg', function() { };
clearTimeout(timeout);
$pagerOuter.addClass('lg-pager-hover'); $.fn.lightGallery.modules.pager = Pager;
});
})(jQuery, window, document);
$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;
})();
}));

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

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

@ -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,52 +1,46 @@
@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 {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
position: absolute; position: absolute;
right: 0; right: 0;
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;
} }
} }
} }
.lg-toolbar { .lg-toolbar {
right: 420px; right: 420px;
width: auto; width: auto;
} }
.lg-actions .lg-next { .lg-actions .lg-next {
right: 420px; right: 420px;
} }
.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 {
padding: 0;
.lg-sub-html { position: static;
padding: 0; }
position: static; }
}
.lg-video-cont {
max-width: 1250px !important;
}
}

@ -1,22 +1,22 @@
// 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;
} }
.lg-icon { .lg-icon {
font-family: 'lg'; font-family: 'lg';
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }

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

@ -1,330 +1,346 @@
// Vendor Prefixes // Vendor Prefixes
// //
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of // 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. // Autoprefixer in our Gruntfile. They will be removed in v4.
// - Animations // - Animations
// - Backface visibility // - Backface visibility
// - Box shadow // - Box shadow
// - Box sizing // - Box sizing
// - Content columns // - Content columns
// - Hyphens // - Hyphens
// - Placeholder text // - Placeholder text
// - Transformations // - Transformations
// - Transitions // - Transitions
// - User Select // - User Select
// - cursor grab // - cursor grab
// Animations // Animations
@mixin animation($animation) { @mixin animation($animation) {
-webkit-animation: $animation; -webkit-animation: $animation;
-o-animation: $animation; -o-animation: $animation;
animation: $animation; animation: $animation;
} }
@mixin animation-name($name) { @mixin animation-name($name) {
-webkit-animation-name: $name; -webkit-animation-name: $name;
animation-name: $name; animation-name: $name;
} }
@mixin animation-duration($duration) { @mixin animation-duration($duration) {
-webkit-animation-duration: $duration; -webkit-animation-duration: $duration;
animation-duration: $duration; animation-duration: $duration;
} }
@mixin animation-timing-function($timing-function) { @mixin animation-timing-function($timing-function) {
-webkit-animation-timing-function: $timing-function; -webkit-animation-timing-function: $timing-function;
animation-timing-function: $timing-function; animation-timing-function: $timing-function;
} }
@mixin animation-delay($delay) { @mixin animation-delay($delay) {
-webkit-animation-delay: $delay; -webkit-animation-delay: $delay;
animation-delay: $delay; animation-delay: $delay;
} }
@mixin animation-iteration-count($iteration-count) { @mixin animation-iteration-count($iteration-count) {
-webkit-animation-iteration-count: $iteration-count; -webkit-animation-iteration-count: $iteration-count;
animation-iteration-count: $iteration-count; animation-iteration-count: $iteration-count;
} }
@mixin animation-direction($direction) { @mixin animation-direction($direction) {
-webkit-animation-direction: $direction; -webkit-animation-direction: $direction;
animation-direction: $direction; animation-direction: $direction;
} }
@mixin animation-fill-mode($fill-mode) { @mixin animation-fill-mode($fill-mode) {
-webkit-animation-fill-mode: $fill-mode; -webkit-animation-fill-mode: $fill-mode;
animation-fill-mode: $fill-mode; animation-fill-mode: $fill-mode;
} }
@mixin keyframes($name) { @mixin keyframes($name) {
@-webkit-keyframes #{$name} { @-webkit-keyframes #{$name} {
@content; @content;
} }
@-moz-keyframes #{$name} { @-moz-keyframes #{$name} {
@content; @content;
} }
@-ms-keyframes #{$name} { @-ms-keyframes #{$name} {
@content; @content;
} }
@keyframes #{$name} { @keyframes #{$name} {
@content; @content;
} }
} }
// Backface visibility // Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms. // Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden` // Default value is `visible`, but can be changed to `hidden`
@mixin backface-visibility($visibility) { @mixin backface-visibility($visibility) {
-webkit-backface-visibility: $visibility; -webkit-backface-visibility: $visibility;
-moz-backface-visibility: $visibility; -moz-backface-visibility: $visibility;
backface-visibility: $visibility; backface-visibility: $visibility;
} }
// Drop shadows // Drop shadows
// //
// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
// supported browsers that have box shadow capabilities now support it. // supported browsers that have box shadow capabilities now support it.
@mixin box-shadow($shadow...) { @mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
box-shadow: $shadow; box-shadow: $shadow;
} }
// Box sizing // Box sizing
@mixin box-sizing($boxmodel) { @mixin box-sizing($boxmodel) {
-webkit-box-sizing: $boxmodel; -webkit-box-sizing: $boxmodel;
-moz-box-sizing: $boxmodel; -moz-box-sizing: $boxmodel;
box-sizing: $boxmodel; box-sizing: $boxmodel;
} }
// CSS3 Content Columns // CSS3 Content Columns
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { @mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-webkit-column-count: $column-count; -webkit-column-count: $column-count;
-moz-column-count: $column-count; -moz-column-count: $column-count;
column-count: $column-count; column-count: $column-count;
-webkit-column-gap: $column-gap; -webkit-column-gap: $column-gap;
-moz-column-gap: $column-gap; -moz-column-gap: $column-gap;
column-gap: $column-gap; column-gap: $column-gap;
} }
// Optional hyphenation // Optional hyphenation
@mixin hyphens($mode: auto) { @mixin hyphens($mode: auto) {
word-wrap: break-word; word-wrap: break-word;
-webkit-hyphens: $mode; -webkit-hyphens: $mode;
-moz-hyphens: $mode; -moz-hyphens: $mode;
-ms-hyphens: $mode; // IE10+ -ms-hyphens: $mode; // IE10+
-o-hyphens: $mode; -o-hyphens: $mode;
hyphens: $mode; hyphens: $mode;
} }
// Transformations // Placeholder text
@mixin scale($ratio...) { @mixin placeholder($color: $input-color-placeholder) {
-webkit-transform: scale($ratio); // Firefox
-ms-transform: scale($ratio); // IE9 only &::-moz-placeholder {
-o-transform: scale($ratio); color: $color;
transform: scale($ratio); opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
}
}
@mixin scaleX($ratio) {
-webkit-transform: scaleX($ratio); &:-ms-input-placeholder {
-ms-transform: scaleX($ratio); // IE9 only color: $color;
-o-transform: scaleX($ratio); } // Internet Explorer 10+
transform: scaleX($ratio);
} &::-webkit-input-placeholder {
color: $color;
@mixin scaleY($ratio) { } // Safari and Chrome
-webkit-transform: scaleY($ratio); }
-ms-transform: scaleY($ratio); // IE9 only
-o-transform: scaleY($ratio); // Transformations
transform: scaleY($ratio); @mixin scale($ratio...) {
} -webkit-transform: scale($ratio);
-ms-transform: scale($ratio); // IE9 only
@mixin skew($x, $y) { -o-transform: scale($ratio);
-webkit-transform: skewX($x) skewY($y); transform: scale($ratio);
-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 scaleX($ratio) {
} -webkit-transform: scaleX($ratio);
-ms-transform: scaleX($ratio); // IE9 only
@mixin translate($x, $y) { -o-transform: scaleX($ratio);
-webkit-transform: translate($x, $y); transform: scaleX($ratio);
-ms-transform: translate($x, $y); // IE9 only }
-o-transform: translate($x, $y);
transform: translate($x, $y); @mixin scaleY($ratio) {
} -webkit-transform: scaleY($ratio);
-ms-transform: scaleY($ratio); // IE9 only
@mixin translate3d($x, $y, $z) { -o-transform: scaleY($ratio);
-webkit-transform: translate3d($x, $y, $z); transform: scaleY($ratio);
transform: translate3d($x, $y, $z); }
}
@mixin skew($x, $y) {
@mixin scale3d($x, $y, $z) { -webkit-transform: skewX($x) skewY($y);
-webkit-transform: scale3d($x, $y, $z); -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
transform: scale3d($x, $y, $z); -o-transform: skewX($x) skewY($y);
} transform: skewX($x) skewY($y);
}
@mixin rotate($degrees) {
-webkit-transform: rotate($degrees); @mixin translate($x, $y) {
-ms-transform: rotate($degrees); // IE9 only -webkit-transform: translate($x, $y);
-o-transform: rotate($degrees); -ms-transform: translate($x, $y); // IE9 only
transform: rotate($degrees); -o-transform: translate($x, $y);
} transform: translate($x, $y);
}
@mixin rotateX($degrees) {
-webkit-transform: rotateX($degrees); @mixin translate3d($x, $y, $z) {
-ms-transform: rotateX($degrees); // IE9 only -webkit-transform: translate3d($x, $y, $z);
-o-transform: rotateX($degrees); transform: translate3d($x, $y, $z);
transform: rotateX($degrees); }
}
@mixin scale3d($x, $y, $z) {
@mixin rotateY($degrees) { -webkit-transform: scale3d($x, $y, $z);
-webkit-transform: rotateY($degrees); transform: scale3d($x, $y, $z);
-ms-transform: rotateY($degrees); // IE9 only }
-o-transform: rotateY($degrees);
transform: rotateY($degrees); @mixin rotate($degrees) {
} -webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees); // IE9 only
@mixin perspective($perspective) { -o-transform: rotate($degrees);
-webkit-perspective: $perspective; transform: rotate($degrees);
-moz-perspective: $perspective; }
perspective: $perspective;
} @mixin rotateX($degrees) {
-webkit-transform: rotateX($degrees);
@mixin perspective-origin($perspective) { -ms-transform: rotateX($degrees); // IE9 only
-webkit-perspective-origin: $perspective; -o-transform: rotateX($degrees);
-moz-perspective-origin: $perspective; transform: rotateX($degrees);
perspective-origin: $perspective; }
}
@mixin rotateY($degrees) {
@mixin transform-origin($origin) { -webkit-transform: rotateY($degrees);
-webkit-transform-origin: $origin; -ms-transform: rotateY($degrees); // IE9 only
-moz-transform-origin: $origin; -o-transform: rotateY($degrees);
-ms-transform-origin: $origin; // IE9 only transform: rotateY($degrees);
transform-origin: $origin; }
}
@mixin perspective($perspective) {
@mixin transform($transforms) { -webkit-perspective: $perspective;
-moz-transform: $transforms; -moz-perspective: $perspective;
-o-transform: $transforms; perspective: $perspective;
-ms-transform: $transforms; }
-webkit-transform: $transforms;
transform: $transforms; @mixin perspective-origin($perspective) {
} -webkit-perspective-origin: $perspective;
-moz-perspective-origin: $perspective;
// Transitions perspective-origin: $perspective;
}
@mixin transition($transition...) {
-webkit-transition: $transition; @mixin transform-origin($origin) {
-o-transition: $transition; -webkit-transform-origin: $origin;
transition: $transition; -moz-transform-origin: $origin;
} -ms-transform-origin: $origin; // IE9 only
transform-origin: $origin;
@mixin transition-property($transition-property...) { }
-webkit-transition-property: $transition-property;
transition-property: $transition-property; @mixin transform($transforms) {
} -moz-transform: $transforms;
-o-transform: $transforms;
@mixin transition-delay($transition-delay) { -ms-transform: $transforms;
-webkit-transition-delay: $transition-delay; -webkit-transform: $transforms;
transition-delay: $transition-delay; transform: $transforms;
} }
@mixin transition-duration($transition-duration...) { // Transitions
-webkit-transition-duration: $transition-duration;
transition-duration: $transition-duration; @mixin transition($transition...) {
} -webkit-transition: $transition;
-o-transition: $transition;
@mixin transition-timing-function($timing-function) { transition: $transition;
-webkit-transition-timing-function: $timing-function; }
transition-timing-function: $timing-function;
} @mixin transition-property($transition-property...) {
-webkit-transition-property: $transition-property;
@mixin transition-transform($transition...) { transition-property: $transition-property;
-webkit-transition: -webkit-transform $transition; }
-moz-transition: -moz-transform $transition;
-o-transition: -o-transform $transition; @mixin transition-delay($transition-delay) {
transition: transform $transition; -webkit-transition-delay: $transition-delay;
} transition-delay: $transition-delay;
}
// transition custom
@mixin transition-duration($transition-duration...) {
@function prefix($property, $prefixes: webkit moz o ms) { -webkit-transition-duration: $transition-duration;
$vendor-prefixed-properties: transform background-clip background-size; transition-duration: $transition-duration;
$result: (); }
@each $prefix in $prefixes { @mixin transition-timing-function($timing-function) {
@if index($vendor-prefixed-properties, $property) { -webkit-transition-timing-function: $timing-function;
$property: -#{$prefix}-#{$property}; transition-timing-function: $timing-function;
} }
$result: append($result, $property);
} @mixin transition-transform($transition...) {
@return $result; -webkit-transition: -webkit-transform $transition;
} -moz-transition: -moz-transform $transition;
-o-transition: -o-transform $transition;
@function trans-prefix($transition, $prefix: moz) { transition: transform $transition;
$prefixed: (); }
@each $trans in $transition { // transition custom
$prop-name: nth($trans, 1);
$vendor-prop-name: prefix($prop-name, $prefix); @function prefix($property, $prefixes: webkit moz o ms) {
$prop-vals: nth($trans, 2); $vendor-prefixed-properties: transform background-clip background-size;
$prefixed: append($prefixed, $vendor-prop-name $prop-vals, comma); $result: ();
}
@return $prefixed; @each $prefix in $prefixes {
} @if index($vendor-prefixed-properties, $property) {
$property: -#{$prefix}-#{$property};
@mixin transitionCustom($values...) { }
$transitions: (); $result: append($result, $property);
}
@each $declaration in $values { @return $result;
$prop: nth($declaration, 1); }
$prop-opts: ();
$length: length($declaration); @function trans-prefix($transition, $prefix: moz) {
$prefixed: ();
@if $length >= 2 {
@for $i from 2 through $length { @each $trans in $transition {
$prop-opts: append($prop-opts, nth($declaration, $i)); $prop-name: nth($trans, 1);
} $vendor-prop-name: prefix($prop-name, $prefix);
} $prop-vals: nth($trans, 2);
$trans: $prop, $prop-opts; $prefixed: append($prefixed, $vendor-prop-name $prop-vals, comma);
$transitions: append($transitions, $trans, comma); }
} @return $prefixed;
-webkit-transition: trans-prefix($transitions, webkit); }
-moz-transition: trans-prefix($transitions, moz);
-o-transition: trans-prefix($transitions, o); @mixin transitionCustom($values...) {
transition: $values; $transitions: ();
}
@each $declaration in $values {
// User select $prop: nth($declaration, 1);
// For selecting text on the page $prop-opts: ();
$length: length($declaration);
@mixin user-select($select) {
-webkit-user-select: $select; @for $i from 2 through $length {
-moz-user-select: $select; $prop-opts: append($prop-opts, nth($declaration, $i));
-ms-user-select: $select; // IE10+ }
user-select: $select; $trans: $prop, $prop-opts;
} $transitions: append($transitions, $trans, comma);
}
// mouse grab -webkit-transition: trans-prefix($transitions, webkit);
-moz-transition: trans-prefix($transitions, moz);
@mixin grab-cursor { -o-transition: trans-prefix($transitions, o);
cursor: -webkit-grab; transition: $values;
cursor: -moz-grab; }
cursor: -o-grab;
cursor: -ms-grab; // User select
cursor: grab; // For selecting text on the page
}
@mixin user-select($select) {
@mixin grabbing-cursor { -webkit-user-select: $select;
cursor: move; -moz-user-select: $select;
cursor: -webkit-grabbing; -ms-user-select: $select; // IE10+
cursor: -moz-grabbing; user-select: $select;
cursor: -o-grabbing; }
cursor: -ms-grabbing;
cursor: grabbing; // 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 +1,89 @@
.lg-outer { .lg-outer {
.lg-pager-outer { .lg-pager-outer {
bottom: 60px; bottom: 60px;
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;
text-align: center; text-align: center;
z-index: $zindex-pager; z-index: $zindex-pager;
height: 10px; height: 10px;
&.lg-pager-hover { &.lg-pager-hover {
.lg-pager-cont { .lg-pager-cont {
overflow: visible; overflow: visible;
} }
} }
} }
.lg-pager-cont { .lg-pager-cont {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
vertical-align: top; vertical-align: top;
margin: 0 5px; margin: 0 5px;
&:hover { &:hover {
.lg-pager-thumb-cont { .lg-pager-thumb-cont {
opacity: 1; opacity: 1;
@include translate3d(0, 0, 0); @include translate3d(0, 0, 0);
} }
} }
&.lg-pager-active { &.lg-pager-active {
.lg-pager { .lg-pager {
box-shadow: 0 0 0 2px white inset; box-shadow: 0 0 0 2px white inset;
} }
} }
} }
.lg-pager-thumb-cont { .lg-pager-thumb-cont {
background-color: #fff; background-color: #fff;
color: #FFF; color: #FFF;
bottom: 100%; bottom: 100%;
height: 83px; height: 83px;
left: 0; left: 0;
margin-bottom: 20px; margin-bottom: 20px;
margin-left: -60px; margin-left: -60px;
opacity: 0; opacity: 0;
padding: 5px; padding: 5px;
position: absolute; position: absolute;
width: 120px; width: 120px;
border-radius: 3px; border-radius: 3px;
@include transitionCustom(opacity 0.15s ease 0s, transform 0.15s ease 0s); @include transitionCustom(opacity 0.15s ease 0s, transform 0.15s ease 0s);
@include translate3d(0, 5px, 0); @include translate3d(0, 5px, 0);
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.lg-pager { .lg-pager {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block; display: block;
height: 12px; height: 12px;
@include transition(box-shadow 0.3s ease 0s); @include transition(box-shadow 0.3s ease 0s);
width: 12px; width: 12px;
&:hover, &:focus { &:hover, &:focus {
box-shadow: 0 0 0 8px white inset; box-shadow: 0 0 0 8px white inset;
} }
} }
.lg-caret { .lg-caret {
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
border-top: 10px dashed; border-top: 10px dashed;
bottom: -10px; bottom: -10px;
display: inline-block; display: inline-block;
height: 0; height: 0;
left: 50%; left: 50%;
margin-left: -5px; margin-left: -5px;
position: absolute; position: absolute;
vertical-align: middle; vertical-align: middle;
width: 0; width: 0;
} }
} }

@ -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";
}
}
}
}

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

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

File diff suppressed because it is too large Load Diff

@ -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 // Zoom plugin
$lg-path-fonts: '../fonts'!default; $zoom-transition-duration: 0.3s;
$lg-path-images: '../img'!default;
// Sub html - titile
// Zoom plugin $lg-sub-html-bg: rgba(0, 0, 0, 0.45);
$zoom-transition-duration: 0.3s !default; $lg-sub-html-color: #EEE;
// Sub html - titile // thumbnail toggle button
$lg-sub-html-bg: rgba(0, 0, 0, 0.45) !default; $lg-thumb-toggle-bg: #0D0A0A;
$lg-sub-html-color: #EEE !default; $lg-thumb-toggle-color: $lg-icon-color;
$lg-thumb-toggle-hover-color: $lg-icon-hover-color;
// thumbnail toggle button $lg-thumb-bg: #0D0A0A;
$lg-thumb-toggle-bg: #0D0A0A !default;
$lg-thumb-toggle-color: $lg-icon-color !default; // z-index
$lg-thumb-toggle-hover-color: $lg-icon-hover-color !default; $zindex-outer: 1050;
$lg-thumb-bg: #0D0A0A !default; $zindex-progressbar: 1080;
$zindex-controls: 1080;
// z-index $zindex-toolbar: 1080;
$zindex-outer: 1050 !default; $zindex-subhtml: 1080;
$zindex-progressbar: 1083 !default; $zindex-thumbnail: 1080;
$zindex-controls: 1080 !default; $zindex-pager: 1080;
$zindex-toolbar: 1082 !default; $zindex-playbutton: 1080;
$zindex-subhtml: 1080 !default; $zindex-item: 1060;
$zindex-thumbnail: 1080 !default; $zindex-backdrop: 1040;
$zindex-pager: 1080 !default;
$zindex-playbutton: 1080 !default;
$zindex-item: 1060 !default;
$zindex-backdrop: 1040 !default;

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

@ -1,69 +1,47 @@
.lg-outer { .lg-outer {
// reset transition duration // reset transition duration
&.lg-css3.lg-zoom-dragging { &.lg-css3.lg-zoom-dragging {
.lg-item.lg-complete.lg-zoomable { .lg-item.lg-complete.lg-zoomable {
.lg-img-wrap, .lg-image { .lg-img-wrap, .lg-image {
@include transition-duration(0s); @include transition-duration(0s);
} }
} }
} }
&.lg-use-transition-for-zoom {
.lg-item.lg-complete.lg-zoomable { .lg-item.lg-complete.lg-zoomable{
.lg-img-wrap {
@include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s); .lg-img-wrap {
} @include transitionCustom(transform $zoom-transition-duration ease 0s);
} @include translate3d(0, 0, 0);
} }
&.lg-use-left-for-zoom {
.lg-item.lg-complete.lg-zoomable { .lg-image {
.lg-img-wrap { // Translate required for zoom
@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); @include scale3d(1, 1, 1);
} @include transitionCustom(transform $zoom-transition-duration ease 0s, opacity 0.15s !important);
} @include transform-origin(0 0);
} }
}
.lg-item.lg-complete.lg-zoomable{
}
.lg-img-wrap {
@include translate3d(0, 0, 0); // zoom buttons
@include backface-visibility(hidden); #lg-zoom-in {
} &:after {
content: "\e311";
.lg-image { }
// Translate required for zoom }
@include scale3d(1, 1, 1);
@include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important); #lg-zoom-out {
@include transform-origin(0 0); opacity: 0.5;
@include backface-visibility(hidden); pointer-events: none;
}
} &:after {
content: "\e312";
} }
// zoom buttons .lg-zoomed & {
#lg-zoom-in { opacity: 1;
&:after { pointer-events: auto;
content: "\e311"; }
}
}
#lg-actual-size {
font-size: 20px;
&:after {
content: "\e033";
}
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
&:after {
content: "\e312";
}
.lg-zoomed & {
opacity: 1;
pointer-events: auto;
}
} }

@ -1,15 +1,283 @@
// Core variables and mixins // Core variables and mixins
@import "lg-variables"; @import "lg-variables";
@import "lg-mixins"; @import "lg-mixins";
@import "lg-fonts"; @import "lg-fonts";
@import "lg-theme-default"; @import "lg-theme-default";
@import "lg-thumbnail"; @import "lg-thumbnail";
@import "lg-video"; @import "lg-video";
@import "lg-autoplay"; @import "lg-autoplay";
@import "lg-zoom"; @import "lg-zoom";
@import "lg-pager"; @import "lg-pager";
@import "lg-fullscreen"; @import "lg-fullscreen";
@import "lg-share";
// Clearfix
// Core .group {
@import "lg-core"; *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);
}
}
}
}
}

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

@ -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
}

File diff suppressed because it is too large Load Diff

@ -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