diff --git a/dist/jquery.fancybox.css b/dist/jquery.fancybox.css index ba2a7f03..9bfe9361 100644 --- a/dist/jquery.fancybox.css +++ b/dist/jquery.fancybox.css @@ -1,771 +1,895 @@ body.compensate-for-scrollbar { - overflow: hidden; } + overflow: hidden; +} .fancybox-active { - height: auto; } + height: auto; +} .fancybox-is-hidden { - left: -9999px; - margin: 0; - position: absolute !important; - top: -9999px; - visibility: hidden; } + left: -9999px; + margin: 0; + position: absolute !important; + top: -9999px; + visibility: hidden; +} .fancybox-container { - -webkit-backface-visibility: hidden; - height: 100%; - left: 0; - outline: none; - position: fixed; - -webkit-tap-highlight-color: transparent; - top: 0; - -ms-touch-action: manipulation; - touch-action: manipulation; - -webkit-transform: translateZ(0); - transform: translateZ(0); - width: 100%; - z-index: 99992; } + -webkit-backface-visibility: hidden; + height: 100%; + left: 0; + outline: none; + position: fixed; + -webkit-tap-highlight-color: transparent; + top: 0; + -ms-touch-action: manipulation; + touch-action: manipulation; + transform: translateZ(0); + width: 100%; + z-index: 99992; +} .fancybox-container * { - box-sizing: border-box; } + box-sizing: border-box; +} .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; } + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} .fancybox-outer { - -webkit-overflow-scrolling: touch; - overflow-y: auto; } + -webkit-overflow-scrolling: touch; + overflow-y: auto; +} .fancybox-bg { - background: #1e1e1e; - opacity: 0; - transition-duration: inherit; - transition-property: opacity; - transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } + background: rgb(30, 30, 30); + opacity: 0; + transition-duration: inherit; + transition-property: opacity; + transition-timing-function: cubic-bezier(.47, 0, .74, .71); +} .fancybox-is-open .fancybox-bg { - opacity: .9; - transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } + opacity: .9; + transition-timing-function: cubic-bezier(.22, .61, .36, 1); +} .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { - direction: ltr; - opacity: 0; - position: absolute; - transition: opacity .25s ease, visibility 0s ease .25s; - visibility: hidden; - z-index: 99997; } + direction: ltr; + opacity: 0; + position: absolute; + transition: opacity .25s ease, visibility 0s ease .25s; + visibility: hidden; + z-index: 99997; +} .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { - opacity: 1; - transition: opacity .25s ease 0s, visibility 0s ease 0s; - visibility: visible; } + opacity: 1; + transition: opacity .25s ease 0s, visibility 0s ease 0s; + visibility: visible; +} .fancybox-infobar { - color: #ccc; - font-size: 13px; - -webkit-font-smoothing: subpixel-antialiased; - height: 44px; - left: 0; - line-height: 44px; - min-width: 44px; - mix-blend-mode: difference; - padding: 0 10px; - pointer-events: none; - top: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } + color: #ccc; + font-size: 13px; + -webkit-font-smoothing: subpixel-antialiased; + height: 44px; + left: 0; + line-height: 44px; + min-width: 44px; + mix-blend-mode: difference; + padding: 0 10px; + pointer-events: none; + top: 0; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} .fancybox-toolbar { - right: 0; - top: 0; } + right: 0; + top: 0; +} .fancybox-stage { - direction: ltr; - overflow: visible; - -webkit-transform: translateZ(0); - transform: translateZ(0); - z-index: 99994; } + direction: ltr; + overflow: visible; + transform: translateZ(0); + z-index: 99994; +} .fancybox-is-open .fancybox-stage { - overflow: hidden; } + overflow: hidden; +} .fancybox-slide { - -webkit-backface-visibility: hidden; - /* Using without prefix would break IE11 */ - display: none; - height: 100%; - left: 0; - outline: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 44px; - position: absolute; - text-align: center; - top: 0; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - white-space: normal; - width: 100%; - z-index: 99994; } + -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ + display: none; + height: 100%; + left: 0; + outline: none; + overflow: auto; + -webkit-overflow-scrolling: touch; + padding: 44px; + position: absolute; + text-align: center; + top: 0; + transition-property: transform, opacity; + white-space: normal; + width: 100%; + z-index: 99994; +} .fancybox-slide::before { - content: ''; - display: inline-block; - font-size: 0; - height: 100%; - vertical-align: middle; - width: 0; } + content: ''; + display: inline-block; + font-size: 0; + height: 100%; + vertical-align: middle; + width: 0; +} .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { - display: block; } + display: block; +} .fancybox-slide--image { - overflow: hidden; - padding: 44px 0; } + overflow: hidden; + padding: 44px 0; +} .fancybox-slide--image::before { - display: none; } + display: none; +} .fancybox-slide--html { - padding: 6px; } + padding: 6px; +} .fancybox-content { - background: #fff; - display: inline-block; - margin: 0; - max-width: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 44px; - position: relative; - text-align: left; - vertical-align: middle; } + background: #fff; + display: inline-block; + margin: 0; + max-width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + padding: 44px; + position: relative; + text-align: left; + vertical-align: middle; +} .fancybox-slide--image .fancybox-content { - -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); - animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); - -webkit-backface-visibility: hidden; - background: transparent; - background-repeat: no-repeat; - background-size: 100% 100%; - left: 0; - max-width: none; - overflow: visible; - padding: 0; - position: absolute; - top: 0; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - z-index: 99995; } + animation-timing-function: cubic-bezier(.5, 0, .14, 1); + -webkit-backface-visibility: hidden; + background: transparent; + background-repeat: no-repeat; + background-size: 100% 100%; + left: 0; + max-width: none; + overflow: visible; + padding: 0; + position: absolute; + top: 0; + -ms-transform-origin: top left; + transform-origin: top left; + transition-property: transform, opacity; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + z-index: 99995; +} .fancybox-can-zoomOut .fancybox-content { - cursor: -webkit-zoom-out; - cursor: zoom-out; } + cursor: zoom-out; +} .fancybox-can-zoomIn .fancybox-content { - cursor: -webkit-zoom-in; - cursor: zoom-in; } + cursor: zoom-in; +} .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { - cursor: -webkit-grab; - cursor: grab; } + cursor: -webkit-grab; + cursor: grab; +} .fancybox-is-grabbing .fancybox-content { - cursor: -webkit-grabbing; - cursor: grabbing; } + cursor: -webkit-grabbing; + cursor: grabbing; +} .fancybox-container [data-selectable='true'] { - cursor: text; } + cursor: text; +} .fancybox-image, .fancybox-spaceball { - background: transparent; - border: 0; - height: 100%; - left: 0; - margin: 0; - max-height: none; - max-width: none; - padding: 0; - position: absolute; - top: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 100%; } + background: transparent; + border: 0; + height: 100%; + left: 0; + margin: 0; + max-height: none; + max-width: none; + padding: 0; + position: absolute; + top: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; +} .fancybox-spaceball { - z-index: 1; } + z-index: 1; +} .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { - height: 100%; - overflow: visible; - padding: 0; - width: 100%; } + height: 100%; + overflow: visible; + padding: 0; + width: 100%; +} .fancybox-slide--video .fancybox-content { - background: #000; } + background: #000; +} .fancybox-slide--map .fancybox-content { - background: #e5e3df; } + background: #e5e3df; +} .fancybox-slide--iframe .fancybox-content { - background: #fff; } + background: #fff; +} .fancybox-video, .fancybox-iframe { - background: transparent; - border: 0; - display: block; - height: 100%; - margin: 0; - overflow: hidden; - padding: 0; - width: 100%; } + background: transparent; + border: 0; + display: block; + height: 100%; + margin: 0; + overflow: hidden; + padding: 0; + width: 100%; +} /* Fix iOS */ .fancybox-iframe { - left: 0; - position: absolute; - top: 0; } + left: 0; + position: absolute; + top: 0; +} .fancybox-error { - background: #fff; - cursor: default; - max-width: 400px; - padding: 40px; - width: 100%; } + background: #fff; + cursor: default; + max-width: 400px; + padding: 40px; + width: 100%; +} .fancybox-error p { - color: #444; - font-size: 16px; - line-height: 20px; - margin: 0; - padding: 0; } + color: #444; + font-size: 16px; + line-height: 20px; + margin: 0; + padding: 0; +} /* Buttons */ + .fancybox-button { - background: rgba(30, 30, 30, 0.6); - border: 0; - border-radius: 0; - box-shadow: none; - cursor: pointer; - display: inline-block; - height: 44px; - margin: 0; - padding: 10px; - position: relative; - transition: color .2s; - vertical-align: top; - visibility: inherit; - width: 44px; } + background: rgba(30, 30, 30, .6); + border: 0; + border-radius: 0; + box-shadow: none; + cursor: pointer; + display: inline-block; + height: 44px; + margin: 0; + padding: 10px; + position: relative; + transition: color .2s; + vertical-align: top; + visibility: inherit; + width: 44px; +} .fancybox-button, .fancybox-button:visited, .fancybox-button:link { - color: #ccc; } + color: #ccc; +} .fancybox-button:hover { - color: #fff; } + color: #fff; +} .fancybox-button:focus { - outline: none; } + outline: none; +} .fancybox-button.fancybox-focus { - outline: 1px dotted; } + outline: 1px dotted; +} .fancybox-button[disabled], .fancybox-button[disabled]:hover { - color: #888; - cursor: default; - outline: none; } + color: #888; + cursor: default; + outline: none; +} /* Fix IE11 */ .fancybox-button div { - height: 100%; } + height: 100%; +} .fancybox-button svg { - display: block; - height: 100%; - overflow: visible; - position: relative; - width: 100%; } + display: block; + height: 100%; + overflow: visible; + position: relative; + width: 100%; +} .fancybox-button svg path { - fill: currentColor; - stroke-width: 0; } + fill: currentColor; + stroke-width: 0; +} .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { - display: none; } + display: none; +} .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { - display: none; } + display: none; +} .fancybox-progress { - background: #ff5268; - height: 2px; - left: 0; - position: absolute; - right: 0; - top: 0; - -webkit-transform: scaleX(0); - -ms-transform: scaleX(0); - transform: scaleX(0); - -webkit-transform-origin: 0; - -ms-transform-origin: 0; - transform-origin: 0; - transition-property: -webkit-transform; - transition-property: transform; - transition-property: transform, -webkit-transform; - transition-timing-function: linear; - z-index: 99998; } - + background: #ff5268; + height: 2px; + left: 0; + position: absolute; + right: 0; + top: 0; + -ms-transform: scaleX(0); + transform: scaleX(0); + -ms-transform-origin: 0; + transform-origin: 0; + transition-property: transform; + transition-timing-function: linear; + z-index: 99998; +} /* Close button on the top right corner of html content */ + .fancybox-close-small { - background: transparent; - border: 0; - border-radius: 0; - color: #ccc; - cursor: pointer; - opacity: .8; - padding: 8px; - position: absolute; - right: -12px; - top: -44px; - z-index: 401; } + background: transparent; + border: 0; + border-radius: 0; + color: #ccc; + cursor: pointer; + opacity: .8; + padding: 8px; + position: absolute; + right: -12px; + top: -44px; + z-index: 401; +} .fancybox-close-small:hover { - color: #fff; - opacity: 1; } + color: #fff; + opacity: 1; +} .fancybox-slide--html .fancybox-close-small { - color: currentColor; - padding: 10px; - right: 0; - top: 0; } + color: currentColor; + padding: 10px; + right: 0; + top: 0; +} .fancybox-slide--image.fancybox-is-scaling .fancybox-content { - overflow: hidden; } + overflow: hidden; +} .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { - display: none; } + display: none; +} /* Navigation arrows */ + .fancybox-navigation .fancybox-button { - background-clip: content-box; - height: 100px; - opacity: 0; - position: absolute; - top: calc(50% - 50px); - width: 70px; } + background-clip: content-box; + height: 100px; + opacity: 0; + position: absolute; + top: calc(50% - 50px); + width: 70px; +} .fancybox-navigation .fancybox-button div { - padding: 7px; } + padding: 7px; +} .fancybox-navigation .fancybox-button--arrow_left { - left: 0; - left: env(safe-area-inset-left); - padding: 31px 26px 31px 6px; } + left: 0; + left: env(safe-area-inset-left); + padding: 31px 26px 31px 6px; +} .fancybox-navigation .fancybox-button--arrow_right { - padding: 31px 6px 31px 26px; - right: 0; - right: env(safe-area-inset-right); } + padding: 31px 6px 31px 26px; + right: 0; + right: env(safe-area-inset-right); +} /* Caption */ + .fancybox-caption { - background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent 100%); - bottom: 0; - color: #eee; - font-size: 14px; - font-weight: 400; - left: 0; - line-height: 1.5; - overflow: auto; - padding: 50px 44px 25px 44px; - right: 0; - text-align: center; - z-index: 99996; } + background: linear-gradient( + to top, + rgba(0, 0, 0, .85) 0%, + rgba(0, 0, 0, .3) 50%, + rgba(0, 0, 0, .15) 65%, + rgba(0, 0, 0, .075) 75.5%, + rgba(0, 0, 0, .037) 82.85%, + rgba(0, 0, 0, .019) 88%, + rgba(0, 0, 0, 0) 100% + ); + bottom: 0; + color: #eee; + font-size: 14px; + font-weight: 400; + left: 0; + line-height: 1.5; + padding: 75px 44px 25px 44px; + pointer-events: none; + right: 0; + text-align: center; + z-index: 99996; +} + +@supports (padding: max(0px)) { + .fancybox-caption { + padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); + } +} .fancybox-caption--separate { - margin-top: -25px; - max-height: 50vh; } + margin-top: -50px; +} + +.fancybox-caption__body { + max-height: 50vh; + overflow: auto; + pointer-events: all; +} .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { - color: #ccc; - text-decoration: none; } + color: #ccc; + text-decoration: none; +} .fancybox-caption a:hover { - color: #fff; - text-decoration: underline; } + color: #fff; + text-decoration: underline; +} /* Loading indicator */ + .fancybox-loading { - -webkit-animation: fancybox-rotate 1s linear infinite; - animation: fancybox-rotate 1s linear infinite; - background: transparent; - border: 4px solid #888; - border-bottom-color: #fff; - border-radius: 50%; - height: 50px; - left: 50%; - margin: -25px 0 0 -25px; - opacity: .7; - padding: 0; - position: absolute; - top: 50%; - width: 50px; - z-index: 99999; } - -@-webkit-keyframes fancybox-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + animation: fancybox-rotate 1s linear infinite; + background: transparent; + border: 4px solid #888; + border-bottom-color: #fff; + border-radius: 50%; + height: 50px; + left: 50%; + margin: -25px 0 0 -25px; + opacity: .7; + padding: 0; + position: absolute; + top: 50%; + width: 50px; + z-index: 99999; +} @keyframes fancybox-rotate { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + 100% { + transform: rotate(360deg); + } +} /* Transition effects */ + .fancybox-animated { - transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } + transition-timing-function: cubic-bezier(0, 0, .25, 1); +} /* transitionEffect: slide */ + .fancybox-fx-slide.fancybox-slide--previous { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } + opacity: 0; + transform: translate3d(-100%, 0, 0); +} .fancybox-fx-slide.fancybox-slide--next { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } + opacity: 0; + transform: translate3d(100%, 0, 0); +} .fancybox-fx-slide.fancybox-slide--current { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } + opacity: 1; + transform: translate3d(0, 0, 0); +} /* transitionEffect: fade */ + .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { - opacity: 0; - transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } + opacity: 0; + transition-timing-function: cubic-bezier(.19, 1, .22, 1); +} .fancybox-fx-fade.fancybox-slide--current { - opacity: 1; } + opacity: 1; +} /* transitionEffect: zoom-in-out */ + .fancybox-fx-zoom-in-out.fancybox-slide--previous { - opacity: 0; - -webkit-transform: scale3d(1.5, 1.5, 1.5); - transform: scale3d(1.5, 1.5, 1.5); } + opacity: 0; + transform: scale3d(1.5, 1.5, 1.5); +} .fancybox-fx-zoom-in-out.fancybox-slide--next { - opacity: 0; - -webkit-transform: scale3d(0.5, 0.5, 0.5); - transform: scale3d(0.5, 0.5, 0.5); } + opacity: 0; + transform: scale3d(.5, .5, .5); +} .fancybox-fx-zoom-in-out.fancybox-slide--current { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } + opacity: 1; + transform: scale3d(1, 1, 1); +} /* transitionEffect: rotate */ + .fancybox-fx-rotate.fancybox-slide--previous { - opacity: 0; - -webkit-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - transform: rotate(-360deg); } + opacity: 0; + -ms-transform: rotate(-360deg); + transform: rotate(-360deg); +} .fancybox-fx-rotate.fancybox-slide--next { - opacity: 0; - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } + opacity: 0; + -ms-transform: rotate(360deg); + transform: rotate(360deg); +} .fancybox-fx-rotate.fancybox-slide--current { - opacity: 1; - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } + opacity: 1; + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} /* transitionEffect: circular */ + .fancybox-fx-circular.fancybox-slide--previous { - opacity: 0; - -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); - transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } + opacity: 0; + transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); +} .fancybox-fx-circular.fancybox-slide--next { - opacity: 0; - -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); - transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } + opacity: 0; + transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); +} .fancybox-fx-circular.fancybox-slide--current { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); - transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } + opacity: 1; + transform: scale3d(1, 1, 1) translate3d(0, 0, 0); +} /* transitionEffect: tube */ + .fancybox-fx-tube.fancybox-slide--previous { - -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); - transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } + transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); +} .fancybox-fx-tube.fancybox-slide--next { - -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); - transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } + transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); +} .fancybox-fx-tube.fancybox-slide--current { - -webkit-transform: translate3d(0, 0, 0) scale(1); - transform: translate3d(0, 0, 0) scale(1); } + transform: translate3d(0, 0, 0) scale(1); +} /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { - .fancybox-caption { - padding-left: 12px; - padding-right: 12px; } - .fancybox-slide { - padding-left: 6px; - padding-right: 6px; } - .fancybox-slide--image { - padding: 6px 0; } - .fancybox-close-small { - right: -6px; } - .fancybox-slide--image .fancybox-close-small { - background: #4e4e4e; - color: #f2f4f6; - height: 36px; - opacity: 1; - padding: 6px; - right: 0; - top: 0; - width: 36px; } } - -/* Using calc to trick sass */ -@supports (padding: 0px) { - .fancybox-caption { - padding: 50px calc(max(12px, env(safe-area-inset-right))) calc(max(12px, env(safe-area-inset-bottom))) calc(max(25px, env(safe-area-inset-left))); } } + .fancybox-slide { + padding-left: 6px; + padding-right: 6px; + } + + .fancybox-slide--image { + padding: 6px 0; + } + + .fancybox-close-small { + right: -6px; + } + + .fancybox-slide--image .fancybox-close-small { + background: #4e4e4e; + color: #f2f4f6; + height: 36px; + opacity: 1; + padding: 6px; + right: 0; + top: 0; + width: 36px; + } + + .fancybox-caption { + padding-left: 12px; + padding-right: 12px; + } + + @supports (padding: max(0px)) { + .fancybox-caption { + padding-left: max(12px, env(safe-area-inset-left)); + padding-right: max(12px, env(safe-area-inset-right)); + } + } +} /* Share */ + .fancybox-share { - background: #f4f4f4; - border-radius: 3px; - max-width: 90%; - padding: 30px; - text-align: center; } + background: #f4f4f4; + border-radius: 3px; + max-width: 90%; + padding: 30px; + text-align: center; +} .fancybox-share h1 { - color: #222; - font-size: 35px; - font-weight: 700; - margin: 0 0 20px 0; } + color: #222; + font-size: 35px; + font-weight: 700; + margin: 0 0 20px 0; +} .fancybox-share p { - margin: 0; - padding: 0; } + margin: 0; + padding: 0; +} .fancybox-share__button { - border: 0; - border-radius: 3px; - display: inline-block; - font-size: 14px; - font-weight: 700; - line-height: 40px; - margin: 0 5px 10px 5px; - min-width: 130px; - padding: 0 15px; - text-decoration: none; - transition: all .2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - white-space: nowrap; } + border: 0; + border-radius: 3px; + display: inline-block; + font-size: 14px; + font-weight: 700; + line-height: 40px; + margin: 0 5px 10px 5px; + min-width: 130px; + padding: 0 15px; + text-decoration: none; + transition: all .2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + white-space: nowrap; +} .fancybox-share__button:visited, .fancybox-share__button:link { - color: #fff; } + color: #fff; +} .fancybox-share__button:hover { - text-decoration: none; } + text-decoration: none; +} .fancybox-share__button--fb { - background: #3b5998; } + background: #3b5998; +} .fancybox-share__button--fb:hover { - background: #344e86; } + background: #344e86; +} .fancybox-share__button--pt { - background: #bd081d; } + background: #bd081d; +} .fancybox-share__button--pt:hover { - background: #aa0719; } + background: #aa0719; +} .fancybox-share__button--tw { - background: #1da1f2; } + background: #1da1f2; +} .fancybox-share__button--tw:hover { - background: #0d95e8; } + background: #0d95e8; +} .fancybox-share__button svg { - height: 25px; - margin-right: 7px; - position: relative; - top: -1px; - vertical-align: middle; - width: 25px; } + height: 25px; + margin-right: 7px; + position: relative; + top: -1px; + vertical-align: middle; + width: 25px; +} .fancybox-share__button svg path { - fill: #fff; } + fill: #fff; +} .fancybox-share__input { - background: transparent; - border: 0; - border-bottom: 1px solid #d7d7d7; - border-radius: 0; - color: #5d5b5b; - font-size: 14px; - margin: 10px 0 0 0; - outline: none; - padding: 10px 15px; - width: 100%; } + background: transparent; + border: 0; + border-bottom: 1px solid #d7d7d7; + border-radius: 0; + color: #5d5b5b; + font-size: 14px; + margin: 10px 0 0 0; + outline: none; + padding: 10px 15px; + width: 100%; +} /* Thumbs */ + .fancybox-thumbs { - background: #ddd; - bottom: 0; - display: none; - margin: 0; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - padding: 2px 2px 4px 2px; - position: absolute; - right: 0; - -webkit-tap-highlight-color: transparent; - top: 0; - width: 212px; - z-index: 99995; } + background: #ddd; + bottom: 0; + display: none; + margin: 0; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + padding: 2px 2px 4px 2px; + position: absolute; + right: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + top: 0; + width: 212px; + z-index: 99995; +} .fancybox-thumbs-x { - overflow-x: auto; - overflow-y: hidden; } + overflow-x: auto; + overflow-y: hidden; +} .fancybox-show-thumbs .fancybox-thumbs { - display: block; } + display: block; +} .fancybox-show-thumbs .fancybox-inner { - right: 212px; } + right: 212px; +} .fancybox-thumbs__list { - font-size: 0; - height: 100%; - list-style: none; - margin: 0; - overflow-x: hidden; - overflow-y: auto; - padding: 0; - position: absolute; - position: relative; - white-space: nowrap; - width: 100%; } + font-size: 0; + height: 100%; + list-style: none; + margin: 0; + overflow-x: hidden; + overflow-y: auto; + padding: 0; + position: absolute; + position: relative; + white-space: nowrap; + width: 100%; +} .fancybox-thumbs-x .fancybox-thumbs__list { - overflow: hidden; } + overflow: hidden; +} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { - width: 7px; } + width: 7px; +} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { - background: #fff; - border-radius: 10px; - box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } + background: #fff; + border-radius: 10px; + box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); +} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { - background: #2a2a2a; - border-radius: 10px; } + background: #2a2a2a; + border-radius: 10px; +} .fancybox-thumbs__list a { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - background-color: rgba(0, 0, 0, 0.1); - background-position: center center; - background-repeat: no-repeat; - background-size: cover; - cursor: pointer; - float: left; - height: 75px; - margin: 2px; - max-height: calc(100% - 8px); - max-width: calc(50% - 4px); - outline: none; - overflow: hidden; - padding: 0; - position: relative; - -webkit-tap-highlight-color: transparent; - width: 100px; } + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background-color: rgba(0, 0, 0, .1); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + cursor: pointer; + float: left; + height: 75px; + margin: 2px; + max-height: calc(100% - 8px); + max-width: calc(50% - 4px); + outline: none; + overflow: hidden; + padding: 0; + position: relative; + -webkit-tap-highlight-color: transparent; + width: 100px; +} .fancybox-thumbs__list a::before { - border: 6px solid #ff5268; - bottom: 0; - content: ''; - left: 0; - opacity: 0; - position: absolute; - right: 0; - top: 0; - transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); - z-index: 99991; } + border: 6px solid #ff5268; + bottom: 0; + content: ''; + left: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + transition: all .2s cubic-bezier(.25, .46, .45, .94); + z-index: 99991; +} .fancybox-thumbs__list a:focus::before { - opacity: .5; } + opacity: .5; +} .fancybox-thumbs__list a.fancybox-thumbs-active::before { - opacity: 1; } + opacity: 1; +} /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { - .fancybox-thumbs { - width: 110px; } - .fancybox-show-thumbs .fancybox-inner { - right: 110px; } - .fancybox-thumbs__list a { - max-width: calc(100% - 10px); } } + .fancybox-thumbs { + width: 110px; + } + .fancybox-show-thumbs .fancybox-inner { + right: 110px; + } + .fancybox-thumbs__list a { + max-width: calc(100% - 10px); + } +} diff --git a/dist/jquery.fancybox.js b/dist/jquery.fancybox.js index 90c9487f..8be89a02 100644 --- a/dist/jquery.fancybox.js +++ b/dist/jquery.fancybox.js @@ -1,5 +1,5 @@ // ================================================== -// fancyBox v3.5.3 +// fancyBox v3.5.4 // // Licensed GPLv3 for open source use // or fancyBox Commercial License for commercial use @@ -189,7 +189,7 @@ '
' + ' ' + '' + - '' + + ' ' + "" + "", @@ -2955,7 +2955,15 @@ // Recalculate content dimensions current.$slide.trigger("refresh"); - self.$caption = caption && caption.length ? $caption.html(caption) : null; + // Set caption + if (caption && caption.length) { + self.$caption = $caption; + + $caption + .children() + .eq(0) + .html(caption); + } if (!self.hasHiddenControls && !self.isIdle) { self.showControls(); @@ -3038,7 +3046,7 @@ }); $.fancybox = { - version: "3.5.3", + version: "3.5.4", defaults: defaults, // Get current instance and execute a command. @@ -5523,7 +5531,7 @@ }, "beforeClose.fb": function(e, instance, current) { - if (current.opts.hash === false) { + if (!current || current.opts.hash === false) { return; } diff --git a/dist/jquery.fancybox.min.css b/dist/jquery.fancybox.min.css index 404f9f6d..7cc60b29 100644 --- a/dist/jquery.fancybox.min.css +++ b/dist/jquery.fancybox.min.css @@ -1 +1 @@ -body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;overflow:auto;padding:50px 44px 25px;right:0;text-align:center;z-index:99996}.fancybox-caption--separate{margin-top:-25px;max-height:50vh}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding-left:12px;padding-right:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}@supports (padding:0px){.fancybox-caption{padding:50px calc(max(12px, env(safe-area-inset-right))) calc(max(12px, env(safe-area-inset-bottom))) calc(max(25px, env(safe-area-inset-left)))}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file +body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} \ No newline at end of file diff --git a/dist/jquery.fancybox.min.js b/dist/jquery.fancybox.min.js index 040c72de..84a8a278 100644 --- a/dist/jquery.fancybox.min.js +++ b/dist/jquery.fancybox.min.js @@ -1,5 +1,5 @@ // ================================================== -// fancyBox v3.5.3 +// fancyBox v3.5.4 // // Licensed GPLv3 for open source use // or fancyBox Commercial License for commercial use @@ -8,6 +8,6 @@ // Copyright 2018 fancyApps // // ================================================== -!function(t,e,n,o){"use strict";function a(t,e){var o,a,i,s=[],r=0;t&&t.isDefaultPrevented()||(t.preventDefault(),e=e||{},t&&t.data&&(e=h(t.data.options,e)),o=e.$target||n(t.currentTarget).trigger("blur"),i=n.fancybox.getInstance(),i&&i.$trigger&&i.$trigger.is(o)||(e.selector?s=n(e.selector):(a=o.attr("data-fancybox")||"",a?(s=t.data?t.data.items:[],s=s.length?s.filter('[data-fancybox="'+a+'"]'):n('[data-fancybox="'+a+'"]')):s=[o]),r=n(s).index(o),r<0&&(r=0),i=n.fancybox.open(s,e,r),i.$trigger=o))}if(t.console=t.console||{info:function(t){}},n){if(n.fn.fancybox)return void console.info("fancyBox already initialized");var i={closeExisting:!1,loop:!1,gutter:50,keyboard:!0,preventCaptionOverlap:!0,arrows:!0,infobar:!0,smallBtn:"auto",toolbar:"auto",buttons:["zoom","slideShow","thumbs","close"],idleTime:3,protect:!1,modal:!1,image:{preload:!1},ajax:{settings:{data:{fancybox:!0}}},iframe:{tpl:'',preload:!0,css:{},attr:{scrolling:"auto"}},video:{tpl:'',format:"",autoStart:!0},defaultType:"image",animationEffect:"zoom",animationDuration:366,zoomOpacity:"auto",transitionEffect:"fade",transitionDuration:366,slideClass:"",baseClass:"",baseTpl:'{{ERROR}}
{{ERROR}}