diff --git a/static/css/lg-fb-comment-box.css b/static/css/lg-fb-comment-box.css deleted file mode 100644 index b7d58f5..0000000 --- a/static/css/lg-fb-comment-box.css +++ /dev/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 */ diff --git a/static/css/lg-transitions.css b/static/css/lg-transitions.css deleted file mode 100644 index a80062f..0000000 --- a/static/css/lg-transitions.css +++ /dev/null @@ -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 */ diff --git a/static/css/lightgallery.css b/static/css/lightgallery.css deleted file mode 100644 index 5310e7d..0000000 --- a/static/css/lightgallery.css +++ /dev/null @@ -1,1153 +0,0 @@ -@font-face { - font-family: 'lg'; - src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg"); - font-weight: normal; - font-style: normal; - font-display: block; -} - -.lg-icon { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'lg' !important; - speak: never; - 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; - outline: none; - border: none; - background-color: transparent; -} - -.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: 1082; - 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; - background: none; - border: none; - box-shadow: none; - -webkit-transition: color 0.2s linear; - -o-transition: color 0.2s linear; - transition: color 0.2s linear; -} - -.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, color 0.2s linear; - -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; - -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; - transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -} - -.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 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; - -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; - -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; - transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !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%; - object-fit: cover; -} - -.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-toggle-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; - outline: medium none; - border: none; -} - -.lg-outer .lg-toggle-thumb:after { - content: "\e1ff"; -} - -.lg-outer .lg-toggle-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-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { - display: none; -} - -.lg-outer .lg-has-video.lg-video-playing .lg-video-object { - visibility: visible; -} - -.lg-progress-bar { - background-color: #333; - height: 5px; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 1083; - 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-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -} - -.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { - -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; - transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -} - -.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - -.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; - -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; - -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; - transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - -#lg-zoom-in:after { - content: "\e311"; -} - -#lg-actual-size { - font-size: 20px; -} - -#lg-actual-size:after { - content: "\e033"; -} - -#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"; -} - -.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: 1081; - opacity: 0; - visibility: hidden; - -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; - -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; - transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -} - -.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { - -webkit-transition-delay: 0s; - transition-delay: 0s; - -moz-transform: translate3d(0, 0px, 0); - -o-transform: translate3d(0, 0px, 0); - -ms-transform: translate3d(0, 0px, 0); - -webkit-transform: translate3d(0, 0px, 0); - transform: translate3d(0, 0px, 0); - opacity: 1; - visibility: visible; -} - -.lg-outer.lg-dropdown-active #lg-share { - color: #FFF; -} - -.lg-outer .lg-dropdown { - background-color: #fff; - border-radius: 2px; - font-size: 14px; - list-style-type: none; - margin: 0; - padding: 10px 0; - position: absolute; - right: 0; - text-align: left; - top: 50px; - opacity: 0; - visibility: hidden; - -moz-transform: translate3d(0, 5px, 0); - -o-transform: translate3d(0, 5px, 0); - -ms-transform: translate3d(0, 5px, 0); - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; - -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; - -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; - transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -} - -.lg-outer .lg-dropdown:after { - content: ""; - display: block; - height: 0; - width: 0; - position: absolute; - border: 8px solid transparent; - border-bottom-color: #FFF; - right: 16px; - top: -16px; -} - -.lg-outer .lg-dropdown > li:last-child { - margin-bottom: 0px; -} - -.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { - color: #333; -} - -.lg-outer .lg-dropdown a { - color: #333; - display: block; - white-space: pre; - padding: 4px 12px; - font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 12px; -} - -.lg-outer .lg-dropdown a:hover { - background-color: rgba(0, 0, 0, 0.07); -} - -.lg-outer .lg-dropdown .lg-dropdown-text { - display: inline-block; - line-height: 1; - margin-top: -3px; - vertical-align: middle; -} - -.lg-outer .lg-dropdown .lg-icon { - color: #333; - display: inline-block; - float: none; - font-size: 20px; - height: auto; - line-height: 1; - margin-right: 8px; - padding: 0; - vertical-align: middle; - width: auto; -} - -.lg-outer #lg-share { - position: relative; -} - -.lg-outer #lg-share:after { - content: "\e80d"; -} - -.lg-outer #lg-share-facebook .lg-icon { - color: #3b5998; -} - -.lg-outer #lg-share-facebook .lg-icon:after { - content: "\e904"; -} - -.lg-outer #lg-share-twitter .lg-icon { - color: #00aced; -} - -.lg-outer #lg-share-twitter .lg-icon:after { - content: "\e907"; -} - -.lg-outer #lg-share-googleplus .lg-icon { - color: #dd4b39; -} - -.lg-outer #lg-share-googleplus .lg-icon:after { - content: "\e905"; -} - -.lg-outer #lg-share-pinterest .lg-icon { - color: #cb2027; -} - -.lg-outer #lg-share-pinterest .lg-icon:after { - content: "\e906"; -} - -.lg-outer .lg-img-rotate { - position: absolute; - padding: 0 5px; - left: 0; - right: 0; - top: 0; - bottom: 0; - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; - -moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; - -o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; - transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; -} - -.lg-rotate-left:after { - content: "\e900"; -} - -.lg-rotate-right:after { - content: "\e901"; -} - -.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { - font-size: 26px; -} - -.lg-flip-hor:after { - content: "\e902"; -} - -.lg-flip-ver:after { - content: "\e903"; -} - -.lg-group { - *zoom: 1; -} - -.lg-group:before, .lg-group:after { - display: table; - content: ""; - line-height: 0; -} - -.lg-group:after { - clear: both; -} - -.lg-outer { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - z-index: 1050; - opacity: 0; - outline: none; - -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 { - position: absolute; - padding: 0 5px; - left: 0; - right: 0; - top: 0; - bottom: 0; -} - -.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-outer.lg-hide-download #lg-download { - 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 { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - -.lg-css3.lg-use-left .lg-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - -.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; -} diff --git a/static/gif/loading.gif b/static/gif/loading.gif deleted file mode 100644 index 576096a..0000000 Binary files a/static/gif/loading.gif and /dev/null differ diff --git a/static/img/loading.gif b/static/img/loading.gif deleted file mode 100644 index d3bbc80..0000000 Binary files a/static/img/loading.gif and /dev/null differ diff --git a/static/img/video-play.png b/static/img/video-play.png deleted file mode 100644 index 4893540..0000000 Binary files a/static/img/video-play.png and /dev/null differ diff --git a/static/img/vimeo-play.png b/static/img/vimeo-play.png deleted file mode 100644 index ef7d245..0000000 Binary files a/static/img/vimeo-play.png and /dev/null differ diff --git a/static/img/youtube-play.png b/static/img/youtube-play.png deleted file mode 100644 index dfebb91..0000000 Binary files a/static/img/youtube-play.png and /dev/null differ diff --git a/static/js/lightgallery.js b/static/js/lightgallery.js deleted file mode 100644 index 182f418..0000000 --- a/static/js/lightgallery.js +++ /dev/null @@ -1,1455 +0,0 @@ -/** Polyfill the CustomEvent() constructor functionality in Internet Explorer 9 and higher */ -(function() { - - if (typeof window.CustomEvent === 'function') { - return false; - } - - function CustomEvent(event, params) { - params = params || { - bubbles: false, - cancelable: false, - detail: undefined - }; - var evt = document.createEvent('CustomEvent'); - evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); - return evt; - } - - CustomEvent.prototype = window.Event.prototype; - - window.CustomEvent = CustomEvent; -})(); - -import utils from './lg-utils'; -window.utils = utils; -window.lgData = { - uid: 0 -}; - -window.lgModules = {}; -var defaults = { - - mode: 'lg-slide', - - // Ex : 'ease' - cssEasing: 'ease', - - //'for jquery animation' - easing: 'linear', - speed: 600, - height: '100%', - width: '100%', - addClass: '', - startClass: 'lg-start-zoom', - backdropDuration: 150, - - // Set 0, if u don't want to hide the controls - hideBarsDelay: 6000, - - useLeft: false, - - // aria-labelledby attribute fot gallery - ariaLabelledby: '', - - //aria-describedby attribute for gallery - ariaDescribedby: '', - - closable: true, - loop: true, - escKey: true, - keyPress: true, - controls: true, - slideEndAnimatoin: true, - hideControlOnEnd: false, - mousewheel: false, - - getCaptionFromTitleOrAlt: true, - - // .lg-item || '.lg-sub-html' - appendSubHtmlTo: '.lg-sub-html', - - subHtmlSelectorRelative: false, - - /** - * @desc number of preload slides - * will exicute only after the current slide is fully loaded. - * - * @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th - * slide will be loaded in the background after the 4th slide is fully loaded.. - * if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ... - * - */ - preload: 1, - showAfterLoad: true, - selector: '', - selectWithin: '', - nextHtml: '', - prevHtml: '', - - // 0, 1 - index: false, - - iframeMaxWidth: '100%', - - download: true, - counter: true, - appendCounterTo: '.lg-toolbar', - - swipeThreshold: 50, - enableSwipe: true, - enableDrag: true, - - dynamic: false, - dynamicEl: [], - galleryId: 1, - supportLegacyBrowser: true -}; - -function Plugin(element, options) { - - // Current lightGallery element - this.el = element; - - // lightGallery settings - this.s = Object.assign({}, defaults, options); - - // When using dynamic mode, ensure dynamicEl is an array - if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) { - throw ('When using dynamic mode, you must also define dynamicEl as an Array.'); - } - - // lightGallery modules - this.modules = {}; - - // false when lightgallery complete first slide; - this.lGalleryOn = false; - - this.lgBusy = false; - - // Timeout function for hiding controls; - this.hideBartimeout = false; - - // To determine browser supports for touch events; - this.isTouch = ('ontouchstart' in document.documentElement); - - // Disable hideControlOnEnd if sildeEndAnimation is true - if (this.s.slideEndAnimatoin) { - this.s.hideControlOnEnd = false; - } - - this.items = []; - - // Gallery items - if (this.s.dynamic) { - this.items = this.s.dynamicEl; - } else { - if (this.s.selector === 'this') { - this.items.push(this.el); - } else if (this.s.selector !== '') { - if (this.s.selectWithin) { - this.items = document.querySelector(this.s.selectWithin).querySelectorAll(this.s.selector); - } else { - this.items = this.el.querySelectorAll(this.s.selector); - } - } else { - this.items = this.el.children; - } - } - - // .lg-item - - this.___slide = ''; - - // .lg-outer - this.outer = ''; - - this.init(); - - return this; -} - -Plugin.prototype.init = function() { - - var _this = this; - - // s.preload should not be more than $item.length - if (_this.s.preload > _this.items.length) { - _this.s.preload = _this.items.length; - } - - // if dynamic option is enabled execute immediately - var _hash = window.location.hash; - if (_hash.indexOf('lg=' + this.s.galleryId) > 0) { - - _this.index = parseInt(_hash.split('&slide=')[1], 10); - - utils.addClass(document.body, 'lg-from-hash'); - if (!utils.hasClass(document.body, 'lg-on')) { - utils.addClass(document.body, 'lg-on'); - setTimeout(function() { - _this.build(_this.index); - }); - } - } - - if (_this.s.dynamic) { - - utils.trigger(this.el, 'onBeforeOpen'); - - _this.index = _this.s.index || 0; - - // prevent accidental double execution - if (!utils.hasClass(document.body, 'lg-on')) { - utils.addClass(document.body, 'lg-on'); - setTimeout(function() { - _this.build(_this.index); - }); - } - } else { - - for (var i = 0; i < _this.items.length; i++) { - - /*jshint loopfunc: true */ - (function(index) { - - // Using different namespace for click because click event should not unbind if selector is same object('this') - utils.on(_this.items[index], 'click.lgcustom', (e) => { - - e.preventDefault(); - - utils.trigger(_this.el, 'onBeforeOpen'); - - _this.index = _this.s.index || index; - - if (!utils.hasClass(document.body, 'lg-on')) { - _this.build(_this.index); - utils.addClass(document.body, 'lg-on'); - } - }); - - })(i); - - } - - } - -}; - -Plugin.prototype.build = function(index) { - - var _this = this; - - _this.structure(); - - for (var key in window.lgModules) { - _this.modules[key] = new window.lgModules[key](_this.el); - } - - // initiate slide function - _this.slide(index, false, false); - - if (_this.s.keyPress) { - _this.keyPress(); - } - - if (_this.items.length > 1) { - - _this.arrow(); - - setTimeout(function() { - _this.enableDrag(); - _this.enableSwipe(); - }, 50); - - if (_this.s.mousewheel) { - _this.mousewheel(); - } - } - - _this.counter(); - - _this.closeGallery(); - - utils.trigger(_this.el, 'onAfterOpen'); - - // Hide controllers if mouse doesn't move for some period - if(_this.s.hideBarsDelay > 0) { - - // Hide controls if user doesn't use mouse or touch after opening gallery - const initialHideBarTimeout = setTimeout(function() { - utils.addClass(_this.outer, 'lg-hide-items'); - }, _this.s.hideBarsDelay); - utils.on(_this.outer, 'mousemove.lg click.lg touchstart.lg', function() { - - // Cancel initalHideBarTimout if user uses mouse or touch events - // Before it fires - clearTimeout(initialHideBarTimeout); - - utils.removeClass(_this.outer, 'lg-hide-items'); - - clearTimeout(_this.hideBartimeout); - - // Timeout will be cleared on each slide movement also - _this.hideBartimeout = setTimeout(function() { - utils.addClass(_this.outer, 'lg-hide-items'); - }, _this.s.hideBarsDelay); - - }); - } - -}; - -Plugin.prototype.structure = function() { - var list = ''; - var controls = ''; - var i = 0; - var subHtmlCont = ''; - var template; - var _this = this; - - document.body.insertAdjacentHTML('beforeend', '
'); - utils.setVendor(document.querySelector('.lg-backdrop'), 'TransitionDuration', this.s.backdropDuration + 'ms'); - - // Create gallery items - for (i = 0; i < this.items.length; i++) { - list += '
'; - } - - // Create controlls - if (this.s.controls && this.items.length > 1) { - controls = '
' + - '' + - '' + - '
'; - } - - if (this.s.appendSubHtmlTo === '.lg-sub-html') { - subHtmlCont = '
'; - } - - var ariaLabelledby = this.s.ariaLabelledby ? - 'aria-labelledby="' + this.s.ariaLabelledby + '"' : ''; - var ariaDescribedby = this.s.ariaDescribedby ? - 'aria-describedby="' + this.s.ariaDescribedby + '"' : ''; - - template = ''; - - document.body.insertAdjacentHTML('beforeend', template); - this.outer = document.querySelector('.lg-outer'); - this.outer.focus(); - this.___slide = this.outer.querySelectorAll('.lg-item'); - - if (this.s.useLeft) { - utils.addClass(this.outer, 'lg-use-left'); - - // Set mode lg-slide if use left is true; - this.s.mode = 'lg-slide'; - } else { - utils.addClass(this.outer, 'lg-use-css3'); - } - - // For fixed height gallery - _this.setTop(); - utils.on(window, 'resize.lg orientationchange.lg', function() { - setTimeout(function() { - _this.setTop(); - }, 100); - }); - - // add class lg-current to remove initial transition - utils.addClass(this.___slide[this.index], 'lg-current'); - - // add Class for css support and transition mode - if (this.doCss()) { - utils.addClass(this.outer, 'lg-css3'); - } else { - utils.addClass(this.outer, 'lg-css'); - - // Set speed 0 because no animation will happen if browser doesn't support css3 - this.s.speed = 0; - } - - utils.addClass(this.outer, this.s.mode); - - if (this.s.enableDrag && this.items.length > 1) { - utils.addClass(this.outer, 'lg-grab'); - } - - if (this.s.showAfterLoad) { - utils.addClass(this.outer, 'lg-show-after-load'); - } - - if (this.doCss()) { - let inner = this.outer.querySelector('.lg-inner'); - utils.setVendor(inner, 'TransitionTimingFunction', this.s.cssEasing); - utils.setVendor(inner, 'TransitionDuration', this.s.speed + 'ms'); - } - - setTimeout(function() { - utils.addClass(document.querySelector('.lg-backdrop'), 'in'); - }); - - - setTimeout(function() { - utils.addClass(_this.outer, 'lg-visible'); - }, this.s.backdropDuration); - - if (this.s.download) { - this.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', ''); - } - - // Store the current scroll top value to scroll back after closing the gallery.. - this.prevScrollTop = (document.documentElement.scrollTop || document.body.scrollTop) - -}; - -// For fixed height gallery -Plugin.prototype.setTop = function() { - if (this.s.height !== '100%') { - let wH = window.innerHeight; - let top = (wH - parseInt(this.s.height, 10)) / 2; - let lGallery = this.outer.querySelector('.lg'); - if (wH >= parseInt(this.s.height, 10)) { - lGallery.style.top = top + 'px'; - } else { - lGallery.style.top = '0px'; - } - } -}; - -// Find css3 support -Plugin.prototype.doCss = function() { - // check for css animation support - var support = function() { - var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition']; - var root = document.documentElement; - var i = 0; - for (i = 0; i < transition.length; i++) { - if (transition[i] in root.style) { - return true; - } - } - }; - - if (support()) { - return true; - } - - return false; -}; - -/** - * @desc Check the given src is video - * @param {String} src - * @return {Object} video type - * Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] } - */ -Plugin.prototype.isVideo = function(src, index) { - - var html; - if (this.s.dynamic) { - html = this.s.dynamicEl[index].html; - } else { - html = this.items[index].getAttribute('data-html'); - } - - if (!src && html) { - return { - html5: true - }; - } - - var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i); - var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i); - var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i); - var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i); - - if (youtube) { - return { - youtube: youtube - }; - } else if (vimeo) { - return { - vimeo: vimeo - }; - } else if (dailymotion) { - return { - dailymotion: dailymotion - }; - } else if (vk) { - return { - vk: vk - }; - } -}; - -/** - * @desc Create image counter - * Ex: 1/10 - */ -Plugin.prototype.counter = function() { - if (this.s.counter) { - this.outer.querySelector(this.s.appendCounterTo).insertAdjacentHTML('beforeend', '
' + (parseInt(this.index, 10) + 1) + ' / ' + this.items.length + '
'); - } -}; - -/** - * @desc add sub-html into the slide - * @param {Number} index - index of the slide - */ -Plugin.prototype.addHtml = function(index) { - var subHtml = null; - var currentEle; - if (this.s.dynamic) { - subHtml = this.s.dynamicEl[index].subHtml; - } else { - currentEle = this.items[index]; - subHtml = currentEle.getAttribute('data-sub-html'); - if (this.s.getCaptionFromTitleOrAlt && !subHtml) { - subHtml = currentEle.getAttribute('title'); - if (subHtml && currentEle.querySelector('img')) { - subHtml = currentEle.querySelector('img').getAttribute('alt'); - } - } - } - - if (typeof subHtml !== 'undefined' && subHtml !== null) { - - // get first letter of subhtml - // if first letter starts with . or # get the html form the jQuery object - var fL = subHtml.substring(0, 1); - if (fL === '.' || fL === '#') { - if (this.s.subHtmlSelectorRelative && !this.s.dynamic) { - subHtml = currentEle.querySelector(subHtml).innerHTML; - } else { - subHtml = document.querySelector(subHtml).innerHTML; - } - } - } else { - subHtml = ''; - } - - if (this.s.appendSubHtmlTo === '.lg-sub-html') { - this.outer.querySelector(this.s.appendSubHtmlTo).innerHTML = subHtml; - } else { - this.___slide[index].insertAdjacentHTML('beforeend', subHtml); - } - - // Add lg-empty-html class if title doesn't exist - if (typeof subHtml !== 'undefined' && subHtml !== null) { - if (subHtml === '') { - utils.addClass(this.outer.querySelector(this.s.appendSubHtmlTo), 'lg-empty-html'); - } else { - utils.removeClass(this.outer.querySelector(this.s.appendSubHtmlTo), 'lg-empty-html'); - } - } - - utils.trigger(this.el, 'onAfterAppendSubHtml', { - index: index - }); -}; - -/** - * @desc Preload slides - * @param {Number} index - index of the slide - */ -Plugin.prototype.preload = function(index) { - var i = 1; - var j = 1; - for (i = 1; i <= this.s.preload; i++) { - if (i >= this.items.length - index) { - break; - } - - this.loadContent(index + i, false, 0); - } - - for (j = 1; j <= this.s.preload; j++) { - if (index - j < 0) { - break; - } - - this.loadContent(index - j, false, 0); - } -}; - -/** - * @desc Load slide content into slide. - * @param {Number} index - index of the slide. - * @param {Boolean} rec - if true call loadcontent() function again. - * @param {Boolean} delay - delay for adding complete class. it is 0 except first time. - */ -Plugin.prototype.loadContent = function(index, rec, delay) { - - var _this = this; - var _hasPoster = false; - var _img; - var _src; - var _poster; - var _srcset; - var _sizes; - var _html; - var _alt; - var getResponsiveSrc = function(srcItms) { - var rsWidth = []; - var rsSrc = []; - for (var i = 0; i < srcItms.length; i++) { - var __src = srcItms[i].split(' '); - - // Manage empty space - if (__src[0] === '') { - __src.splice(0, 1); - } - - rsSrc.push(__src[0]); - rsWidth.push(__src[1]); - } - - var wWidth = window.innerWidth; - for (var j = 0; j < rsWidth.length; j++) { - if (parseInt(rsWidth[j], 10) > wWidth) { - _src = rsSrc[j]; - break; - } - } - }; - - if (_this.s.dynamic) { - - if (_this.s.dynamicEl[index].poster) { - _hasPoster = true; - _poster = _this.s.dynamicEl[index].poster; - } - - _html = _this.s.dynamicEl[index].html; - _src = _this.s.dynamicEl[index].src; - _alt = _this.s.dynamicEl[index].alt; - - if (_this.s.dynamicEl[index].responsive) { - var srcDyItms = _this.s.dynamicEl[index].responsive.split(','); - getResponsiveSrc(srcDyItms); - } - - _srcset = _this.s.dynamicEl[index].srcset; - _sizes = _this.s.dynamicEl[index].sizes; - - } else { - - if (_this.items[index].getAttribute('data-poster')) { - _hasPoster = true; - _poster = _this.items[index].getAttribute('data-poster'); - } - - _html = _this.items[index].getAttribute('data-html'); - _src = _this.items[index].getAttribute('href') || _this.items[index].getAttribute('data-src'); - _alt = _this.items[index].getAttribute('title'); - - if (_this.items[index].querySelector('img')) { - _alt = _alt || _this.items[index].querySelector('img').getAttribute('alt'); - } - - if (_this.items[index].getAttribute('data-responsive')) { - var srcItms = _this.items[index].getAttribute('data-responsive').split(','); - getResponsiveSrc(srcItms); - } - - _srcset = _this.items[index].getAttribute('data-srcset'); - _sizes = _this.items[index].getAttribute('data-sizes'); - - } - - //if (_src || _srcset || _sizes || _poster) { - - var iframe = false; - if (_this.s.dynamic) { - if (_this.s.dynamicEl[index].iframe) { - iframe = true; - } - } else { - if (_this.items[index].getAttribute('data-iframe') === 'true') { - iframe = true; - } - } - - var _isVideo = _this.isVideo(_src, index); - if (!utils.hasClass(_this.___slide[index], 'lg-loaded')) { - if (iframe) { - _this.___slide[index].insertAdjacentHTML('afterbegin', '
'); - } else if (_hasPoster) { - var videoClass = ''; - if (_isVideo && _isVideo.youtube) { - videoClass = 'lg-has-youtube'; - } else if (_isVideo && _isVideo.vimeo) { - videoClass = 'lg-has-vimeo'; - } else { - videoClass = 'lg-has-html5'; - } - - _this.___slide[index].insertAdjacentHTML('beforeend', '
'); - - } else if (_isVideo) { - _this.___slide[index].insertAdjacentHTML('beforeend', '
'); - utils.trigger(_this.el, 'hasVideo', { - index: index, - src: _src, - html: _html - }); - } else { - _alt = _alt ? 'alt="' + _alt + '"' : ''; - _this.___slide[index].insertAdjacentHTML('beforeend', '
'); - } - - utils.trigger(_this.el, 'onAferAppendSlide', { - index: index - }); - - _img = _this.___slide[index].querySelector('.lg-object'); - if (_sizes) { - _img.setAttribute('sizes', _sizes); - } - - if (_srcset) { - _img.setAttribute('srcset', _srcset); - - if (this.s.supportLegacyBrowser) { - try { - picturefill({ - elements: [_img[0]] - }); - } catch (e) { - console.warn('If you want srcset to be supported for older browsers, ' + - 'please include picturefil javascript library in your document.'); - } - } - } - - if (this.s.appendSubHtmlTo !== '.lg-sub-html') { - _this.addHtml(index); - } - - utils.addClass(_this.___slide[index], 'lg-loaded'); - } - - utils.on(_this.___slide[index].querySelector('.lg-object'), 'load.lg error.lg', function() { - - // For first time add some delay for displaying the start animation. - var _speed = 0; - - // Do not change the delay value because it is required for zoom plugin. - // If gallery opened from direct url (hash) speed value should be 0 - if (delay && !utils.hasClass(document.body, 'lg-from-hash')) { - _speed = delay; - } - - setTimeout(function() { - utils.addClass(_this.___slide[index], 'lg-complete'); - - utils.trigger(_this.el, 'onSlideItemLoad', { - index: index, - delay: delay || 0 - }); - }, _speed); - - }); - - // @todo check load state for html5 videos - if (_isVideo && _isVideo.html5 && !_hasPoster) { - utils.addClass(_this.___slide[index], 'lg-complete'); - } - - if (rec === true) { - if (!utils.hasClass(_this.___slide[index], 'lg-complete')) { - utils.on(_this.___slide[index].querySelector('.lg-object'), 'load.lg error.lg', function() { - _this.preload(index); - }); - } else { - _this.preload(index); - } - } - - //} -}; - -/** -* @desc slide function for lightgallery - ** Slide() gets call on start - ** ** Set lg.on true once slide() function gets called. - ** Call loadContent() on slide() function inside setTimeout - ** ** On first slide we do not want any animation like slide of fade - ** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading immediately - ** ** Else loadContent() should wait for the transition to complete. - ** ** So set timeout s.speed + 50 -<=> ** loadContent() will load slide content in to the particular slide - ** ** It has recursion (rec) parameter. if rec === true loadContent() will call preload() function. - ** ** preload will execute only when the previous slide is fully loaded (images iframe) - ** ** avoid simultaneous image load -<=> ** Preload() will check for s.preload value and call loadContent() again accoring to preload value - ** loadContent() <====> Preload(); - -* @param {Number} index - index of the slide -* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag -* @param {Boolean} fromThumb - true if slide function called via thumbnail click -*/ -Plugin.prototype.slide = function(index, fromTouch, fromThumb) { - - var _prevIndex = 0; - for (var i = 0; i < this.___slide.length; i++) { - if (utils.hasClass(this.___slide[i], 'lg-current')) { - _prevIndex = i; - break; - } - } - - var _this = this; - - // Prevent if multiple call - // Required for hsh plugin - if (_this.lGalleryOn && (_prevIndex === index)) { - return; - } - - var _length = this.___slide.length; - var _time = _this.lGalleryOn ? this.s.speed : 0; - var _next = false; - var _prev = false; - - if (!_this.lgBusy) { - - if (this.s.download) { - var _src; - if (_this.s.dynamic) { - _src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src); - } else { - _src = _this.items[index].getAttribute('data-download-url') !== 'false' && (_this.items[index].getAttribute('data-download-url') || _this.items[index].getAttribute('href') || _this.items[index].getAttribute('data-src')); - - } - - if (_src) { - document.getElementById('lg-download').setAttribute('href', _src); - utils.removeClass(_this.outer, 'lg-hide-download'); - } else { - utils.addClass(_this.outer, 'lg-hide-download'); - } - } - - utils.trigger(_this.el, 'onBeforeSlide', { - prevIndex: _prevIndex, - index: index, - fromTouch: fromTouch, - fromThumb: fromThumb - }); - - _this.lgBusy = true; - - clearTimeout(_this.hideBartimeout); - - // Add title if this.s.appendSubHtmlTo === lg-sub-html - if (this.s.appendSubHtmlTo === '.lg-sub-html') { - - // wait for slide animation to complete - setTimeout(function() { - _this.addHtml(index); - }, _time); - } - - this.arrowDisable(index); - - if (!fromTouch) { - - // remove all transitions - utils.addClass(_this.outer, 'lg-no-trans'); - - for (var j = 0; j < this.___slide.length; j++) { - utils.removeClass(this.___slide[j], 'lg-prev-slide'); - utils.removeClass(this.___slide[j], 'lg-next-slide'); - } - - if (index < _prevIndex) { - _prev = true; - if ((index === 0) && (_prevIndex === _length - 1) && !fromThumb) { - _prev = false; - _next = true; - } - } else if (index > _prevIndex) { - _next = true; - if ((index === _length - 1) && (_prevIndex === 0) && !fromThumb) { - _prev = true; - _next = false; - } - } - - if (_prev) { - - //prevslide - utils.addClass(this.___slide[index], 'lg-prev-slide'); - utils.addClass(this.___slide[_prevIndex], 'lg-next-slide'); - } else if (_next) { - - // next slide - utils.addClass(this.___slide[index], 'lg-next-slide'); - utils.addClass(this.___slide[_prevIndex], 'lg-prev-slide'); - } - - // give 50 ms for browser to add/remove class - setTimeout(function() { - utils.removeClass(_this.outer.querySelector('.lg-current'), 'lg-current'); - - //_this.$slide.eq(_prevIndex).removeClass('lg-current'); - utils.addClass(_this.___slide[index], 'lg-current'); - - // reset all transitions - utils.removeClass(_this.outer, 'lg-no-trans'); - }, 50); - } else { - - var touchPrev = index - 1; - var touchNext = index + 1; - - if ((index === 0) && (_prevIndex === _length - 1)) { - - // next slide - touchNext = 0; - touchPrev = _length - 1; - } else if ((index === _length - 1) && (_prevIndex === 0)) { - - // prev slide - touchNext = 0; - touchPrev = _length - 1; - } - - utils.removeClass(_this.outer.querySelector('.lg-prev-slide'), 'lg-prev-slide'); - utils.removeClass(_this.outer.querySelector('.lg-current'), 'lg-current'); - utils.removeClass(_this.outer.querySelector('.lg-next-slide'), 'lg-next-slide'); - utils.addClass(_this.___slide[touchPrev], 'lg-prev-slide'); - utils.addClass(_this.___slide[touchNext], 'lg-next-slide'); - utils.addClass(_this.___slide[index], 'lg-current'); - } - - if (_this.lGalleryOn) { - setTimeout(function() { - _this.loadContent(index, true, 0); - }, this.s.speed + 50); - - setTimeout(function() { - _this.lgBusy = false; - utils.trigger(_this.el, 'onAfterSlide', { - prevIndex: _prevIndex, - index: index, - fromTouch: fromTouch, - fromThumb: fromThumb - }); - }, this.s.speed); - - } else { - _this.loadContent(index, true, _this.s.backdropDuration); - - _this.lgBusy = false; - utils.trigger(_this.el, 'onAfterSlide', { - prevIndex: _prevIndex, - index: index, - fromTouch: fromTouch, - fromThumb: fromThumb - }); - } - - _this.lGalleryOn = true; - - if (this.s.counter) { - if (document.getElementById('lg-counter-current')) { - document.getElementById('lg-counter-current').innerHTML = index + 1; - } - } - - } - -}; - -/** - * @desc Go to next slide - * @param {Boolean} fromTouch - true if slide function called via touch event - */ -Plugin.prototype.goToNextSlide = function(fromTouch) { - var _this = this; - if (!_this.lgBusy) { - if ((_this.index + 1) < _this.___slide.length) { - _this.index++; - utils.trigger(_this.el, 'onBeforeNextSlide', { - index: _this.index - }); - _this.slide(_this.index, fromTouch, false); - } else { - if (_this.s.loop) { - _this.index = 0; - utils.trigger(_this.el, 'onBeforeNextSlide', { - index: _this.index - }); - _this.slide(_this.index, fromTouch, false); - } else if (_this.s.slideEndAnimatoin) { - utils.addClass(_this.outer, 'lg-right-end'); - setTimeout(function() { - utils.removeClass(_this.outer, 'lg-right-end'); - }, 400); - } - } - } -}; - -/** - * @desc Go to previous slide - * @param {Boolean} fromTouch - true if slide function called via touch event - */ -Plugin.prototype.goToPrevSlide = function(fromTouch) { - var _this = this; - if (!_this.lgBusy) { - if (_this.index > 0) { - _this.index--; - utils.trigger(_this.el, 'onBeforePrevSlide', { - index: _this.index, - fromTouch: fromTouch - }); - _this.slide(_this.index, fromTouch, false); - } else { - if (_this.s.loop) { - _this.index = _this.items.length - 1; - utils.trigger(_this.el, 'onBeforePrevSlide', { - index: _this.index, - fromTouch: fromTouch - }); - _this.slide(_this.index, fromTouch, false); - } else if (_this.s.slideEndAnimatoin) { - utils.addClass(_this.outer, 'lg-left-end'); - setTimeout(function() { - utils.removeClass(_this.outer, 'lg-left-end'); - }, 400); - } - } - } -}; - -Plugin.prototype.keyPress = function() { - var _this = this; - if (this.items.length > 1) { - utils.on(window, 'keyup.lg', function(e) { - if (_this.items.length > 1) { - if (e.keyCode === 37) { - e.preventDefault(); - _this.goToPrevSlide(); - } - - if (e.keyCode === 39) { - e.preventDefault(); - _this.goToNextSlide(); - } - } - }); - } - - utils.on(window, 'keydown.lg', function(e) { - if (_this.s.escKey === true && e.keyCode === 27) { - e.preventDefault(); - if (!utils.hasClass(_this.outer, 'lg-thumb-open')) { - _this.destroy(); - } else { - utils.removeClass(_this.outer, 'lg-thumb-open'); - } - } - }); -}; - -Plugin.prototype.arrow = function() { - var _this = this; - utils.on(this.outer.querySelector('.lg-prev'), 'click.lg', function() { - _this.goToPrevSlide(); - }); - - utils.on(this.outer.querySelector('.lg-next'), 'click.lg', function() { - _this.goToNextSlide(); - }); -}; - -Plugin.prototype.arrowDisable = function(index) { - - // Disable arrows if s.hideControlOnEnd is true - if (!this.s.loop && this.s.hideControlOnEnd) { - let next = this.outer.querySelector('.lg-next'); - let prev = this.outer.querySelector('.lg-prev'); - if ((index + 1) < this.___slide.length) { - next.removeAttribute('disabled'); - utils.removeClass(next, 'disabled'); - } else { - next.setAttribute('disabled', 'disabled'); - utils.addClass(next, 'disabled'); - } - - if (index > 0) { - prev.removeAttribute('disabled'); - utils.removeClass(prev, 'disabled'); - } else { - prev.setAttribute('disabled', 'disabled'); - utils.addClass(prev, 'disabled'); - } - } -}; - -Plugin.prototype.setTranslate = function(el, xValue, yValue) { - // jQuery supports Automatic CSS prefixing since jQuery 1.8.0 - if (this.s.useLeft) { - el.style.left = xValue; - } else { - utils.setVendor(el, 'Transform', 'translate3d(' + (xValue) + 'px, ' + yValue + 'px, 0px)'); - } -}; - -Plugin.prototype.touchMove = function(startCoords, endCoords) { - - var distance = endCoords - startCoords; - - if (Math.abs(distance) > 15) { - // reset opacity and transition duration - utils.addClass(this.outer, 'lg-dragging'); - - // move current slide - this.setTranslate(this.___slide[this.index], distance, 0); - - // move next and prev slide with current slide - this.setTranslate(document.querySelector('.lg-prev-slide'), -this.___slide[this.index].clientWidth + distance, 0); - this.setTranslate(document.querySelector('.lg-next-slide'), this.___slide[this.index].clientWidth + distance, 0); - } -}; - -Plugin.prototype.touchEnd = function(distance) { - var _this = this; - - // keep slide animation for any mode while dragg/swipe - if (_this.s.mode !== 'lg-slide') { - utils.addClass(_this.outer, 'lg-slide'); - } - - for (var i = 0; i < this.___slide.length; i++) { - if (!utils.hasClass(this.___slide[i], 'lg-current') && !utils.hasClass(this.___slide[i], 'lg-prev-slide') && !utils.hasClass(this.___slide[i], 'lg-next-slide')) { - this.___slide[i].style.opacity = '0'; - } - } - - // set transition duration - setTimeout(function() { - utils.removeClass(_this.outer, 'lg-dragging'); - if ((distance < 0) && (Math.abs(distance) > _this.s.swipeThreshold)) { - _this.goToNextSlide(true); - } else if ((distance > 0) && (Math.abs(distance) > _this.s.swipeThreshold)) { - _this.goToPrevSlide(true); - } else if (Math.abs(distance) < 5) { - - // Trigger click if distance is less than 5 pix - utils.trigger(_this.el, 'onSlideClick'); - } - - for (var i = 0; i < _this.___slide.length; i++) { - _this.___slide[i].removeAttribute('style'); - } - }); - - // remove slide class once drag/swipe is completed if mode is not slide - setTimeout(function() { - if (!utils.hasClass(_this.outer, 'lg-dragging') && _this.s.mode !== 'lg-slide') { - utils.removeClass(_this.outer, 'lg-slide'); - } - }, _this.s.speed + 100); - -}; - -Plugin.prototype.enableSwipe = function() { - var _this = this; - var startCoords = 0; - var endCoords = 0; - var isMoved = false; - - if (_this.s.enableSwipe && _this.isTouch && _this.doCss()) { - - for (var i = 0; i < _this.___slide.length; i++) { - /*jshint loopfunc: true */ - utils.on(_this.___slide[i], 'touchstart.lg', function(e) { - if (!utils.hasClass(_this.outer, 'lg-zoomed') && !_this.lgBusy) { - e.preventDefault(); - _this.manageSwipeClass(); - startCoords = e.targetTouches[0].pageX; - } - }); - } - - for (var j = 0; j < _this.___slide.length; j++) { - /*jshint loopfunc: true */ - utils.on(_this.___slide[j], 'touchmove.lg', function(e) { - if (!utils.hasClass(_this.outer, 'lg-zoomed')) { - e.preventDefault(); - endCoords = e.targetTouches[0].pageX; - _this.touchMove(startCoords, endCoords); - isMoved = true; - } - }); - } - - for (var k = 0; k < _this.___slide.length; k++) { - /*jshint loopfunc: true */ - utils.on(_this.___slide[k], 'touchend.lg', function() { - if (!utils.hasClass(_this.outer, 'lg-zoomed')) { - if (isMoved) { - isMoved = false; - _this.touchEnd(endCoords - startCoords); - } else { - utils.trigger(_this.el, 'onSlideClick'); - } - } - }); - } - } - -}; - -Plugin.prototype.enableDrag = function() { - var _this = this; - var startCoords = 0; - var endCoords = 0; - var isDraging = false; - var isMoved = false; - if (_this.s.enableDrag && !_this.isTouch && _this.doCss()) { - for (var i = 0; i < _this.___slide.length; i++) { - /*jshint loopfunc: true */ - utils.on(_this.___slide[i], 'mousedown.lg', function(e) { - // execute only on .lg-object - if (!utils.hasClass(_this.outer, 'lg-zoomed')) { - if (utils.hasClass(e.target, 'lg-object') || utils.hasClass(e.target, 'lg-video-play')) { - e.preventDefault(); - - if (!_this.lgBusy) { - _this.manageSwipeClass(); - startCoords = e.pageX; - isDraging = true; - - // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 - _this.outer.scrollLeft += 1; - _this.outer.scrollLeft -= 1; - - // * - - utils.removeClass(_this.outer, 'lg-grab'); - utils.addClass(_this.outer, 'lg-grabbing'); - - utils.trigger(_this.el, 'onDragstart'); - } - - } - } - }); - } - - utils.on(window, 'mousemove.lg', function(e) { - if (isDraging) { - isMoved = true; - endCoords = e.pageX; - _this.touchMove(startCoords, endCoords); - utils.trigger(_this.el, 'onDragmove'); - } - }); - - utils.on(window, 'mouseup.lg', function(e) { - if (isMoved) { - isMoved = false; - _this.touchEnd(endCoords - startCoords); - utils.trigger(_this.el, 'onDragend'); - } else if (utils.hasClass(e.target, 'lg-object') || utils.hasClass(e.target, 'lg-video-play')) { - utils.trigger(_this.el, 'onSlideClick'); - } - - // Prevent execution on click - if (isDraging) { - isDraging = false; - utils.removeClass(_this.outer, 'lg-grabbing'); - utils.addClass(_this.outer, 'lg-grab'); - } - }); - - } -}; - -Plugin.prototype.manageSwipeClass = function() { - var touchNext = this.index + 1; - var touchPrev = this.index - 1; - var length = this.___slide.length; - if (this.s.loop) { - if (this.index === 0) { - touchPrev = length - 1; - } else if (this.index === length - 1) { - touchNext = 0; - } - } - - for (var i = 0; i < this.___slide.length; i++) { - utils.removeClass(this.___slide[i], 'lg-next-slide'); - utils.removeClass(this.___slide[i], 'lg-prev-slide'); - } - - if (touchPrev > -1) { - utils.addClass(this.___slide[touchPrev], 'lg-prev-slide'); - } - - utils.addClass(this.___slide[touchNext], 'lg-next-slide'); -}; - -Plugin.prototype.mousewheel = function() { - var _this = this; - utils.on(_this.outer, 'mousewheel.lg', function(e) { - - if (!e.deltaY) { - return; - } - - if (e.deltaY > 0) { - _this.goToPrevSlide(); - } else { - _this.goToNextSlide(); - } - - e.preventDefault(); - }); - -}; - -Plugin.prototype.closeGallery = function() { - - var _this = this; - var mousedown = false; - utils.on(this.outer.querySelector('.lg-close'), 'click.lg', function() { - _this.destroy(); - }); - - if (_this.s.closable) { - - // If you drag the slide and release outside gallery gets close on chrome - // for preventing this check mousedown and mouseup happened on .lg-item or lg-outer - utils.on(_this.outer, 'mousedown.lg', function(e) { - - if (utils.hasClass(e.target, 'lg-outer') || utils.hasClass(e.target, 'lg-item') || utils.hasClass(e.target, 'lg-img-wrap')) { - mousedown = true; - } else { - mousedown = false; - } - - }); - - utils.on(_this.outer, 'mouseup.lg', function(e) { - - if (utils.hasClass(e.target, 'lg-outer') || utils.hasClass(e.target, 'lg-item') || utils.hasClass(e.target, 'lg-img-wrap') && mousedown) { - if (!utils.hasClass(_this.outer, 'lg-dragging')) { - _this.destroy(); - } - } - - }); - - } - -}; - -Plugin.prototype.destroy = function(d) { - - var _this = this; - - if (!d) { - utils.trigger(_this.el, 'onBeforeClose'); - } - - document.body.scrollTop = _this.prevScrollTop; - document.documentElement.scrollTop = _this.prevScrollTop; - - /** - * if d is false or undefined destroy will only close the gallery - * plugins instance remains with the element - * - * if d is true destroy will completely remove the plugin - */ - - if (d) { - if (!_this.s.dynamic) { - // only when not using dynamic mode is $items a jquery collection - - for (var i = 0; i < this.items.length; i++) { - utils.off(this.items[i], '.lg'); - utils.off(this.items[i], '.lgcustom'); - } - } - - let lguid = _this.el.getAttribute('lg-uid'); - delete window.lgData[lguid]; - _this.el.removeAttribute('lg-uid'); - } - - // Unbind all events added by lightGallery - utils.off(this.el, '.lgtm'); - - // Distroy all lightGallery modules - for (var key in window.lgModules) { - if (_this.modules[key]) { - _this.modules[key].destroy(d); - } - } - - this.lGalleryOn = false; - - clearTimeout(_this.hideBartimeout); - this.hideBartimeout = false; - utils.off(window, '.lg'); - utils.removeClass(document.body, 'lg-on'); - utils.removeClass(document.body, 'lg-from-hash'); - - if (_this.outer) { - utils.removeClass(_this.outer, 'lg-visible'); - } - - utils.removeClass(document.querySelector('.lg-backdrop'), 'in'); - setTimeout(function() { - try { - if (_this.outer) { - _this.outer.parentNode.removeChild(_this.outer); - } - - if (document.querySelector('.lg-backdrop')) { - document.querySelector('.lg-backdrop').parentNode.removeChild(document.querySelector('.lg-backdrop')); - } - - if (!d) { - utils.trigger(_this.el, 'onCloseAfter'); - } - _this.el.focus(); - } catch (err) {} - - }, _this.s.backdropDuration + 50); -}; - -window.lightGallery = function(el, options) { - if (!el) { - return; - } - - try { - if (!el.getAttribute('lg-uid')) { - let uid = 'lg' + window.lgData.uid++; - window.lgData[uid] = new Plugin(el, options); - el.setAttribute('lg-uid', uid); - } else { - window.lgData[el.getAttribute('lg-uid')].init(); - } - } catch (err) { - console.error('lightGallery has not initiated properly', err); - } -}; diff --git a/templates/app.html b/templates/app.html deleted file mode 100644 index c0d5321..0000000 --- a/templates/app.html +++ /dev/null @@ -1,178 +0,0 @@ - - - - - - - - - -

Local data

- -
-
- -
- -
- - - - - \ No newline at end of file diff --git a/templates/app2.html b/templates/app2.html deleted file mode 100644 index 740dc6d..0000000 --- a/templates/app2.html +++ /dev/null @@ -1,124 +0,0 @@ - - - - - - - - - - - - -
- -
- - - - \ No newline at end of file