From f3f332f1aea5d32c1951e03598524d1a378fb99e Mon Sep 17 00:00:00 2001 From: Themefisher Dev Date: Tue, 4 Feb 2020 17:43:17 +0600 Subject: [PATCH] modified navigation --- assets/css/style.css | 42 +- assets/js/script.js | 2 +- layouts/partials/navigation.html | 113 +- static/plugins/animate-css/animate.css | 1576 +---------------- static/plugins/google-map/map.js | 198 +-- .../plugins/magnific-popup/magnific-popup.css | 352 +--- static/plugins/slick/slick.css | 120 +- 7 files changed, 64 insertions(+), 2339 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index f0748f0214..3d1d99f4ef 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -404,46 +404,15 @@ a:hover { margin-bottom: 0; } -.navigation .logo { - padding: 0; -} - -.navigation .navigation-menu li a.active { - color: #57cbcc; -} - -.navigation .navigation-menu li a { - font-size: 16px; - color: #737f8a; -} - -.navigation .navigation-menu li a:hover, -.navigation .navigation-menu li a:focus { - background: transparent; +.navbar-dark .navbar-nav .active>.nav-link, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .show>.nav-link { color: #57cbcc; } -.navigation .navbar-toggler { - color: rgba(255, 255, 255, .5); - border-color: rgba(255, 255, 255, .1); - border-radius: 0; -} - -.navigation .navbar-collapse { - padding: 10px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); - border-top: 5px solid transparent; -} - -@media (min-width: 768px) { - .navigation .navbar-collapse { - box-shadow: none; - border-top: none; - } -} - .navbar-toggler:focus { - outline-color: #57cbcc; + outline: 0; } .bg-1 { @@ -2299,4 +2268,5 @@ figcaption { padding: 10px; display: block; } + /*# sourceMappingURL=maps/style.css.map */ \ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js index 1232d07d36..c6e5071d71 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -96,7 +96,7 @@ jQuery(function ($) { target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { html_body.animate({ - scrollTop: target.offset().top - 70 + scrollTop: target.offset().top - 50 }, 1500, 'easeInOutExpo'); return false; } diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html index b0e5a8f0c7..fd42279641 100644 --- a/layouts/partials/navigation.html +++ b/layouts/partials/navigation.html @@ -1,69 +1,56 @@ -{{"" | safeHTML}} - -{{"" | safeHTML}} \ No newline at end of file + \ No newline at end of file diff --git a/static/plugins/animate-css/animate.css b/static/plugins/animate-css/animate.css index 1e79e03ade..cfd0fc1dc9 100644 --- a/static/plugins/animate-css/animate.css +++ b/static/plugins/animate-css/animate.css @@ -1,1579 +1,7 @@ -@charset "UTF-8"; - -/*! +@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden - */ - -.animated { - animation-duration: 1s; - animation-fill-mode: both; -} - -.animated.infinite { - animation-iteration-count: infinite; -} - -.animated.hinge { - animation-duration: 2s; -} - -.animated.flipOutX, -.animated.flipOutY, -.animated.bounceIn, -.animated.bounceOut { - animation-duration: .75s; -} - -@keyframes bounce { - from, 20%, 53%, 80%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - transform: translate3d(0,0,0); - } - - 40%, 43% { - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transform: translate3d(0, -30px, 0); - } - - 70% { - animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); - transform: translate3d(0, -15px, 0); - } - - 90% { - transform: translate3d(0,-4px,0); - } -} - -.bounce { - animation-name: bounce; - transform-origin: center bottom; -} - -@keyframes flash { - from, 50%, to { - opacity: 1; - } - - 25%, 75% { - opacity: 0; - } -} - -.flash { - animation-name: flash; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@keyframes pulse { - from { - transform: scale3d(1, 1, 1); - } - - 50% { - transform: scale3d(1.05, 1.05, 1.05); - } - - to { - transform: scale3d(1, 1, 1); - } -} - -.pulse { - animation-name: pulse; -} - -@keyframes rubberBand { - from { - transform: scale3d(1, 1, 1); - } - - 30% { - transform: scale3d(1.25, 0.75, 1); - } - - 40% { - transform: scale3d(0.75, 1.25, 1); - } - - 50% { - transform: scale3d(1.15, 0.85, 1); - } - - 65% { - transform: scale3d(.95, 1.05, 1); - } - - 75% { - transform: scale3d(1.05, .95, 1); - } - - to { - transform: scale3d(1, 1, 1); - } -} - -.rubberBand { - animation-name: rubberBand; -} - -@keyframes shake { - from, to { - transform: translate3d(0, 0, 0); - } - - 10%, 30%, 50%, 70%, 90% { - transform: translate3d(-10px, 0, 0); - } - - 20%, 40%, 60%, 80% { - transform: translate3d(10px, 0, 0); - } -} - -.shake { - animation-name: shake; -} - -@keyframes headShake { - 0% { - transform: translateX(0); - } - - 6.5% { - transform: translateX(-6px) rotateY(-9deg); - } - - 18.5% { - transform: translateX(5px) rotateY(7deg); - } - - 31.5% { - transform: translateX(-3px) rotateY(-5deg); - } - - 43.5% { - transform: translateX(2px) rotateY(3deg); - } - - 50% { - transform: translateX(0); - } -} - -.headShake { - animation-timing-function: ease-in-out; - animation-name: headShake; -} - -@keyframes swing { - 20% { - transform: rotate3d(0, 0, 1, 15deg); - } - - 40% { - transform: rotate3d(0, 0, 1, -10deg); - } - - 60% { - transform: rotate3d(0, 0, 1, 5deg); - } - - 80% { - transform: rotate3d(0, 0, 1, -5deg); - } - - to { - transform: rotate3d(0, 0, 1, 0deg); - } -} - -.swing { - transform-origin: top center; - animation-name: swing; -} - -@keyframes tada { - from { - transform: scale3d(1, 1, 1); - } - - 10%, 20% { - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); - } - - 30%, 50%, 70%, 90% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - } - - 40%, 60%, 80% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - } - - to { - transform: scale3d(1, 1, 1); - } -} - -.tada { - animation-name: tada; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@keyframes wobble { - from { - transform: none; - } - - 15% { - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - - 30% { - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - - 45% { - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - - 60% { - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - - 75% { - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } - - to { - transform: none; - } -} - -.wobble { - animation-name: wobble; -} - -@keyframes jello { - from, 11.1%, to { - transform: none; - } - - 22.2% { - transform: skewX(-12.5deg) skewY(-12.5deg); - } - - 33.3% { - transform: skewX(6.25deg) skewY(6.25deg); - } - - 44.4% { - transform: skewX(-3.125deg) skewY(-3.125deg); - } - - 55.5% { - transform: skewX(1.5625deg) skewY(1.5625deg); - } - - 66.6% { - transform: skewX(-0.78125deg) skewY(-0.78125deg); - } - - 77.7% { - transform: skewX(0.390625deg) skewY(0.390625deg); - } - - 88.8% { - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - } -} - -.jello { - animation-name: jello; - transform-origin: center; -} - -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - transform: scale3d(.3, .3, .3); - } - - 20% { - transform: scale3d(1.1, 1.1, 1.1); - } - - 40% { - transform: scale3d(.9, .9, .9); - } - - 60% { - opacity: 1; - transform: scale3d(1.03, 1.03, 1.03); - } - - 80% { - transform: scale3d(.97, .97, .97); - } - - to { - opacity: 1; - transform: scale3d(1, 1, 1); - } -} - -.bounceIn { - animation-name: bounceIn; -} - -@keyframes bounceInDown { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - transform: translate3d(0, -3000px, 0); - } - - 60% { - opacity: 1; - transform: translate3d(0, 25px, 0); - } - - 75% { - transform: translate3d(0, -10px, 0); - } - - 90% { - transform: translate3d(0, 5px, 0); - } - - to { - transform: none; - } -} - -.bounceInDown { - animation-name: bounceInDown; -} - -@keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - 0% { - opacity: 0; - transform: translate3d(-3000px, 0, 0); - } - - 60% { - opacity: 1; - transform: translate3d(25px, 0, 0); - } - - 75% { - transform: translate3d(-10px, 0, 0); - } - - 90% { - transform: translate3d(5px, 0, 0); - } - - to { - transform: none; - } -} - -.bounceInLeft { - animation-name: bounceInLeft; -} - -@keyframes bounceInRight { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - transform: translate3d(3000px, 0, 0); - } - - 60% { - opacity: 1; - transform: translate3d(-25px, 0, 0); - } - - 75% { - transform: translate3d(10px, 0, 0); - } - - 90% { - transform: translate3d(-5px, 0, 0); - } - - to { - transform: none; - } -} - -.bounceInRight { - animation-name: bounceInRight; -} - -@keyframes bounceInUp { - from, 60%, 75%, 90%, to { - animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); - } - - from { - opacity: 0; - transform: translate3d(0, 3000px, 0); - } - - 60% { - opacity: 1; - transform: translate3d(0, -20px, 0); - } - - 75% { - transform: translate3d(0, 10px, 0); - } - - 90% { - transform: translate3d(0, -5px, 0); - } - - to { - transform: translate3d(0, 0, 0); - } -} - -.bounceInUp { - animation-name: bounceInUp; -} - -@keyframes bounceOut { - 20% { - transform: scale3d(.9, .9, .9); - } - - 50%, 55% { - opacity: 1; - transform: scale3d(1.1, 1.1, 1.1); - } - - to { - opacity: 0; - transform: scale3d(.3, .3, .3); - } -} - -.bounceOut { - animation-name: bounceOut; -} - -@keyframes bounceOutDown { - 20% { - transform: translate3d(0, 10px, 0); - } - - 40%, 45% { - opacity: 1; - transform: translate3d(0, -20px, 0); - } - - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} - -.bounceOutDown { - animation-name: bounceOutDown; -} - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - transform: translate3d(20px, 0, 0); - } - - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} - -.bounceOutLeft { - animation-name: bounceOutLeft; -} - -@keyframes bounceOutRight { - 20% { - opacity: 1; - transform: translate3d(-20px, 0, 0); - } - - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} - -.bounceOutRight { - animation-name: bounceOutRight; -} - -@keyframes bounceOutUp { - 20% { - transform: translate3d(0, -10px, 0); - } - - 40%, 45% { - opacity: 1; - transform: translate3d(0, 20px, 0); - } - - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} - -.bounceOutUp { - animation-name: bounceOutUp; -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -.fadeIn { - animation-name: fadeIn; -} - -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -100%, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInDown { - animation-name: fadeInDown; -} - -@keyframes fadeInDownBig { - from { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInDownBig { - animation-name: fadeInDownBig; -} - -@keyframes fadeInLeft { - from { - opacity: 0; - transform: translate3d(-100%, 0, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInLeft { - animation-name: fadeInLeft; -} - -@keyframes fadeInLeftBig { - from { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInLeftBig { - animation-name: fadeInLeftBig; -} - -@keyframes fadeInRight { - from { - opacity: 0; - transform: translate3d(100%, 0, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInRight { - animation-name: fadeInRight; -} - -@keyframes fadeInRightBig { - from { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInRightBig { - animation-name: fadeInRightBig; -} - -@keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 100%, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInUp { - animation-name: fadeInUp; -} - -@keyframes fadeInUpBig { - from { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } - - to { - opacity: 1; - transform: none; - } -} - -.fadeInUpBig { - animation-name: fadeInUpBig; -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - -.fadeOut { - animation-name: fadeOut; -} - -@keyframes fadeOutDown { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(0, 100%, 0); - } -} - -.fadeOutDown { - animation-name: fadeOutDown; -} - -@keyframes fadeOutDownBig { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(0, 2000px, 0); - } -} - -.fadeOutDownBig { - animation-name: fadeOutDownBig; -} - -@keyframes fadeOutLeft { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(-100%, 0, 0); - } -} - -.fadeOutLeft { - animation-name: fadeOutLeft; -} - -@keyframes fadeOutLeftBig { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(-2000px, 0, 0); - } -} - -.fadeOutLeftBig { - animation-name: fadeOutLeftBig; -} - -@keyframes fadeOutRight { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(100%, 0, 0); - } -} - -.fadeOutRight { - animation-name: fadeOutRight; -} - -@keyframes fadeOutRightBig { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(2000px, 0, 0); - } -} - -.fadeOutRightBig { - animation-name: fadeOutRightBig; -} - -@keyframes fadeOutUp { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(0, -100%, 0); - } -} - -.fadeOutUp { - animation-name: fadeOutUp; -} - -@keyframes fadeOutUpBig { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(0, -2000px, 0); - } -} - -.fadeOutUpBig { - animation-name: fadeOutUpBig; -} - -@keyframes flip { - from { - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - animation-timing-function: ease-out; - } - - 40% { - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - animation-timing-function: ease-out; - } - - 50% { - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - animation-timing-function: ease-in; - } - - 80% { - transform: perspective(400px) scale3d(.95, .95, .95); - animation-timing-function: ease-in; - } - - to { - transform: perspective(400px); - animation-timing-function: ease-in; - } -} - -.animated.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - animation-name: flip; -} - -@keyframes flipInX { - from { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - animation-timing-function: ease-in; - } - - 60% { - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; - } - - 80% { - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - } - - to { - transform: perspective(400px); - } -} - -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipInX; -} - -@keyframes flipInY { - from { - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - animation-timing-function: ease-in; - opacity: 0; - } - - 40% { - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - animation-timing-function: ease-in; - } - - 60% { - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; - } - - 80% { - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - } - - to { - transform: perspective(400px); - } -} - -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipInY; -} - -@keyframes flipOutX { - from { - transform: perspective(400px); - } - - 30% { - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; - } - - to { - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; - } -} - -.flipOutX { - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; -} - -@keyframes flipOutY { - from { - transform: perspective(400px); - } - - 30% { - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; - } - - to { - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; - } -} - -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - animation-name: flipOutY; -} - -@keyframes lightSpeedIn { - from { - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; - } - - 60% { - transform: skewX(20deg); - opacity: 1; - } - - 80% { - transform: skewX(-5deg); - opacity: 1; - } - - to { - transform: none; - opacity: 1; - } -} - -.lightSpeedIn { - animation-name: lightSpeedIn; - animation-timing-function: ease-out; -} - -@keyframes lightSpeedOut { - from { - opacity: 1; - } - - to { - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; - } -} - -.lightSpeedOut { - animation-name: lightSpeedOut; - animation-timing-function: ease-in; -} - -@keyframes rotateIn { - from { - transform-origin: center; - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; - } - - to { - transform-origin: center; - transform: none; - opacity: 1; - } -} - -.rotateIn { - animation-name: rotateIn; -} - -@keyframes rotateInDownLeft { - from { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } - - to { - transform-origin: left bottom; - transform: none; - opacity: 1; - } -} - -.rotateInDownLeft { - animation-name: rotateInDownLeft; -} - -@keyframes rotateInDownRight { - from { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - transform-origin: right bottom; - transform: none; - opacity: 1; - } -} - -.rotateInDownRight { - animation-name: rotateInDownRight; -} - -@keyframes rotateInUpLeft { - from { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } - - to { - transform-origin: left bottom; - transform: none; - opacity: 1; - } -} - -.rotateInUpLeft { - animation-name: rotateInUpLeft; -} - -@keyframes rotateInUpRight { - from { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; - } - - to { - transform-origin: right bottom; - transform: none; - opacity: 1; - } -} - -.rotateInUpRight { - animation-name: rotateInUpRight; -} - -@keyframes rotateOut { - from { - transform-origin: center; - opacity: 1; - } - - to { - transform-origin: center; - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; - } -} - -.rotateOut { - animation-name: rotateOut; -} - -@keyframes rotateOutDownLeft { - from { - transform-origin: left bottom; - opacity: 1; - } - - to { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; - } -} - -.rotateOutDownLeft { - animation-name: rotateOutDownLeft; -} - -@keyframes rotateOutDownRight { - from { - transform-origin: right bottom; - opacity: 1; - } - - to { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutDownRight { - animation-name: rotateOutDownRight; -} - -@keyframes rotateOutUpLeft { - from { - transform-origin: left bottom; - opacity: 1; - } - - to { - transform-origin: left bottom; - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; - } -} - -.rotateOutUpLeft { - animation-name: rotateOutUpLeft; -} - -@keyframes rotateOutUpRight { - from { - transform-origin: right bottom; - opacity: 1; - } - - to { - transform-origin: right bottom; - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; - } -} - -.rotateOutUpRight { - animation-name: rotateOutUpRight; -} - -@keyframes hinge { - 0% { - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 20%, 60% { - transform: rotate3d(0, 0, 1, 80deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - } - - 40%, 80% { - transform: rotate3d(0, 0, 1, 60deg); - transform-origin: top left; - animation-timing-function: ease-in-out; - opacity: 1; - } - - to { - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -.hinge { - animation-name: hinge; -} - -@keyframes jackInTheBox { - from { - opacity: 0; - transform: scale(0.1) rotate(30deg); - transform-origin: center bottom; - } - - 50% { - transform: rotate(-10deg); - } - - 70% { - transform: rotate(3deg); - } - - to { - opacity: 1; - transform: scale(1); - } -} - -.jackInTheBox { - animation-name: jackInTheBox; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@keyframes rollIn { - from { - opacity: 0; - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - } - - to { - opacity: 1; - transform: none; - } -} - -.rollIn { - animation-name: rollIn; -} - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ - -@keyframes rollOut { - from { - opacity: 1; - } - - to { - opacity: 0; - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - } -} - -.rollOut { - animation-name: rollOut; -} - -@keyframes zoomIn { - from { - opacity: 0; - transform: scale3d(.3, .3, .3); - } - - 50% { - opacity: 1; - } -} - -.zoomIn { - animation-name: zoomIn; -} - -@keyframes zoomInDown { - from { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInDown { - animation-name: zoomInDown; -} - -@keyframes zoomInLeft { - from { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInLeft { - animation-name: zoomInLeft; -} - -@keyframes zoomInRight { - from { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInRight { - animation-name: zoomInRight; -} - -@keyframes zoomInUp { - from { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - 60% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomInUp { - animation-name: zoomInUp; -} - -@keyframes zoomOut { - from { - opacity: 1; - } - - 50% { - opacity: 0; - transform: scale3d(.3, .3, .3); - } - - to { - opacity: 0; - } -} - -.zoomOut { - animation-name: zoomOut; -} - -@keyframes zoomOutDown { - 40% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutDown { - animation-name: zoomOutDown; -} - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); - } - - to { - opacity: 0; - transform: scale(.1) translate3d(-2000px, 0, 0); - transform-origin: left center; - } -} - -.zoomOutLeft { - animation-name: zoomOutLeft; -} - -@keyframes zoomOutRight { - 40% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); - } - - to { - opacity: 0; - transform: scale(.1) translate3d(2000px, 0, 0); - transform-origin: right center; - } -} - -.zoomOutRight { - animation-name: zoomOutRight; -} - -@keyframes zoomOutUp { - 40% { - opacity: 1; - transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); - animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); - } - - to { - opacity: 0; - transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); - transform-origin: center bottom; - animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - } -} - -.zoomOutUp { - animation-name: zoomOutUp; -} - -@keyframes slideInDown { - from { - transform: translate3d(0, -100%, 0); - visibility: visible; - } - - to { - transform: translate3d(0, 0, 0); - } -} - -.slideInDown { - animation-name: slideInDown; -} - -@keyframes slideInLeft { - from { - transform: translate3d(-100%, 0, 0); - visibility: visible; - } - - to { - transform: translate3d(0, 0, 0); - } -} - -.slideInLeft { - animation-name: slideInLeft; -} - -@keyframes slideInRight { - from { - transform: translate3d(100%, 0, 0); - visibility: visible; - } - - to { - transform: translate3d(0, 0, 0); - } -} - -.slideInRight { - animation-name: slideInRight; -} - -@keyframes slideInUp { - from { - transform: translate3d(0, 100%, 0); - visibility: visible; - } - - to { - transform: translate3d(0, 0, 0); - } -} - -.slideInUp { - animation-name: slideInUp; -} - -@keyframes slideOutDown { - from { - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - transform: translate3d(0, 100%, 0); - } -} - -.slideOutDown { - animation-name: slideOutDown; -} - -@keyframes slideOutLeft { - from { - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - transform: translate3d(-100%, 0, 0); - } -} - -.slideOutLeft { - animation-name: slideOutLeft; -} - -@keyframes slideOutRight { - from { - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - transform: translate3d(100%, 0, 0); - } -} - -.slideOutRight { - animation-name: slideOutRight; -} - -@keyframes slideOutUp { - from { - transform: translate3d(0, 0, 0); - } - - to { - visibility: hidden; - transform: translate3d(0, -100%, 0); - } -} - -.slideOutUp { - animation-name: slideOutUp; -} + */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} \ No newline at end of file diff --git a/static/plugins/google-map/map.js b/static/plugins/google-map/map.js index c8c2c57565..155901b53a 100644 --- a/static/plugins/google-map/map.js +++ b/static/plugins/google-map/map.js @@ -1,195 +1,3 @@ -window.marker = null; - -function initialize() { - var map; - var latitude = $('#map').attr('data-latitude'); - var longitude = $('#map').attr('data-longitude'); - var mapMarker = $('#map').attr('data-marker'); - var mapMarkerName = $('#map').attr('data-marker-name'); - var nottingham = new google.maps.LatLng(latitude, longitude); - var style = [{ - "featureType": "all", - "elementType": "labels.text.fill", - "stylers": [{ - "saturation": 36 - }, - { - "color": "#000000" - }, - { - "lightness": 40 - } - ] - }, - { - "featureType": "all", - "elementType": "labels.text.stroke", - "stylers": [{ - "visibility": "on" - }, - { - "color": "#000000" - }, - { - "lightness": 16 - } - ] - }, - { - "featureType": "all", - "elementType": "labels.icon", - "stylers": [{ - "visibility": "off" - }] - }, - { - "featureType": "administrative", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 20 - } - ] - }, - { - "featureType": "administrative", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 17 - }, - { - "weight": 1.2 - } - ] - }, - { - "featureType": "landscape", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 20 - } - ] - }, - { - "featureType": "poi", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 21 - } - ] - }, - { - "featureType": "road.highway", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 17 - } - ] - }, - { - "featureType": "road.highway", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 29 - }, - { - "weight": 0.2 - } - ] - }, - { - "featureType": "road.arterial", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 18 - } - ] - }, - { - "featureType": "road.local", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 16 - } - ] - }, - { - "featureType": "transit", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 19 - } - ] - }, - { - "featureType": "water", - "elementType": "geometry", - "stylers": [{ - "color": "#000000" - }, - { - "lightness": 17 - } - ] - } - ]; - var mapOptions = { - center: nottingham, - mapTypeId: google.maps.MapTypeId.ROADMAP, - backgroundColor: "#000", - zoom: 15, - panControl: false, - zoomControl: true, - mapTypeControl: false, - scaleControl: false, - streetViewControl: false, - overviewMapControl: false, - zoomControlOptions: { - style: google.maps.ZoomControlStyle.LARGE - } - } - map = new google.maps.Map(document.getElementById('map'), mapOptions); - var mapType = new google.maps.StyledMapType(style, { - name: "Grayscale" - }); - map.mapTypes.set('grey', mapType); - map.setMapTypeId('grey'); - var marker_image = mapMarker; - var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(46, 40)); - marker = new google.maps.Marker({ - position: nottingham, - map: map, - icon: pinIcon, - title: mapMarkerName - }); -} -var map = document.getElementById('map'); -if (map != null) { - google.maps.event.addDomListener(window, 'load', initialize); -} \ No newline at end of file +window.marker=null;function initialize(){var map;var latitude=$('#map').attr('data-latitude');var longitude=$('#map').attr('data-longitude');var mapMarker=$('#map').attr('data-marker');var mapMarkerName=$('#map').attr('data-marker-name');var nottingham=new google.maps.LatLng(latitude,longitude);var style=[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}];var mapOptions={center:nottingham,mapTypeId:google.maps.MapTypeId.ROADMAP,backgroundColor:"#000",zoom:15,panControl:!1,zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,overviewMapControl:!1,zoomControlOptions:{style:google.maps.ZoomControlStyle.LARGE}} +map=new google.maps.Map(document.getElementById('map'),mapOptions);var mapType=new google.maps.StyledMapType(style,{name:"Grayscale"});map.mapTypes.set('grey',mapType);map.setMapTypeId('grey');var marker_image=mapMarker;var pinIcon=new google.maps.MarkerImage(marker_image,null,null,null,new google.maps.Size(46,40));marker=new google.maps.Marker({position:nottingham,map:map,icon:pinIcon,title:mapMarkerName})} +var map=document.getElementById('map');if(map!=null){google.maps.event.addDomListener(window,'load',initialize)} \ No newline at end of file diff --git a/static/plugins/magnific-popup/magnific-popup.css b/static/plugins/magnific-popup/magnific-popup.css index 8561e181ad..ef02021fdc 100644 --- a/static/plugins/magnific-popup/magnific-popup.css +++ b/static/plugins/magnific-popup/magnific-popup.css @@ -1,351 +1 @@ -/* Magnific Popup CSS */ -.mfp-bg { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1042; - overflow: hidden; - position: fixed; - background: #0b0b0b; - opacity: 0.8; } - -.mfp-wrap { - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1043; - position: fixed; - outline: none !important; - -webkit-backface-visibility: hidden; } - -.mfp-container { - text-align: center; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - padding: 0 8px; - box-sizing: border-box; } - -.mfp-container:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; } - -.mfp-align-top .mfp-container:before { - display: none; } - -.mfp-content { - position: relative; - display: inline-block; - vertical-align: middle; - margin: 0 auto; - text-align: left; - z-index: 1045; } - -.mfp-inline-holder .mfp-content, -.mfp-ajax-holder .mfp-content { - width: 100%; - cursor: auto; } - -.mfp-ajax-cur { - cursor: progress; } - -.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { - cursor: -moz-zoom-out; - cursor: -webkit-zoom-out; - cursor: zoom-out; } - -.mfp-zoom { - cursor: pointer; - cursor: -webkit-zoom-in; - cursor: -moz-zoom-in; - cursor: zoom-in; } - -.mfp-auto-cursor .mfp-content { - cursor: auto; } - -.mfp-close, -.mfp-arrow, -.mfp-preloader, -.mfp-counter { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; } - -.mfp-loading.mfp-figure { - display: none; } - -.mfp-hide { - display: none !important; } - -.mfp-preloader { - color: #CCC; - position: absolute; - top: 50%; - width: auto; - text-align: center; - margin-top: -0.8em; - left: 8px; - right: 8px; - z-index: 1044; } - .mfp-preloader a { - color: #CCC; } - .mfp-preloader a:hover { - color: #FFF; } - -.mfp-s-ready .mfp-preloader { - display: none; } - -.mfp-s-error .mfp-content { - display: none; } - -button.mfp-close, -button.mfp-arrow { - overflow: visible; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; - display: block; - outline: none; - padding: 0; - z-index: 1046; - box-shadow: none; - touch-action: manipulation; } - -button::-moz-focus-inner { - padding: 0; - border: 0; } - -.mfp-close { - width: 44px; - height: 44px; - line-height: 44px; - position: absolute; - right: 0; - top: 0; - text-decoration: none; - text-align: center; - opacity: 0.65; - padding: 0 0 18px 10px; - color: #FFF; - font-style: normal; - font-size: 28px; - font-family: Arial, Baskerville, monospace; } - .mfp-close:hover, - .mfp-close:focus { - opacity: 1; } - .mfp-close:active { - top: 1px; } - -.mfp-close-btn-in .mfp-close { - color: #333; } - -.mfp-image-holder .mfp-close, -.mfp-iframe-holder .mfp-close { - color: #FFF; - right: -6px; - text-align: right; - padding-right: 6px; - width: 100%; } - -.mfp-counter { - position: absolute; - top: 0; - right: 0; - color: #CCC; - font-size: 12px; - line-height: 18px; - white-space: nowrap; } - -.mfp-arrow { - position: absolute; - opacity: 0.65; - margin: 0; - top: 50%; - margin-top: -55px; - padding: 0; - width: 90px; - height: 110px; - -webkit-tap-highlight-color: transparent; } - .mfp-arrow:active { - margin-top: -54px; } - .mfp-arrow:hover, - .mfp-arrow:focus { - opacity: 1; } - .mfp-arrow:before, - .mfp-arrow:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - left: 0; - top: 0; - margin-top: 35px; - margin-left: 35px; - border: medium inset transparent; } - .mfp-arrow:after { - border-top-width: 13px; - border-bottom-width: 13px; - top: 8px; } - .mfp-arrow:before { - border-top-width: 21px; - border-bottom-width: 21px; - opacity: 0.7; } - -.mfp-arrow-left { - left: 0; } - .mfp-arrow-left:after { - border-right: 17px solid #FFF; - margin-left: 31px; } - .mfp-arrow-left:before { - margin-left: 25px; - border-right: 27px solid #3F3F3F; } - -.mfp-arrow-right { - right: 0; } - .mfp-arrow-right:after { - border-left: 17px solid #FFF; - margin-left: 39px; } - .mfp-arrow-right:before { - border-left: 27px solid #3F3F3F; } - -.mfp-iframe-holder { - padding-top: 40px; - padding-bottom: 40px; } - .mfp-iframe-holder .mfp-content { - line-height: 0; - width: 100%; - max-width: 900px; } - .mfp-iframe-holder .mfp-close { - top: -40px; } - -.mfp-iframe-scaler { - width: 100%; - height: 0; - overflow: hidden; - padding-top: 56.25%; } - .mfp-iframe-scaler iframe { - position: absolute; - display: block; - top: 0; - left: 0; - width: 100%; - height: 100%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #000; } - -/* Main image in popup */ -img.mfp-img { - width: auto; - max-width: 100%; - height: auto; - display: block; - line-height: 0; - box-sizing: border-box; - padding: 40px 0 40px; - margin: 0 auto; } - -/* The shadow behind the image */ -.mfp-figure { - line-height: 0; } - .mfp-figure:after { - content: ''; - position: absolute; - left: 0; - top: 40px; - bottom: 40px; - display: block; - right: 0; - width: auto; - height: auto; - z-index: -1; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); - background: #444; } - .mfp-figure small { - color: #BDBDBD; - display: block; - font-size: 12px; - line-height: 14px; } - .mfp-figure figure { - margin: 0; } - -.mfp-bottom-bar { - margin-top: -36px; - position: absolute; - top: 100%; - left: 0; - width: 100%; - cursor: auto; } - -.mfp-title { - text-align: left; - line-height: 18px; - color: #F3F3F3; - word-wrap: break-word; - padding-right: 36px; } - -.mfp-image-holder .mfp-content { - max-width: 100%; } - -.mfp-gallery .mfp-image-holder .mfp-figure { - cursor: pointer; } - -@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { - /** - * Remove all paddings around the image on small screen - */ - .mfp-img-mobile .mfp-image-holder { - padding-left: 0; - padding-right: 0; } - .mfp-img-mobile img.mfp-img { - padding: 0; } - .mfp-img-mobile .mfp-figure:after { - top: 0; - bottom: 0; } - .mfp-img-mobile .mfp-figure small { - display: inline; - margin-left: 5px; } - .mfp-img-mobile .mfp-bottom-bar { - background: rgba(0, 0, 0, 0.6); - bottom: 0; - margin: 0; - top: auto; - padding: 3px 5px; - position: fixed; - box-sizing: border-box; } - .mfp-img-mobile .mfp-bottom-bar:empty { - padding: 0; } - .mfp-img-mobile .mfp-counter { - right: 5px; - top: 3px; } - .mfp-img-mobile .mfp-close { - top: 0; - right: 0; - width: 35px; - height: 35px; - line-height: 35px; - background: rgba(0, 0, 0, 0.6); - position: fixed; - text-align: center; - padding: 0; } } - -@media all and (max-width: 900px) { - .mfp-arrow { - -webkit-transform: scale(0.75); - transform: scale(0.75); } - .mfp-arrow-left { - -webkit-transform-origin: 0; - transform-origin: 0; } - .mfp-arrow-right { - -webkit-transform-origin: 100%; - transform-origin: 100%; } - .mfp-container { - padding-left: 6px; - padding-right: 6px; } } +.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} \ No newline at end of file diff --git a/static/plugins/slick/slick.css b/static/plugins/slick/slick.css index 57477e848b..aff05dda53 100644 --- a/static/plugins/slick/slick.css +++ b/static/plugins/slick/slick.css @@ -1,119 +1 @@ -/* Slider */ -.slick-slider -{ - position: relative; - - display: block; - box-sizing: border-box; - - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - -webkit-touch-callout: none; - -khtml-user-select: none; - -ms-touch-action: pan-y; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent; -} - -.slick-list -{ - position: relative; - - display: block; - overflow: hidden; - - margin: 0; - padding: 0; -} -.slick-list:focus -{ - outline: none; -} -.slick-list.dragging -{ - cursor: pointer; - cursor: hand; -} - -.slick-slider .slick-track, -.slick-slider .slick-list -{ - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.slick-track -{ - position: relative; - top: 0; - left: 0; - - display: block; - margin-left: auto; - margin-right: auto; -} -.slick-track:before, -.slick-track:after -{ - display: table; - - content: ''; -} -.slick-track:after -{ - clear: both; -} -.slick-loading .slick-track -{ - visibility: hidden; -} - -.slick-slide -{ - display: none; - float: left; - - height: 100%; - min-height: 1px; -} -[dir='rtl'] .slick-slide -{ - float: right; -} -.slick-slide img -{ - display: block; -} -.slick-slide.slick-loading img -{ - display: none; -} -.slick-slide.dragging img -{ - pointer-events: none; -} -.slick-initialized .slick-slide -{ - display: block; -} -.slick-loading .slick-slide -{ - visibility: hidden; -} -.slick-vertical .slick-slide -{ - display: block; - - height: auto; - - border: 1px solid transparent; -} -.slick-arrow.slick-hidden { - display: none; -} +.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} \ No newline at end of file