From d570eb01033248ceaa7740fe959d05c14c62dfa0 Mon Sep 17 00:00:00 2001 From: Hell13Cat <46496367+Hell13Cat@users.noreply.github.com> Date: Sun, 19 Mar 2023 04:12:49 +0300 Subject: [PATCH] [Server] build 0011 Clear data --- static/fonts/lg.svg | 51 -- static/fonts/lg.ttf | Bin 4432 -> 0 bytes static/fonts/lg.woff | Bin 4508 -> 0 bytes static/sass/lg-animations.scss | 714 --------------------------- static/sass/lg-autoplay.scss | 36 -- static/sass/lg-fb-comment-box.scss | 46 -- static/sass/lg-fonts.scss | 26 - static/sass/lg-fullscreen.scss | 9 - static/sass/lg-mixins.scss | 330 ------------- static/sass/lg-pager.scss | 89 ---- static/sass/lg-rotate.scss | 38 -- static/sass/lg-share.scss | 135 ----- static/sass/lg-theme-default.scss | 212 -------- static/sass/lg-thumbnail.scss | 113 ----- static/sass/lg-transitions.scss | 766 ----------------------------- static/sass/lg-variables.scss | 57 --- static/sass/lg-video.scss | 103 ---- static/sass/lg-zoom.scss | 69 --- static/sass/lightgallery.scss | 293 ----------- 19 files changed, 3087 deletions(-) delete mode 100644 static/fonts/lg.svg delete mode 100644 static/fonts/lg.ttf delete mode 100644 static/fonts/lg.woff delete mode 100644 static/sass/lg-animations.scss delete mode 100644 static/sass/lg-autoplay.scss delete mode 100644 static/sass/lg-fb-comment-box.scss delete mode 100644 static/sass/lg-fonts.scss delete mode 100644 static/sass/lg-fullscreen.scss delete mode 100644 static/sass/lg-mixins.scss delete mode 100644 static/sass/lg-pager.scss delete mode 100644 static/sass/lg-rotate.scss delete mode 100644 static/sass/lg-share.scss delete mode 100644 static/sass/lg-theme-default.scss delete mode 100644 static/sass/lg-thumbnail.scss delete mode 100644 static/sass/lg-transitions.scss delete mode 100644 static/sass/lg-variables.scss delete mode 100644 static/sass/lg-video.scss delete mode 100644 static/sass/lg-zoom.scss delete mode 100644 static/sass/lightgallery.scss diff --git a/static/fonts/lg.svg b/static/fonts/lg.svg deleted file mode 100644 index 6fffe1b..0000000 --- a/static/fonts/lg.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - -{ - "fontFamily": "lg", - "majorVersion": 1, - "minorVersion": 0, - "fontURL": "https://github.com/sachinchoolur/lightGallery", - "copyright": "sachin", - "license": "MLT", - "licenseURL": "http://opensource.org/licenses/MIT", - "description": "Font generated by IcoMoon.", - "version": "Version 1.0", - "fontId": "lg", - "psName": "lg", - "subFamily": "Regular", - "fullName": "lg" -} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/static/fonts/lg.ttf b/static/fonts/lg.ttf deleted file mode 100644 index 213afec149c3c88e37964274e65b42918bc9ac1c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4432 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 2 { - @for $i from 2 through $length { - $prop-opts: append($prop-opts, nth($declaration, $i)); - } - } - $trans: $prop, $prop-opts; - $transitions: append($transitions, $trans, comma); - } - -webkit-transition: trans-prefix($transitions, webkit); - -moz-transition: trans-prefix($transitions, moz); - -o-transition: trans-prefix($transitions, o); - transition: $values; -} - -// User select -// For selecting text on the page - -@mixin user-select($select) { - -webkit-user-select: $select; - -moz-user-select: $select; - -ms-user-select: $select; // IE10+ - user-select: $select; -} - -// mouse grab - -@mixin grab-cursor { - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: -o-grab; - cursor: -ms-grab; - cursor: grab; -} - -@mixin grabbing-cursor { - cursor: move; - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - cursor: -o-grabbing; - cursor: -ms-grabbing; - cursor: grabbing; -} diff --git a/static/sass/lg-pager.scss b/static/sass/lg-pager.scss deleted file mode 100644 index f730a8a..0000000 --- a/static/sass/lg-pager.scss +++ /dev/null @@ -1,89 +0,0 @@ -.lg-outer { - .lg-pager-outer { - bottom: 60px; - left: 0; - position: absolute; - right: 0; - text-align: center; - z-index: $zindex-pager; - height: 10px; - - &.lg-pager-hover { - .lg-pager-cont { - overflow: visible; - } - } - } - - .lg-pager-cont { - cursor: pointer; - display: inline-block; - overflow: hidden; - position: relative; - vertical-align: top; - margin: 0 5px; - - &:hover { - .lg-pager-thumb-cont { - opacity: 1; - @include translate3d(0, 0, 0); - } - } - - &.lg-pager-active { - .lg-pager { - box-shadow: 0 0 0 2px white inset; - } - } - } - - .lg-pager-thumb-cont { - background-color: #fff; - color: #FFF; - bottom: 100%; - height: 83px; - left: 0; - margin-bottom: 20px; - margin-left: -60px; - opacity: 0; - padding: 5px; - position: absolute; - width: 120px; - border-radius: 3px; - @include transitionCustom(opacity 0.15s ease 0s, transform 0.15s ease 0s); - @include translate3d(0, 5px, 0); - - img { - width: 100%; - height: 100%; - } - } - - .lg-pager { - background-color: rgba(255, 255, 255, 0.5); - border-radius: 50%; - box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; - display: block; - height: 12px; - @include transition(box-shadow 0.3s ease 0s); - width: 12px; - - &:hover, &:focus { - box-shadow: 0 0 0 8px white inset; - } - } - - .lg-caret { - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px dashed; - bottom: -10px; - display: inline-block; - height: 0; - left: 50%; - margin-left: -5px; - position: absolute; - vertical-align: middle; - width: 0; - } -} \ No newline at end of file diff --git a/static/sass/lg-rotate.scss b/static/sass/lg-rotate.scss deleted file mode 100644 index 451b6b4..0000000 --- a/static/sass/lg-rotate.scss +++ /dev/null @@ -1,38 +0,0 @@ -@import "lg-variables"; -@import "lg-mixins"; -.lg-outer { - .lg-img-rotate { - position: absolute; - padding: 0 5px; - left: 0; - right: 0; - top: 0; - bottom: 0; - @include transitionCustom(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-flip-ver { - font-size: 26px; - } -} -.lg-flip-hor { - &:after { - content: "\e902"; - } -} -.lg-flip-ver { - &:after { - content: "\e903"; - } -} \ No newline at end of file diff --git a/static/sass/lg-share.scss b/static/sass/lg-share.scss deleted file mode 100644 index d0451cb..0000000 --- a/static/sass/lg-share.scss +++ /dev/null @@ -1,135 +0,0 @@ -@import "lg-variables"; -@import "lg-mixins"; -.lg-outer { - - #lg-dropdown-overlay { - background-color: rgba(0, 0, 0, 0.25); - bottom: 0; - cursor: default; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: $zindex-toolbar - 1; - opacity: 0; - visibility: hidden; - @include transition(visibility 0s linear 0.18s, opacity 0.18s linear 0s); - } - &.lg-dropdown-active{ - .lg-dropdown, #lg-dropdown-overlay { - @include transition-delay(0s); - @include transform(translate3d(0, 0px, 0)); - opacity: 1; - visibility: visible; - } - #lg-share { - color: #FFF; - } - } - .lg-dropdown { - background-color: #fff; - border-radius: 2px; - font-size: 14px; - list-style-type: none; - margin: 0; - padding: 10px 0; - position: absolute; - right: 0; - text-align: left; - top: 50px; - opacity: 0; - visibility: hidden; - @include transform(translate3d(0, 5px, 0)); - @include transitionCustom(transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s); - - &:after { - content: ""; - display: block; - height: 0; - width: 0; - position: absolute; - border: 8px solid transparent; - border-bottom-color: #FFF; - right: 16px; - top: -16px - } - > li { - &:last-child { - margin-bottom: 0px; - } - &:hover { - a, .lg-icon { - color: #333; - } - } - } - a { - color: #333; - display: block; - white-space: pre; - padding: 4px 12px; - font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; - font-size: 12px; - &:hover { - background-color: rgba(0, 0, 0, 0.07); - } - - } - .lg-dropdown-text { - display: inline-block; - line-height: 1; - margin-top: -3px; - vertical-align: middle; - } - .lg-icon { - color: #333; - display: inline-block; - float: none; - font-size: 20px; - height: auto; - line-height: 1; - margin-right: 8px; - padding: 0; - vertical-align: middle; - width: auto; - } - } - #lg-share { - position: relative; - &:after { - content: "\e80d"; - } - } - #lg-share-facebook { - .lg-icon{ - color: #3b5998; - &:after { - content: "\e904"; - } - } - } - #lg-share-twitter { - .lg-icon{ - color: #00aced; - &:after { - content: "\e907"; - } - } - } - #lg-share-googleplus { - .lg-icon{ - color: #dd4b39; - &:after { - content: "\e905"; - } - } - } - #lg-share-pinterest { - .lg-icon{ - color: #cb2027; - &:after { - content: "\e906"; - } - } - } -} \ No newline at end of file diff --git a/static/sass/lg-theme-default.scss b/static/sass/lg-theme-default.scss deleted file mode 100644 index 2c6e6a8..0000000 --- a/static/sass/lg-theme-default.scss +++ /dev/null @@ -1,212 +0,0 @@ -// default theme -.lg-actions { - .lg-next, .lg-prev { - background-color: $lg-next-prev-bg; - border-radius: $lg-border-radius-base; - color: $lg-next-prev-color; - cursor: pointer; - display: block; - font-size: 22px; - margin-top: -10px; - padding: 8px 10px 9px; - position: absolute; - top: 50%; - z-index: $zindex-controls; - outline: none; - border: none; - background-color: transparent; - - &.disabled { - pointer-events: none; - opacity: 0.5; - } - - &:hover { - color: $lg-next-prev-hover-color; - } - } - - .lg-next { - right: 20px; - - &:before { - content: "\e095"; - } - } - - .lg-prev { - left: 20px; - - &:after { - content: "\e094"; - } - } -} - -@include keyframes(lg-right-end) { - 0% { - left: 0; - } - - 50% { - left: -30px; - } - - 100% { - left: 0; - } -} - - -@include keyframes(lg-left-end) { - 0% { - left: 0; - } - - 50% { - left: 30px; - } - - 100% { - left: 0; - } -} - - -.lg-outer { - &.lg-right-end { - .lg-object { - @include animation(lg-right-end 0.3s); - position: relative; - } - } - - &.lg-left-end { - .lg-object { - @include animation(lg-left-end 0.3s); - position: relative; - } - } -} - -// lg toolbar -.lg-toolbar { - z-index: $zindex-toolbar; - left: 0; - position: absolute; - top: 0; - width: 100%; - background-color: $lg-toolbar-bg; - - .lg-icon { - color: $lg-toolbar-icon-color; - cursor: pointer; - float: right; - font-size: 24px; - height: 47px; - line-height: 27px; - padding: 10px 0; - text-align: center; - width: 50px; - text-decoration: none !important; - outline: medium none; - background: none; - border: none; - box-shadow: none; - @include transition(color 0.2s linear); - - &:hover { - color: $lg-toolbar-icon-hover-color; - } - } - - .lg-close { - &:after { - content: "\e070"; - } - } - - .lg-download { - &:after { - content: "\e0f2"; - } - } -} - -// lightGallery title -.lg-sub-html { - background-color: $lg-sub-html-bg; - bottom: 0; - color: $lg-sub-html-color; - font-size: 16px; - left: 0; - padding: 10px 40px; - position: fixed; - right: 0; - text-align: center; - z-index: $zindex-subhtml; - - h4 { - margin: 0; - font-size: 13px; - font-weight: bold; - } - - p { - font-size: 12px; - margin: 5px 0 0; - } -} - -// lg image counter -#lg-counter { - color: $lg-icon-color; - display: inline-block; - font-size: $lg-counter-font-size; - padding-left: 20px; - padding-top: 12px; - vertical-align: middle; -} - -// for idle state -.lg-toolbar, .lg-prev, .lg-next { - opacity: 1; - @include transitionCustom(transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear); -} - -.lg-hide-items { - .lg-prev { - opacity: 0; - @include translate3d(-10px, 0, 0); - } - - .lg-next { - opacity: 0; - @include translate3d(10px, 0, 0); - } - - .lg-toolbar { - opacity: 0; - @include translate3d(0, -10px, 0); - } -} - -// Starting effect -body:not(.lg-from-hash){ - .lg-outer { - &.lg-start-zoom{ - .lg-object{ - @include scale3d(0.5, 0.5, 0.5); - opacity: 0; - @include transitionCustom(transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important); - @include transform-origin(50% 50%); - } - .lg-item.lg-complete{ - .lg-object{ - @include scale3d(1, 1, 1); - opacity: 1; - } - } - } - } -} \ No newline at end of file diff --git a/static/sass/lg-thumbnail.scss b/static/sass/lg-thumbnail.scss deleted file mode 100644 index 362b5e4..0000000 --- a/static/sass/lg-thumbnail.scss +++ /dev/null @@ -1,113 +0,0 @@ -.lg-outer { - .lg-thumb-outer { - background-color: $lg-thumb-bg; - bottom: 0; - position: absolute; - width: 100%; - z-index: $zindex-thumbnail; - max-height: 350px; - @include translate3d(0, 100%, 0); - @include transitionCustom(transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s); - - &.lg-grab { - .lg-thumb-item { - @include grab-cursor; - } - } - - &.lg-grabbing { - .lg-thumb-item { - @include grabbing-cursor; - } - } - - &.lg-dragging { - .lg-thumb { - @include transition-duration(0s !important); - } - } - } - &.lg-thumb-open{ - .lg-thumb-outer { - @include translate3d(0, 0%, 0); - } - } - - .lg-thumb { - padding: 10px 0; - height: 100%; - margin-bottom: -5px; - } - - .lg-thumb-item { - border-radius: 5px; - cursor: pointer; - float: left; - overflow: hidden; - height: 100%; - border: 2px solid #FFF; - border-radius: 4px; - margin-bottom: 5px; - @media (min-width: 1025px) { - @include transition(border-color 0.25s ease); - } - - &.active, &:hover { - border-color: $lg-theme-highlight; - } - - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } - - &.lg-has-thumb { - .lg-item { - padding-bottom: 120px; - } - } - - &.lg-can-toggle { - .lg-item { - padding-bottom: 0; - } - } - &.lg-pull-caption-up{ - .lg-sub-html { - @include transition(bottom 0.25s ease); - } - &.lg-thumb-open{ - .lg-sub-html { - bottom: 100px; - } - } - } - - .lg-toggle-thumb { - background-color: $lg-thumb-toggle-bg; - border-radius: $lg-border-radius-base $lg-border-radius-base 0 0; - color: $lg-thumb-toggle-color; - cursor: pointer; - font-size: 24px; - height: 39px; - line-height: 27px; - padding: 5px 0; - position: absolute; - right: 20px; - text-align: center; - top: -39px; - width: 50px; - outline: medium none; - border: none; - - &:after { - content: "\e1ff"; - } - - &:hover { - color: $lg-thumb-toggle-hover-color; - } - } -} \ No newline at end of file diff --git a/static/sass/lg-transitions.scss b/static/sass/lg-transitions.scss deleted file mode 100644 index c352668..0000000 --- a/static/sass/lg-transitions.scss +++ /dev/null @@ -1,766 +0,0 @@ -@import "lg-variables"; -@import "lg-mixins"; - -.lg-css3 { - &.lg-zoom-in { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(1.3, 1.3, 1.3); - } - - &.lg-next-slide { - @include scale3d(1.3, 1.3, 1.3); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-zoom-in-big { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(2, 2, 2); - } - - &.lg-next-slide { - @include scale3d(2, 2, 2); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-zoom-out { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(0.7, 0.7, 0.7); - } - - &.lg-next-slide { - @include scale3d(0.7, 0.7, 0.7); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - &.lg-zoom-out-big { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(0, 0, 0); - } - - &.lg-next-slide { - @include scale3d(0, 0, 0); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-zoom-out-in { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(0, 0, 0); - } - - &.lg-next-slide { - @include scale3d(2, 2, 2); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-zoom-in-out { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(2, 2, 2); - } - - &.lg-next-slide { - @include scale3d(0, 0, 0); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-soft-zoom { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include scale3d(1.1, 1.1, 1.1); - } - - &.lg-next-slide { - @include scale3d(0.9, 0.9, 0.9); - } - - &.lg-current { - @include scale3d(1, 1, 1); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-scale-up { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-slide-circular { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(-100%, 0, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(100%, 0, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - // sec - &.lg-slide-circular-up { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - // sec - &.lg-slide-circular-down { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-slide-circular-vertical { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(0, -100%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(0, 100%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - // sec - &.lg-slide-circular-vertical-left { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(-100%, -100%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(-100%, 100%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - // sec - &.lg-slide-circular-vertical-down { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0, 0, 0) translate3d(100%, -100%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0, 0, 0) translate3d(100%, 100%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s); - } - } - } - - &.lg-slide-vertical { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include translate3d(0, -100%, 0); - } - - &.lg-next-slide { - @include translate3d(0, 100%, 0); - } - - &.lg-current { - @include translate3d(0, 0, 0); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-vertical-growth { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-only { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(10deg, 0deg)); - } - - &.lg-next-slide { - @include transform(skew(10deg, 0deg)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-only-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(-10deg, 0deg)); - } - - &.lg-next-slide { - @include transform(skew(-10deg, 0deg)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-only-y { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, 10deg)); - } - - &.lg-next-slide { - @include transform(skew(0deg, 10deg)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-only-y-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, -10deg)); - } - - &.lg-next-slide { - @include transform(skew(0deg, -10deg)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(20deg, 0deg) translate3d(-100%, 0%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(20deg, 0deg) translate3d(100%, 0%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(-20deg, 0deg) translate3d(-100%, 0%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(-20deg, 0deg) translate3d(100%, 0%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-cross { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, 60deg) translate3d(-100%, 0%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(0deg, 60deg) translate3d(100%, 0%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-cross-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, -60deg) translate3d(-100%, 0%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(0deg, -60deg) translate3d(100%, 0%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-ver { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(60deg, 0deg) translate3d(0, -100%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(60deg, 0deg) translate3d(0, 100%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-ver-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(-60deg, 0deg) translate3d(0, -100%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(-60deg, 0deg) translate3d(0, 100%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-ver-cross { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, 20deg) translate3d(0, -100%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(0deg, 20deg) translate3d(0, 100%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-slide-skew-ver-cross-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(skew(0deg, -20deg) translate3d(0, -100%, 0px)); - } - - &.lg-next-slide { - @include transform(skew(0deg, -20deg) translate3d(0, 100%, 0px)); - } - - &.lg-current { - @include transform(skew(0deg, 0deg) translate3d(0%, 0%, 0px)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-lollipop { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include translate3d(-100%, 0, 0); - } - - &.lg-next-slide { - @include transform(translate3d(0, 0, 0) scale(0.5)); - } - - &.lg-current { - @include translate3d(0, 0, 0); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-lollipop-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(translate3d(0, 0, 0) scale(0.5)); - } - - &.lg-next-slide { - @include translate3d(100%, 0, 0); - } - - &.lg-current { - @include translate3d(0, 0, 0); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-rotate { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(rotate(-360deg)); - } - - &.lg-next-slide { - @include transform(rotate(360deg)); - } - - &.lg-current { - @include transform(rotate(0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-rotate-rev { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(rotate(360deg)); - } - - &.lg-next-slide { - @include transform(rotate(-360deg)); - } - - &.lg-current { - @include transform(rotate(0deg)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-tube { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include transform(scale3d(1, 0, 1) translate3d(-100%, 0, 0)); - } - - &.lg-next-slide { - @include transform(scale3d(1, 0, 1) translate3d(100%, 0, 0)); - } - - &.lg-current { - @include transform(scale3d(1, 1, 1) translate3d(0, 0, 0)); - opacity: 1; - } - - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } -} \ No newline at end of file diff --git a/static/sass/lg-variables.scss b/static/sass/lg-variables.scss deleted file mode 100644 index 60046b9..0000000 --- a/static/sass/lg-variables.scss +++ /dev/null @@ -1,57 +0,0 @@ -$backdrop-opacity: 1 !default; -$lg-toolbar-bg: rgba(0, 0, 0, 0.45) !default; -$lg-border-radius-base: 2px !default; -$lg-theme-highlight: rgb(169, 7, 7) !default; -$lg-theme: #0D0A0A !default; - -// basic icon colours -$lg-icon-bg: rgba(0, 0, 0, 0.45) !default; -$lg-icon-color: #999 !default; -$lg-icon-hover-color: #FFF !default; - -// counter -$lg-counter-color: #e6e6e6 !default; -$lg-counter-font-size: 16px !default; - -// Next prev icons -$lg-next-prev-bg: $lg-icon-bg !default; -$lg-next-prev-color: $lg-icon-color !default; -$lg-next-prev-hover-color: $lg-icon-hover-color !default; - -// toolbar icons -$lg-toolbar-icon-color: $lg-icon-color !default; -$lg-toolbar-icon-hover-color: $lg-icon-hover-color !default; - -// autoplay progress bar -$lg-progress-bar-bg: #333 !default; -$lg-progress-bar-active-bg: $lg-theme-highlight !default; -$lg-progress-bar-height: 5px !default; - -// paths -$lg-path-fonts: '../fonts'!default; -$lg-path-images: '../img'!default; - -// Zoom plugin -$zoom-transition-duration: 0.3s !default; - -// Sub html - titile -$lg-sub-html-bg: rgba(0, 0, 0, 0.45) !default; -$lg-sub-html-color: #EEE !default; - -// thumbnail toggle button -$lg-thumb-toggle-bg: #0D0A0A !default; -$lg-thumb-toggle-color: $lg-icon-color !default; -$lg-thumb-toggle-hover-color: $lg-icon-hover-color !default; -$lg-thumb-bg: #0D0A0A !default; - -// z-index -$zindex-outer: 1050 !default; -$zindex-progressbar: 1083 !default; -$zindex-controls: 1080 !default; -$zindex-toolbar: 1082 !default; -$zindex-subhtml: 1080 !default; -$zindex-thumbnail: 1080 !default; -$zindex-pager: 1080 !default; -$zindex-playbutton: 1080 !default; -$zindex-item: 1060 !default; -$zindex-backdrop: 1040 !default; diff --git a/static/sass/lg-video.scss b/static/sass/lg-video.scss deleted file mode 100644 index 863abc0..0000000 --- a/static/sass/lg-video.scss +++ /dev/null @@ -1,103 +0,0 @@ -.lg-outer { - .lg-video-cont { - display: inline-block; - vertical-align: middle; - max-width: 1140px; - max-height: 100%; - width: 100%; - padding: 0 5px; - } - - .lg-video { - width: 100%; - height: 0; - padding-bottom: 56.25%; - overflow: hidden; - position: relative; - - .lg-object { - display: inline-block; - position: absolute; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - } - - .lg-video-play { - width: 84px; - height: 59px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -42px; - margin-top: -30px; - z-index: $zindex-playbutton; - cursor: pointer; - } - } - - .lg-has-vimeo{ - .lg-video-play{ - background: url("#{$lg-path-images}/vimeo-play.png") no-repeat scroll 0 0 transparent; - } - &:hover{ - .lg-video-play{ - background: url("#{$lg-path-images}/vimeo-play.png") no-repeat scroll 0 -58px transparent; - } - - } - } - - .lg-has-html5{ - .lg-video-play{ - background: transparent url("#{$lg-path-images}/video-play.png") no-repeat scroll 0 0; - height: 64px; - margin-left: -32px; - margin-top: -32px; - width: 64px; - opacity: 0.8; - } - &:hover{ - .lg-video-play{ - opacity: 1 - } - - } - } - - .lg-has-youtube{ - .lg-video-play{ - background: url("#{$lg-path-images}/youtube-play.png") no-repeat scroll 0 0 transparent; - } - &:hover{ - .lg-video-play{ - background: url("#{$lg-path-images}/youtube-play.png") no-repeat scroll 0 -60px transparent; - } - - } - } - .lg-video-object { - width: 100% !important; - height: 100% !important; - position: absolute; - top: 0; - left: 0; - } - - .lg-has-video { - .lg-video-object { - visibility: hidden; - } - - &.lg-video-playing { - .lg-object, .lg-video-play { - display: none; - } - - .lg-video-object { - visibility: visible; - } - } - } -} \ No newline at end of file diff --git a/static/sass/lg-zoom.scss b/static/sass/lg-zoom.scss deleted file mode 100644 index 42fb32f..0000000 --- a/static/sass/lg-zoom.scss +++ /dev/null @@ -1,69 +0,0 @@ -.lg-outer { - // reset transition duration - &.lg-css3.lg-zoom-dragging { - .lg-item.lg-complete.lg-zoomable { - .lg-img-wrap, .lg-image { - @include transition-duration(0s); - } - } - } - &.lg-use-transition-for-zoom { - .lg-item.lg-complete.lg-zoomable { - .lg-img-wrap { - @include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s); - } - } - } - &.lg-use-left-for-zoom { - .lg-item.lg-complete.lg-zoomable { - .lg-img-wrap { - @include transitionCustom(left $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, top $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s); - } - } - } - - .lg-item.lg-complete.lg-zoomable{ - - .lg-img-wrap { - @include translate3d(0, 0, 0); - @include backface-visibility(hidden); - } - - .lg-image { - // Translate required for zoom - @include scale3d(1, 1, 1); - @include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important); - @include transform-origin(0 0); - @include backface-visibility(hidden); - } - } - -} - -// zoom buttons -#lg-zoom-in { - &:after { - content: "\e311"; - } -} - -#lg-actual-size { - font-size: 20px; - &:after { - content: "\e033"; - } -} - -#lg-zoom-out { - opacity: 0.5; - pointer-events: none; - - &:after { - content: "\e312"; - } - - .lg-zoomed & { - opacity: 1; - pointer-events: auto; - } -} \ No newline at end of file diff --git a/static/sass/lightgallery.scss b/static/sass/lightgallery.scss deleted file mode 100644 index edcb96e..0000000 --- a/static/sass/lightgallery.scss +++ /dev/null @@ -1,293 +0,0 @@ -// Core variables and mixins -@import "lg-variables"; -@import "lg-mixins"; -@import "lg-fonts"; -@import "lg-theme-default"; -@import "lg-thumbnail"; -@import "lg-video"; -@import "lg-autoplay"; -@import "lg-zoom"; -@import "lg-pager"; -@import "lg-fullscreen"; -@import "lg-share"; -@import "lg-rotate"; - -// Clearfix -.lg-group { - *zoom: 1; -} - -.lg-group:before, .lg-group:after { - display: table; - content: ""; - line-height: 0; -} - -.lg-group:after { - clear: both; -} - -// lightgallery core -.lg-outer { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - z-index: $zindex-outer; - opacity: 0; - outline: none; - // For start/end transition - @include transition(opacity 0.15s ease 0s); - - * { - @include box-sizing(border-box); - } - - &.lg-visible { - opacity: 1; - } - - // Set transition speed and timing function - &.lg-css3 { - .lg-item { - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transition-duration(inherit !important); - @include transition-timing-function(inherit !important); - } - } - } - - // Remove transition while dragging - &.lg-css3.lg-dragging { - .lg-item { - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transition-duration(0s !important); - opacity: 1; - } - } - } - - // Set cursor grab while dragging - &.lg-grab { - img.lg-object { - @include grab-cursor; - } - } - - &.lg-grabbing { - img.lg-object { - @include grabbing-cursor; - } - } - - .lg { - height: 100%; - width: 100%; - position: relative; - overflow: hidden; - margin-left: auto; - margin-right: auto; - max-width: 100%; - max-height: 100%; - } - - .lg-inner { - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - white-space: nowrap; - } - - .lg-item { - background: url("#{$lg-path-images}/loading.gif") no-repeat scroll center center transparent; - display: none !important; - } - &.lg-css3{ - .lg-prev-slide, .lg-current, .lg-next-slide{ - display: inline-block !important; - } - } - &.lg-css{ - .lg-current{ - display: inline-block !important; - } - } - - .lg-item, .lg-img-wrap { - display: inline-block; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - - &:before { - content: ""; - display: inline-block; - height: 50%; - width: 1px; - margin-right: -1px; - } - } - - .lg-img-wrap { - position: absolute; - padding: 0 5px; - left: 0; - right: 0; - top: 0; - bottom: 0 - } - - .lg-item { - &.lg-complete { - background-image: none; - } - - &.lg-current { - z-index: $zindex-item; - } - } - - .lg-image { - display: inline-block; - vertical-align: middle; - max-width: 100%; - max-height: 100%; - width: auto !important; - height: auto !important; - } - - &.lg-show-after-load { - .lg-item { - .lg-object, .lg-video-play { - opacity: 0; - @include transition(opacity 0.15s ease 0s); - } - - &.lg-complete { - .lg-object, .lg-video-play { - opacity: 1; - } - } - } - } - - // Hide title div if empty - .lg-empty-html { - display: none; - } - - &.lg-hide-download{ - #lg-download{ - display: none; - } - } -} -.lg-backdrop{ - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: $zindex-backdrop; - background-color: #000; - opacity: 0; - @include transition(opacity 0.15s ease 0s); - &.in{ - opacity: $backdrop-opacity; - } -} - -// Default slide animations. Should be placed at the bottom of the animation css -.lg-css3 { - - // Remove all transition effects - &.lg-no-trans { - .lg-prev-slide, .lg-next-slide, .lg-current { - @include transitionCustom(none 0s ease 0s !important); - } - } - - &.lg-use-css3 { - .lg-item { - @include backface-visibility(hidden); - } - } - - &.lg-use-left { - .lg-item { - @include backface-visibility(hidden); - } - } - - // Fade mode - &.lg-fade { - .lg-item { - opacity: 0; - - &.lg-current { - opacity: 1; - } - - // transition timing property and duration will be over written from javascript - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(opacity 0.1s ease 0s); - } - } - } - - &.lg-slide { - &.lg-use-css3 { - .lg-item { - opacity: 0; - - &.lg-prev-slide { - @include translate3d(-100%, 0, 0); - } - - &.lg-next-slide { - @include translate3d(100%, 0, 0); - } - - &.lg-current { - @include translate3d(0, 0, 0); - opacity: 1; - } - - // transition timing property and duration will be over written from javascript - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - - &.lg-use-left { - .lg-item { - opacity: 0; - position: absolute; - left: 0; - - &.lg-prev-slide { - left: -100%; - } - - &.lg-next-slide { - left: 100%; - } - - &.lg-current { - left: 0; - opacity: 1; - } - - // transition timing property and duration will be over written from javascript - &.lg-prev-slide, &.lg-next-slide, &.lg-current { - @include transitionCustom(left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s); - } - } - } - } -} \ No newline at end of file