adding /public/ to the mix
341
public/photos/static/css/normalize.css
vendored
Normal file
|
|
@ -0,0 +1,341 @@
|
|||
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
196
public/photos/static/css/style.css
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
body {
|
||||
background-color: #242424;
|
||||
color: #aaaaaa;
|
||||
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
|
||||
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
a, a:link, a:visited {
|
||||
color: #999999;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #dadada;
|
||||
}
|
||||
|
||||
/* remove SMALLCAPS style and dotted underline from some browsers */
|
||||
abbr[title] {
|
||||
text-decoration: none;
|
||||
font-variant: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
abbr[title="exposure"]::after { content: "s" }
|
||||
abbr[title="film speed"]::before { content: "ISO " }
|
||||
abbr[title="aperture"]::before { content: "f/" }
|
||||
abbr[title="focal length"]::after { content: "mm" }
|
||||
abbr[title="camera make and model"], abbr[title="date"] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* header */
|
||||
header {
|
||||
padding: 1em 0;
|
||||
color: #eeeeee;
|
||||
}
|
||||
header h1, header h2 {
|
||||
color: #eeeeee;
|
||||
margin: 10px 0;
|
||||
}
|
||||
header h1 a, header h1 a:link, header h1 a:visited,
|
||||
header h2 a, header h2 a:link, header h2 a:visited {
|
||||
color: #eeeeee;
|
||||
text-shadow: 0 2px 0 #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
header h1 a:hover, header h2 a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0 0 10px;
|
||||
padding: 0;
|
||||
}
|
||||
#menu ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
|
||||
color: #aaaaaa;
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
padding-bottom: 2px;
|
||||
margin-left: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
#menu ul li a:hover {
|
||||
color: #eeeeee;
|
||||
border-color: #eeeeee;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* gallery */
|
||||
#albums ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
#albums ul li {
|
||||
display: inline-block;
|
||||
margin: 0 55px 30px 0;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
width: 280px;
|
||||
}
|
||||
#albums ul li:nth-child(3n+3) {
|
||||
margin-right: 0;
|
||||
}
|
||||
#albums ul li a img {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.2s ease-in;
|
||||
-moz-transition-property: opacity;
|
||||
-moz-transition-duration: 0.2s;
|
||||
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
|
||||
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
|
||||
-o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
#albums ul li a:hover img {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.album_title {
|
||||
display: block;
|
||||
color: #eeeeee;
|
||||
font-size: 1.3em;
|
||||
font-variant: small-caps;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* galleria */
|
||||
#gallery {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
clear: both;
|
||||
}
|
||||
#gallery video {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-text {
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.icons {
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
padding: 5px;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
}
|
||||
.icons a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.icons img {
|
||||
opacity: .7;
|
||||
}
|
||||
.icons img:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
/* Mimic .galleria-stage to use the same area for the map */
|
||||
#galleria-map {
|
||||
position: absolute;
|
||||
bottom: 80px;
|
||||
left: 10px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
footer {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin: 1em 0;
|
||||
text-align: center;
|
||||
}
|
||||
footer a:link, footer a:visited {
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer a:hover {
|
||||
border-bottom: 1px solid;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer span:not(:last-child):after {
|
||||
content: ' - ';
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 980px) {
|
||||
.container {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
#gallery {
|
||||
width: 980px;
|
||||
margin: 0 0 40px -10px;
|
||||
}
|
||||
|
||||
header h1, #menu {
|
||||
display: inline-block;
|
||||
width: 49.5%;
|
||||
}
|
||||
#menu {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
6987
public/photos/static/galleria.js
Normal file
12
public/photos/static/galleria.min.js
vendored
Normal file
BIN
public/photos/static/img/empty.png
Normal file
|
After Width: | Height: | Size: 95 B |
BIN
public/photos/static/img/fullscreen.png
Normal file
|
After Width: | Height: | Size: 444 B |
BIN
public/photos/static/img/map.png
Normal file
|
After Width: | Height: | Size: 512 B |
BIN
public/photos/static/img/photo.png
Normal file
|
After Width: | Height: | Size: 474 B |
10364
public/photos/static/jquery-3.3.1.js
vendored
Normal file
2
public/photos/static/jquery-3.3.1.min.js
vendored
Normal file
8
public/photos/static/leaflet/Control.FullScreen.css
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.fullscreen-icon { background-image: url(icon-fullscreen.png); }
|
||||
.leaflet-retina .fullscreen-icon { background-image: url(icon-fullscreen-2x.png); background-size: 26px 26px; }
|
||||
/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
|
||||
.leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
|
||||
.leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
|
||||
.leaflet-container:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
|
||||
.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
|
||||
.leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; }
|
||||
335
public/photos/static/leaflet/Control.FullScreen.js
vendored
Normal file
|
|
@ -0,0 +1,335 @@
|
|||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['leaflet'], factory);
|
||||
} else if (typeof modules === 'object' && module.exports) {
|
||||
// define a Common JS module that relies on 'leaflet'
|
||||
module.exports = factory(require('leaflet'));
|
||||
} else {
|
||||
// Assume Leaflet is loaded into global object L already
|
||||
factory(L);
|
||||
}
|
||||
}(this, function (L) {
|
||||
'use strict';
|
||||
|
||||
L.Control.FullScreen = L.Control.extend({
|
||||
options: {
|
||||
position: 'topleft',
|
||||
title: 'Full Screen',
|
||||
titleCancel: 'Exit Full Screen',
|
||||
forceSeparateButton: false,
|
||||
forcePseudoFullscreen: false,
|
||||
fullscreenElement: false
|
||||
},
|
||||
|
||||
onAdd: function (map) {
|
||||
var className = 'leaflet-control-zoom-fullscreen', container, content = '';
|
||||
|
||||
if (map.zoomControl && !this.options.forceSeparateButton) {
|
||||
container = map.zoomControl._container;
|
||||
} else {
|
||||
container = L.DomUtil.create('div', 'leaflet-bar');
|
||||
}
|
||||
|
||||
if (this.options.content) {
|
||||
content = this.options.content;
|
||||
} else {
|
||||
className += ' fullscreen-icon';
|
||||
}
|
||||
|
||||
this._createButton(this.options.title, className, content, container, this.toggleFullScreen, this);
|
||||
this._map.fullscreenControl = this;
|
||||
|
||||
this._map.on('enterFullscreen exitFullscreen', this._toggleTitle, this);
|
||||
|
||||
return container;
|
||||
},
|
||||
|
||||
onRemove: function (map) {
|
||||
L.DomEvent
|
||||
.off(this.link, 'click', L.DomEvent.stopPropagation)
|
||||
.off(this.link, 'click', L.DomEvent.preventDefault)
|
||||
.off(this.link, 'click', this.toggleFullScreen, this);
|
||||
|
||||
L.DomEvent
|
||||
.off(this._container, screenfull.raw.fullscreenchange, L.DomEvent.stopPropagation)
|
||||
.off(this._container, screenfull.raw.fullscreenchange, L.DomEvent.preventDefault)
|
||||
.off(this._container, screenfull.raw.fullscreenchange, this._handleFullscreenChange, this);
|
||||
|
||||
L.DomEvent
|
||||
.off(document, screenfull.raw.fullscreenchange, L.DomEvent.stopPropagation)
|
||||
.off(document, screenfull.raw.fullscreenchange, L.DomEvent.preventDefault)
|
||||
.off(document, screenfull.raw.fullscreenchange, this._handleFullscreenChange, this);
|
||||
},
|
||||
|
||||
_createButton: function (title, className, content, container, fn, context) {
|
||||
this.link = L.DomUtil.create('a', className, container);
|
||||
this.link.href = '#';
|
||||
this.link.title = title;
|
||||
this.link.innerHTML = content;
|
||||
|
||||
this.link.setAttribute('role', 'button');
|
||||
this.link.setAttribute('aria-label', title);
|
||||
|
||||
L.DomEvent
|
||||
.on(this.link, 'click', L.DomEvent.stopPropagation)
|
||||
.on(this.link, 'click', L.DomEvent.preventDefault)
|
||||
.on(this.link, 'click', fn, context);
|
||||
|
||||
L.DomEvent
|
||||
.on(container, screenfull.raw.fullscreenchange, L.DomEvent.stopPropagation)
|
||||
.on(container, screenfull.raw.fullscreenchange, L.DomEvent.preventDefault)
|
||||
.on(container, screenfull.raw.fullscreenchange, this._handleFullscreenChange, context);
|
||||
|
||||
L.DomEvent
|
||||
.on(document, screenfull.raw.fullscreenchange, L.DomEvent.stopPropagation)
|
||||
.on(document, screenfull.raw.fullscreenchange, L.DomEvent.preventDefault)
|
||||
.on(document, screenfull.raw.fullscreenchange, this._handleFullscreenChange, context);
|
||||
|
||||
return this.link;
|
||||
},
|
||||
|
||||
toggleFullScreen: function () {
|
||||
var map = this._map;
|
||||
map._exitFired = false;
|
||||
if (map._isFullscreen) {
|
||||
if (screenfull.isEnabled && !this.options.forcePseudoFullscreen) {
|
||||
screenfull.exit();
|
||||
} else {
|
||||
L.DomUtil.removeClass(this.options.fullscreenElement ? this.options.fullscreenElement : map._container, 'leaflet-pseudo-fullscreen');
|
||||
map.invalidateSize();
|
||||
}
|
||||
map.fire('exitFullscreen');
|
||||
map._exitFired = true;
|
||||
map._isFullscreen = false;
|
||||
}
|
||||
else {
|
||||
if (screenfull.isEnabled && !this.options.forcePseudoFullscreen) {
|
||||
screenfull.request(this.options.fullscreenElement ? this.options.fullscreenElement : map._container);
|
||||
} else {
|
||||
L.DomUtil.addClass(this.options.fullscreenElement ? this.options.fullscreenElement : map._container, 'leaflet-pseudo-fullscreen');
|
||||
map.invalidateSize();
|
||||
}
|
||||
map.fire('enterFullscreen');
|
||||
map._isFullscreen = true;
|
||||
}
|
||||
},
|
||||
|
||||
_toggleTitle: function () {
|
||||
this.link.title = this._map._isFullscreen ? this.options.title : this.options.titleCancel;
|
||||
},
|
||||
|
||||
_handleFullscreenChange: function () {
|
||||
var map = this._map;
|
||||
map.invalidateSize();
|
||||
if (!screenfull.isFullscreen && !map._exitFired) {
|
||||
map.fire('exitFullscreen');
|
||||
map._exitFired = true;
|
||||
map._isFullscreen = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
L.Map.include({
|
||||
toggleFullscreen: function () {
|
||||
this.fullscreenControl.toggleFullScreen();
|
||||
}
|
||||
});
|
||||
|
||||
L.Map.addInitHook(function () {
|
||||
if (this.options.fullscreenControl) {
|
||||
this.addControl(L.control.fullscreen(this.options.fullscreenControlOptions));
|
||||
}
|
||||
});
|
||||
|
||||
L.control.fullscreen = function (options) {
|
||||
return new L.Control.FullScreen(options);
|
||||
};
|
||||
|
||||
return L;
|
||||
}));
|
||||
|
||||
/*!
|
||||
* screenfull
|
||||
* v5.1.0 - 2020-12-24
|
||||
* (c) Sindre Sorhus; MIT License
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
|
||||
var isCommonjs = typeof module !== 'undefined' && module.exports;
|
||||
|
||||
var fn = (function () {
|
||||
var val;
|
||||
|
||||
var fnMap = [
|
||||
[
|
||||
'requestFullscreen',
|
||||
'exitFullscreen',
|
||||
'fullscreenElement',
|
||||
'fullscreenEnabled',
|
||||
'fullscreenchange',
|
||||
'fullscreenerror'
|
||||
],
|
||||
// New WebKit
|
||||
[
|
||||
'webkitRequestFullscreen',
|
||||
'webkitExitFullscreen',
|
||||
'webkitFullscreenElement',
|
||||
'webkitFullscreenEnabled',
|
||||
'webkitfullscreenchange',
|
||||
'webkitfullscreenerror'
|
||||
|
||||
],
|
||||
// Old WebKit
|
||||
[
|
||||
'webkitRequestFullScreen',
|
||||
'webkitCancelFullScreen',
|
||||
'webkitCurrentFullScreenElement',
|
||||
'webkitCancelFullScreen',
|
||||
'webkitfullscreenchange',
|
||||
'webkitfullscreenerror'
|
||||
|
||||
],
|
||||
[
|
||||
'mozRequestFullScreen',
|
||||
'mozCancelFullScreen',
|
||||
'mozFullScreenElement',
|
||||
'mozFullScreenEnabled',
|
||||
'mozfullscreenchange',
|
||||
'mozfullscreenerror'
|
||||
],
|
||||
[
|
||||
'msRequestFullscreen',
|
||||
'msExitFullscreen',
|
||||
'msFullscreenElement',
|
||||
'msFullscreenEnabled',
|
||||
'MSFullscreenChange',
|
||||
'MSFullscreenError'
|
||||
]
|
||||
];
|
||||
|
||||
var i = 0;
|
||||
var l = fnMap.length;
|
||||
var ret = {};
|
||||
|
||||
for (; i < l; i++) {
|
||||
val = fnMap[i];
|
||||
if (val && val[1] in document) {
|
||||
for (i = 0; i < val.length; i++) {
|
||||
ret[fnMap[0][i]] = val[i];
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
})();
|
||||
|
||||
var eventNameMap = {
|
||||
change: fn.fullscreenchange,
|
||||
error: fn.fullscreenerror
|
||||
};
|
||||
|
||||
var screenfull = {
|
||||
request: function (element, options) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
var onFullScreenEntered = function () {
|
||||
this.off('change', onFullScreenEntered);
|
||||
resolve();
|
||||
}.bind(this);
|
||||
|
||||
this.on('change', onFullScreenEntered);
|
||||
|
||||
element = element || document.documentElement;
|
||||
|
||||
var returnPromise = element[fn.requestFullscreen](options);
|
||||
|
||||
if (returnPromise instanceof Promise) {
|
||||
returnPromise.then(onFullScreenEntered).catch(reject);
|
||||
}
|
||||
}.bind(this));
|
||||
},
|
||||
exit: function () {
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (!this.isFullscreen) {
|
||||
resolve();
|
||||
return;
|
||||
}
|
||||
|
||||
var onFullScreenExit = function () {
|
||||
this.off('change', onFullScreenExit);
|
||||
resolve();
|
||||
}.bind(this);
|
||||
|
||||
this.on('change', onFullScreenExit);
|
||||
|
||||
var returnPromise = document[fn.exitFullscreen]();
|
||||
|
||||
if (returnPromise instanceof Promise) {
|
||||
returnPromise.then(onFullScreenExit).catch(reject);
|
||||
}
|
||||
}.bind(this));
|
||||
},
|
||||
toggle: function (element, options) {
|
||||
return this.isFullscreen ? this.exit() : this.request(element, options);
|
||||
},
|
||||
onchange: function (callback) {
|
||||
this.on('change', callback);
|
||||
},
|
||||
onerror: function (callback) {
|
||||
this.on('error', callback);
|
||||
},
|
||||
on: function (event, callback) {
|
||||
var eventName = eventNameMap[event];
|
||||
if (eventName) {
|
||||
document.addEventListener(eventName, callback, false);
|
||||
}
|
||||
},
|
||||
off: function (event, callback) {
|
||||
var eventName = eventNameMap[event];
|
||||
if (eventName) {
|
||||
document.removeEventListener(eventName, callback, false);
|
||||
}
|
||||
},
|
||||
raw: fn
|
||||
};
|
||||
|
||||
if (!fn) {
|
||||
if (isCommonjs) {
|
||||
module.exports = {isEnabled: false};
|
||||
} else {
|
||||
window.screenfull = {isEnabled: false};
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
Object.defineProperties(screenfull, {
|
||||
isFullscreen: {
|
||||
get: function () {
|
||||
return Boolean(document[fn.fullscreenElement]);
|
||||
}
|
||||
},
|
||||
element: {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
return document[fn.fullscreenElement];
|
||||
}
|
||||
},
|
||||
isEnabled: {
|
||||
enumerable: true,
|
||||
get: function () {
|
||||
// Coerce to boolean in case of old WebKit
|
||||
return Boolean(document[fn.fullscreenEnabled]);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (isCommonjs) {
|
||||
module.exports = screenfull;
|
||||
} else {
|
||||
window.screenfull = screenfull;
|
||||
}
|
||||
})();
|
||||
27
public/photos/static/leaflet/Leaflet.Photo.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
.leaflet-marker-photo {
|
||||
border: 2px solid #fff;
|
||||
box-shadow: 3px 3px 10px #888;
|
||||
}
|
||||
|
||||
.leaflet-marker-photo div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.leaflet-marker-photo b {
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
right: -11px;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
height: 12px;
|
||||
min-width: 12px;
|
||||
line-height: 12px;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||
}
|
||||
83
public/photos/static/leaflet/Leaflet.Photo.js
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
L.Photo = L.FeatureGroup.extend({
|
||||
options: {
|
||||
icon: {
|
||||
iconSize: [40, 40]
|
||||
}
|
||||
},
|
||||
|
||||
initialize: function (photos, options) {
|
||||
L.setOptions(this, options);
|
||||
L.FeatureGroup.prototype.initialize.call(this, photos);
|
||||
},
|
||||
|
||||
addLayers: function (photos) {
|
||||
if (photos) {
|
||||
for (var i = 0, len = photos.length; i < len; i++) {
|
||||
this.addLayer(photos[i]);
|
||||
}
|
||||
}
|
||||
return this;
|
||||
},
|
||||
|
||||
addLayer: function (photo) {
|
||||
L.FeatureGroup.prototype.addLayer.call(this, this.createMarker(photo));
|
||||
},
|
||||
|
||||
createMarker: function (photo) {
|
||||
var marker = L.marker(photo, {
|
||||
icon: L.divIcon(L.extend({
|
||||
html: '<div style="background-image: url(' + photo.thumbnail + ');"></div>',
|
||||
className: 'leaflet-marker-photo'
|
||||
}, photo, this.options.icon)),
|
||||
title: photo.caption || ''
|
||||
});
|
||||
marker.photo = photo;
|
||||
return marker;
|
||||
}
|
||||
});
|
||||
|
||||
L.photo = function (photos, options) {
|
||||
return new L.Photo(photos, options);
|
||||
};
|
||||
|
||||
if (L.MarkerClusterGroup) {
|
||||
|
||||
L.Photo.Cluster = L.MarkerClusterGroup.extend({
|
||||
options: {
|
||||
featureGroup: L.photo,
|
||||
maxClusterRadius: 100,
|
||||
showCoverageOnHover: false,
|
||||
iconCreateFunction: function(cluster) {
|
||||
return new L.DivIcon(L.extend({
|
||||
className: 'leaflet-marker-photo',
|
||||
html: '<div style="background-image: url(' + cluster.getAllChildMarkers()[0].photo.thumbnail + ');"></div><b>' + cluster.getChildCount() + '</b>'
|
||||
}, this.icon));
|
||||
},
|
||||
icon: {
|
||||
iconSize: [40, 40]
|
||||
}
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
options = L.Util.setOptions(this, options);
|
||||
L.MarkerClusterGroup.prototype.initialize.call(this);
|
||||
this._photos = options.featureGroup(null, options);
|
||||
},
|
||||
|
||||
add: function (photos) {
|
||||
this.addLayer(this._photos.addLayers(photos));
|
||||
return this;
|
||||
},
|
||||
|
||||
clear: function () {
|
||||
this._photos.clearLayers();
|
||||
this.clearLayers();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
L.photo.cluster = function (options) {
|
||||
return new L.Photo.Cluster(options);
|
||||
};
|
||||
|
||||
}
|
||||
60
public/photos/static/leaflet/MarkerCluster.Default.css
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
.marker-cluster-small {
|
||||
background-color: rgba(181, 226, 140, 0.6);
|
||||
}
|
||||
.marker-cluster-small div {
|
||||
background-color: rgba(110, 204, 57, 0.6);
|
||||
}
|
||||
|
||||
.marker-cluster-medium {
|
||||
background-color: rgba(241, 211, 87, 0.6);
|
||||
}
|
||||
.marker-cluster-medium div {
|
||||
background-color: rgba(240, 194, 12, 0.6);
|
||||
}
|
||||
|
||||
.marker-cluster-large {
|
||||
background-color: rgba(253, 156, 115, 0.6);
|
||||
}
|
||||
.marker-cluster-large div {
|
||||
background-color: rgba(241, 128, 23, 0.6);
|
||||
}
|
||||
|
||||
/* IE 6-8 fallback colors */
|
||||
.leaflet-oldie .marker-cluster-small {
|
||||
background-color: rgb(181, 226, 140);
|
||||
}
|
||||
.leaflet-oldie .marker-cluster-small div {
|
||||
background-color: rgb(110, 204, 57);
|
||||
}
|
||||
|
||||
.leaflet-oldie .marker-cluster-medium {
|
||||
background-color: rgb(241, 211, 87);
|
||||
}
|
||||
.leaflet-oldie .marker-cluster-medium div {
|
||||
background-color: rgb(240, 194, 12);
|
||||
}
|
||||
|
||||
.leaflet-oldie .marker-cluster-large {
|
||||
background-color: rgb(253, 156, 115);
|
||||
}
|
||||
.leaflet-oldie .marker-cluster-large div {
|
||||
background-color: rgb(241, 128, 23);
|
||||
}
|
||||
|
||||
.marker-cluster {
|
||||
background-clip: padding-box;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.marker-cluster div {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-left: 5px;
|
||||
margin-top: 5px;
|
||||
|
||||
text-align: center;
|
||||
border-radius: 15px;
|
||||
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.marker-cluster span {
|
||||
line-height: 30px;
|
||||
}
|
||||
14
public/photos/static/leaflet/MarkerCluster.css
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
|
||||
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||
}
|
||||
|
||||
.leaflet-cluster-spider-leg {
|
||||
/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
|
||||
-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
|
||||
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
|
||||
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
|
||||
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
|
||||
}
|
||||
5
public/photos/static/leaflet/README
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
plugins:
|
||||
https://github.com/leaflet-extras/leaflet-providers
|
||||
https://github.com/brunob/leaflet.fullscreen
|
||||
https://github.com/Leaflet/Leaflet.markercluster (for Leaflet.Photo)
|
||||
https://github.com/turban/Leaflet.Photo
|
||||
BIN
public/photos/static/leaflet/icon-fullscreen-2x.png
Normal file
|
After Width: | Height: | Size: 215 B |
BIN
public/photos/static/leaflet/icon-fullscreen.png
Normal file
|
After Width: | Height: | Size: 139 B |
BIN
public/photos/static/leaflet/images/layers-2x.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/photos/static/leaflet/images/layers.png
Normal file
|
After Width: | Height: | Size: 696 B |
BIN
public/photos/static/leaflet/images/marker-icon-2x.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
public/photos/static/leaflet/images/marker-icon.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/photos/static/leaflet/images/marker-shadow.png
Normal file
|
After Width: | Height: | Size: 618 B |
1065
public/photos/static/leaflet/leaflet-providers.js
Normal file
14062
public/photos/static/leaflet/leaflet-src.js
Normal file
640
public/photos/static/leaflet/leaflet.css
Normal file
|
|
@ -0,0 +1,640 @@
|
|||
/* required styles */
|
||||
|
||||
.leaflet-pane,
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-tile-container,
|
||||
.leaflet-pane > svg,
|
||||
.leaflet-pane > canvas,
|
||||
.leaflet-zoom-box,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-layer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
.leaflet-tile,
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
/* Prevents IE11 from highlighting tiles in blue */
|
||||
.leaflet-tile::selection {
|
||||
background: transparent;
|
||||
}
|
||||
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
|
||||
.leaflet-safari .leaflet-tile {
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
}
|
||||
/* hack that prevents hw layers "stretching" when loading new tiles */
|
||||
.leaflet-safari .leaflet-tile-container {
|
||||
width: 1600px;
|
||||
height: 1600px;
|
||||
-webkit-transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
|
||||
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
|
||||
.leaflet-container .leaflet-overlay-pane svg,
|
||||
.leaflet-container .leaflet-marker-pane img,
|
||||
.leaflet-container .leaflet-shadow-pane img,
|
||||
.leaflet-container .leaflet-tile-pane img,
|
||||
.leaflet-container img.leaflet-image-layer,
|
||||
.leaflet-container .leaflet-tile {
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.leaflet-container.leaflet-touch-zoom {
|
||||
-ms-touch-action: pan-x pan-y;
|
||||
touch-action: pan-x pan-y;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag {
|
||||
-ms-touch-action: pinch-zoom;
|
||||
/* Fallback for FF which doesn't support pinch-zoom */
|
||||
touch-action: none;
|
||||
touch-action: pinch-zoom;
|
||||
}
|
||||
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
}
|
||||
.leaflet-container {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.leaflet-container a {
|
||||
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
|
||||
}
|
||||
.leaflet-tile {
|
||||
filter: inherit;
|
||||
visibility: hidden;
|
||||
}
|
||||
.leaflet-tile-loaded {
|
||||
visibility: inherit;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
width: 0;
|
||||
height: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
z-index: 800;
|
||||
}
|
||||
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||
.leaflet-overlay-pane svg {
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
.leaflet-pane { z-index: 400; }
|
||||
|
||||
.leaflet-tile-pane { z-index: 200; }
|
||||
.leaflet-overlay-pane { z-index: 400; }
|
||||
.leaflet-shadow-pane { z-index: 500; }
|
||||
.leaflet-marker-pane { z-index: 600; }
|
||||
.leaflet-tooltip-pane { z-index: 650; }
|
||||
.leaflet-popup-pane { z-index: 700; }
|
||||
|
||||
.leaflet-map-pane canvas { z-index: 100; }
|
||||
.leaflet-map-pane svg { z-index: 200; }
|
||||
|
||||
.leaflet-vml-shape {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.lvml {
|
||||
behavior: url(#default#VML);
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
/* control positioning */
|
||||
|
||||
.leaflet-control {
|
||||
position: relative;
|
||||
z-index: 800;
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-top,
|
||||
.leaflet-bottom {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-top {
|
||||
top: 0;
|
||||
}
|
||||
.leaflet-right {
|
||||
right: 0;
|
||||
}
|
||||
.leaflet-bottom {
|
||||
bottom: 0;
|
||||
}
|
||||
.leaflet-left {
|
||||
left: 0;
|
||||
}
|
||||
.leaflet-control {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
float: right;
|
||||
}
|
||||
.leaflet-top .leaflet-control {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.leaflet-left .leaflet-control {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.leaflet-right .leaflet-control {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* zoom and fade animations */
|
||||
|
||||
.leaflet-fade-anim .leaflet-tile {
|
||||
will-change: opacity;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-popup {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
-moz-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||
opacity: 1;
|
||||
}
|
||||
.leaflet-zoom-animated {
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
will-change: transform;
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||
}
|
||||
.leaflet-zoom-anim .leaflet-tile,
|
||||
.leaflet-pan-anim .leaflet-tile {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* cursors */
|
||||
|
||||
.leaflet-interactive {
|
||||
cursor: pointer;
|
||||
}
|
||||
.leaflet-grab {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.leaflet-crosshair,
|
||||
.leaflet-crosshair .leaflet-interactive {
|
||||
cursor: crosshair;
|
||||
}
|
||||
.leaflet-popup-pane,
|
||||
.leaflet-control {
|
||||
cursor: auto;
|
||||
}
|
||||
.leaflet-dragging .leaflet-grab,
|
||||
.leaflet-dragging .leaflet-grab .leaflet-interactive,
|
||||
.leaflet-dragging .leaflet-marker-draggable {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* marker & overlays interactivity */
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow,
|
||||
.leaflet-image-layer,
|
||||
.leaflet-pane > svg path,
|
||||
.leaflet-tile-container {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon.leaflet-interactive,
|
||||
.leaflet-image-layer.leaflet-interactive,
|
||||
.leaflet-pane > svg path.leaflet-interactive,
|
||||
svg.leaflet-image-layer.leaflet-interactive path {
|
||||
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* visual tweaks */
|
||||
|
||||
.leaflet-container {
|
||||
background: #ddd;
|
||||
outline: 0;
|
||||
}
|
||||
.leaflet-container a {
|
||||
color: #0078A8;
|
||||
}
|
||||
.leaflet-container a.leaflet-active {
|
||||
outline: 2px solid orange;
|
||||
}
|
||||
.leaflet-zoom-box {
|
||||
border: 2px dotted #38f;
|
||||
background: rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
|
||||
/* general typography */
|
||||
.leaflet-container {
|
||||
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
/* general toolbar styles */
|
||||
|
||||
.leaflet-bar {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||
border-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ccc;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
.leaflet-bar a,
|
||||
.leaflet-control-layers-toggle {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
}
|
||||
.leaflet-bar a:hover {
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
.leaflet-bar a:first-child {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
.leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.leaflet-bar a.leaflet-disabled {
|
||||
cursor: default;
|
||||
background-color: #f4f4f4;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-bar a {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:first-child {
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
.leaflet-touch .leaflet-bar a:last-child {
|
||||
border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
/* zoom control */
|
||||
|
||||
.leaflet-control-zoom-in,
|
||||
.leaflet-control-zoom-out {
|
||||
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||
text-indent: 1px;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
|
||||
/* layers control */
|
||||
|
||||
.leaflet-control-layers {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers.png);
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
.leaflet-retina .leaflet-control-layers-toggle {
|
||||
background-image: url(images/layers-2x.png);
|
||||
background-size: 26px 26px;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers-toggle {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
.leaflet-control-layers .leaflet-control-layers-list,
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||
display: none;
|
||||
}
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.leaflet-control-layers-expanded {
|
||||
padding: 6px 10px 6px 6px;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
.leaflet-control-layers-scrollbar {
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.leaflet-control-layers-selector {
|
||||
margin-top: 2px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.leaflet-control-layers label {
|
||||
display: block;
|
||||
}
|
||||
.leaflet-control-layers-separator {
|
||||
height: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin: 5px -10px 5px -6px;
|
||||
}
|
||||
|
||||
/* Default icon URLs */
|
||||
.leaflet-default-icon-path {
|
||||
background-image: url(images/marker-icon.png);
|
||||
}
|
||||
|
||||
|
||||
/* attribution and scale controls */
|
||||
|
||||
.leaflet-container .leaflet-control-attribution {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
margin: 0;
|
||||
}
|
||||
.leaflet-control-attribution,
|
||||
.leaflet-control-scale-line {
|
||||
padding: 0 5px;
|
||||
color: #333;
|
||||
}
|
||||
.leaflet-control-attribution a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.leaflet-control-attribution a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.leaflet-container .leaflet-control-attribution,
|
||||
.leaflet-container .leaflet-control-scale {
|
||||
font-size: 11px;
|
||||
}
|
||||
.leaflet-left .leaflet-control-scale {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.leaflet-bottom .leaflet-control-scale {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.leaflet-control-scale-line {
|
||||
border: 2px solid #777;
|
||||
border-top: none;
|
||||
line-height: 1.1;
|
||||
padding: 2px 5px 1px;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child) {
|
||||
border-top: 2px solid #777;
|
||||
border-bottom: none;
|
||||
margin-top: -2px;
|
||||
}
|
||||
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||
border-bottom: 2px solid #777;
|
||||
}
|
||||
|
||||
.leaflet-touch .leaflet-control-attribution,
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
.leaflet-touch .leaflet-control-layers,
|
||||
.leaflet-touch .leaflet-bar {
|
||||
border: 2px solid rgba(0,0,0,0.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
|
||||
/* popup */
|
||||
|
||||
.leaflet-popup {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.leaflet-popup-content-wrapper {
|
||||
padding: 1px;
|
||||
text-align: left;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.leaflet-popup-content {
|
||||
margin: 13px 19px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.leaflet-popup-content p {
|
||||
margin: 18px 0;
|
||||
}
|
||||
.leaflet-popup-tip-container {
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
.leaflet-popup-tip {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
padding: 1px;
|
||||
|
||||
margin: -10px auto 0;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
background: white;
|
||||
color: #333;
|
||||
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 4px 4px 0 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||
color: #c3c3c3;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
background: transparent;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||
color: #999;
|
||||
}
|
||||
.leaflet-popup-scrolled {
|
||||
overflow: auto;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||
-ms-zoom: 1;
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
width: 24px;
|
||||
margin: 0 auto;
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||
}
|
||||
.leaflet-oldie .leaflet-popup-tip-container {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.leaflet-oldie .leaflet-control-zoom,
|
||||
.leaflet-oldie .leaflet-control-layers,
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||
.leaflet-oldie .leaflet-popup-tip {
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
|
||||
/* div icon */
|
||||
|
||||
.leaflet-div-icon {
|
||||
background: #fff;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
|
||||
/* Tooltip */
|
||||
/* Base styles for the element that has a tooltip */
|
||||
.leaflet-tooltip {
|
||||
position: absolute;
|
||||
padding: 6px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 3px;
|
||||
color: #222;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
|
||||
}
|
||||
.leaflet-tooltip.leaflet-clickable {
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.leaflet-tooltip-top:before,
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border: 6px solid transparent;
|
||||
background: transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Directions */
|
||||
|
||||
.leaflet-tooltip-bottom {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.leaflet-tooltip-top {
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before,
|
||||
.leaflet-tooltip-top:before {
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-top:before {
|
||||
bottom: 0;
|
||||
margin-bottom: -12px;
|
||||
border-top-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-bottom:before {
|
||||
top: 0;
|
||||
margin-top: -12px;
|
||||
margin-left: -6px;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-left {
|
||||
margin-left: -6px;
|
||||
}
|
||||
.leaflet-tooltip-right {
|
||||
margin-left: 6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before,
|
||||
.leaflet-tooltip-right:before {
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
}
|
||||
.leaflet-tooltip-left:before {
|
||||
right: 0;
|
||||
margin-right: -12px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.leaflet-tooltip-right:before {
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border-right-color: #fff;
|
||||
}
|
||||
6
public/photos/static/leaflet/leaflet.js
Normal file
2690
public/photos/static/leaflet/leaflet.markercluster-src.js
Normal file
3
public/photos/static/leaflet/leaflet.markercluster.js
Normal file
164
public/photos/static/plugins/history/galleria.history.js
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
/**
|
||||
* Galleria History Plugin
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
|
||||
/*global jQuery, Galleria, window */
|
||||
|
||||
Galleria.requires(1.25, 'The History Plugin requires Galleria version 1.2.5 or later.');
|
||||
|
||||
Galleria.History = (function() {
|
||||
|
||||
var onloads = [],
|
||||
|
||||
init = false,
|
||||
|
||||
loc = window.location,
|
||||
|
||||
doc = window.document,
|
||||
|
||||
ie = Galleria.IE,
|
||||
|
||||
support = 'onhashchange' in window && ( doc.mode === undefined || doc.mode > 7 ),
|
||||
|
||||
iframe,
|
||||
|
||||
get = function( winloc ) {
|
||||
if( iframe && !support && Galleria.IE ) {
|
||||
winloc = winloc || iframe.location;
|
||||
} else {
|
||||
winloc = loc;
|
||||
}
|
||||
return parseInt( winloc.hash.substr(2), 10 );
|
||||
},
|
||||
|
||||
saved = get( loc ),
|
||||
|
||||
callbacks = [],
|
||||
|
||||
onchange = function() {
|
||||
$.each( callbacks, function( i, fn ) {
|
||||
fn.call( window, get() );
|
||||
});
|
||||
},
|
||||
|
||||
ready = function() {
|
||||
$.each( onloads, function(i, fn) {
|
||||
fn();
|
||||
});
|
||||
|
||||
init = true;
|
||||
},
|
||||
|
||||
setHash = function( val ) {
|
||||
return '/' + val;
|
||||
};
|
||||
|
||||
// always remove support if IE < 8
|
||||
if ( support && ie < 8 ) {
|
||||
support = false;
|
||||
}
|
||||
|
||||
if ( !support ) {
|
||||
|
||||
$(function() {
|
||||
|
||||
var interval = window.setInterval(function() {
|
||||
|
||||
var hash = get();
|
||||
|
||||
if ( !isNaN( hash ) && hash != saved ) {
|
||||
saved = hash;
|
||||
loc.hash = setHash( hash );
|
||||
onchange();
|
||||
}
|
||||
|
||||
}, 50);
|
||||
|
||||
if ( ie ) {
|
||||
|
||||
$('<iframe tabindex="-1" title="empty">').hide().attr( 'src', 'about:blank' ).one('load', function() {
|
||||
|
||||
iframe = this.contentWindow;
|
||||
|
||||
ready();
|
||||
|
||||
}).insertAfter(doc.body);
|
||||
|
||||
} else {
|
||||
ready();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
ready();
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
change: function( fn ) {
|
||||
|
||||
callbacks.push( fn );
|
||||
|
||||
if( support ) {
|
||||
window.onhashchange = onchange;
|
||||
}
|
||||
},
|
||||
|
||||
set: function( val ) {
|
||||
|
||||
if ( isNaN( val ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( !support && ie ) {
|
||||
|
||||
this.ready(function() {
|
||||
|
||||
var idoc = iframe.document;
|
||||
idoc.open();
|
||||
idoc.close();
|
||||
|
||||
iframe.location.hash = setHash( val );
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
loc.hash = setHash( val );
|
||||
},
|
||||
|
||||
ready: function(fn) {
|
||||
if (!init) {
|
||||
onloads.push(fn);
|
||||
} else {
|
||||
fn();
|
||||
}
|
||||
}
|
||||
};
|
||||
}());
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
|
||||
10
public/photos/static/plugins/history/galleria.history.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.requires(1.25,"The History Plugin requires Galleria version 1.2.5 or later."),b.History=function(){var d,e=[],f=!1,g=a.location,h=a.document,i=b.IE,j="onhashchange"in a&&(void 0===h.mode||h.mode>7),k=function(a){return a=d&&!j&&b.IE?a||d.location:g,parseInt(a.hash.substr(2),10)},l=k(g),m=[],n=function(){c.each(m,function(b,c){c.call(a,k())})},o=function(){c.each(e,function(a,b){b()}),f=!0},p=function(a){return"/"+a};return j&&i<8&&(j=!1),j?o():c(function(){a.setInterval(function(){var a=k();isNaN(a)||a==l||(l=a,g.hash=p(a),n())},50);i?c('<iframe tabindex="-1" title="empty">').hide().attr("src","about:blank").one("load",function(){d=this.contentWindow,o()}).insertAfter(h.body):o()}),{change:function(b){m.push(b),j&&(a.onhashchange=n)},set:function(a){isNaN(a)||(!j&&i&&this.ready(function(){var b=d.document;b.open(),b.close(),d.location.hash=p(a)}),g.hash=p(a))},ready:function(a){f?a():e.push(a)}}}(),b});
|
||||
403
public/photos/static/themes/azur/galleria.azur.css
Normal file
312
public/photos/static/themes/azur/galleria.azur.js
Normal file
|
|
@ -0,0 +1,312 @@
|
|||
/**
|
||||
* Galleria Azur Theme
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
/*global jQuery, Galleria, window */
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'azur',
|
||||
version: 1.60,
|
||||
author: 'Galleria',
|
||||
css: 'galleria.azur.css',
|
||||
// begin site script
|
||||
defaults: {
|
||||
transition: 'fade',
|
||||
transitionSpeed: 500,
|
||||
imageCrop: true,
|
||||
thumbCrop: 'height',
|
||||
idleMode: 'hover',
|
||||
idleSpeed: 500,
|
||||
fullscreenTransition: false,
|
||||
|
||||
_locale: {
|
||||
show_captions: 'Show captions',
|
||||
hide_captions: 'Hide captions',
|
||||
play: 'Play slideshow',
|
||||
pause: 'Pause slideshow',
|
||||
enter_fullscreen: 'Enter fullscreen',
|
||||
exit_fullscreen: 'Exit fullscreen',
|
||||
next: 'Next image',
|
||||
prev: 'Previous image',
|
||||
showing_image: 'Showing image %s of %s'
|
||||
},
|
||||
|
||||
_toggleCaption: true,
|
||||
_showCaption: true,
|
||||
_showTooltip: true
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires( 1.6, 'This version of Azur theme requires Galleria version 1.6 or later');
|
||||
|
||||
// add some elements
|
||||
this.addElement('bar','fullscreen','play','progress').append({
|
||||
'stage' : 'progress',
|
||||
'container': 'bar',
|
||||
'bar' : ['fullscreen','play','thumbnails-container']
|
||||
}).prependChild( 'stage', 'info' ).appendChild( 'container', 'tooltip' );
|
||||
|
||||
// copy the scope
|
||||
var gallery = this,
|
||||
document = window.document,
|
||||
lang = options._locale,
|
||||
canvSupport = ( 'getContext' in document.createElement('canvas') );
|
||||
|
||||
// progress animation
|
||||
(function() {
|
||||
|
||||
if ( !canvSupport ) {
|
||||
|
||||
gallery.addElement( 'progressbar' ).appendChild( 'progress', 'progressbar' );
|
||||
gallery.$( 'progress' ).addClass('nocanvas');
|
||||
|
||||
var w = gallery.$( 'progress' ).width();
|
||||
|
||||
gallery.bind( 'progress', function(e) {
|
||||
gallery.$( 'progressbar' ).width( e.percent/100 * w );
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
var dim = 24,
|
||||
canvas = document.createElement('canvas'),
|
||||
ctx = canvas.getContext('2d'),
|
||||
radius = function( degrees ) {
|
||||
return degrees * ( Math.PI/180 );
|
||||
},
|
||||
arc = function( degrees, color ) {
|
||||
ctx.strokeStyle = color || '#000';
|
||||
ctx.lineWidth = 3;
|
||||
ctx.clearRect( 0, 0, dim, dim );
|
||||
ctx.beginPath();
|
||||
ctx.arc( dim/2, dim/2, dim/2-2, radius(-90), radius(degrees-90), false );
|
||||
ctx.stroke();
|
||||
ctx.closePath();
|
||||
};
|
||||
|
||||
canvas.width = dim;
|
||||
canvas.height = dim;
|
||||
|
||||
$( canvas ).css({
|
||||
zIndex: 10000,
|
||||
position: 'absolute',
|
||||
right:10,
|
||||
top:10
|
||||
}).appendTo( gallery.get('container') );
|
||||
|
||||
gallery.bind( 'progress', function(e) {
|
||||
$( canvas ).fadeIn(200);
|
||||
arc( e.percent*3.6, 'rgba(255,255,255,.7)' );
|
||||
});
|
||||
|
||||
gallery.bind( 'pause', function() {
|
||||
$( canvas ).fadeOut( 200, function() {
|
||||
ctx.clearRect( 0, 0, dim, dim );
|
||||
});
|
||||
});
|
||||
|
||||
}());
|
||||
|
||||
// loader
|
||||
(function() {
|
||||
|
||||
var requestFrame = (function(){
|
||||
var r = 'RequestAnimationFrame';
|
||||
return window.requestAnimationFrame ||
|
||||
window['webkit'+r] ||
|
||||
window['moz'+r] ||
|
||||
window['o'+r] ||
|
||||
window['ms'+r] ||
|
||||
function( callback ) {
|
||||
window.setTimeout(callback, 1000 / 60);
|
||||
};
|
||||
}());
|
||||
|
||||
if ( !canvSupport ) {
|
||||
gallery.$( 'loader' ).addClass( 'nocanvas' );
|
||||
return;
|
||||
}
|
||||
|
||||
var elem = document.createElement('canvas'),
|
||||
ctx = elem.getContext('2d'),
|
||||
M = Math,
|
||||
_restore = function( ctx, size, back ) {
|
||||
var n = back ? -2 : 2;
|
||||
ctx.translate( size/n, size/n );
|
||||
},
|
||||
step = 28;
|
||||
|
||||
$(elem).hide().appendTo( gallery.get('loader') ).fadeIn(500);
|
||||
|
||||
var draw = function( ctx, st ) {
|
||||
|
||||
var size = 48,
|
||||
lines = 28,
|
||||
l;
|
||||
|
||||
ctx.clearRect(0, 0, size, size);
|
||||
ctx.lineWidth = 1.5;
|
||||
|
||||
for (var i=0; i < lines; i++) {
|
||||
|
||||
l = i+st >= lines ? i-lines+st : i+st;
|
||||
|
||||
ctx.strokeStyle = 'rgba(255,255,255,' + M.max(0, l/lines ) + ')';
|
||||
ctx.lineWidth = 1;
|
||||
ctx.beginPath();
|
||||
|
||||
ctx.moveTo( size/2, size/2-16 );
|
||||
ctx.lineTo( size/2, 0 );
|
||||
ctx.stroke();
|
||||
_restore( ctx, size, false );
|
||||
ctx.rotate( ( 360/lines ) * M.PI/180 );
|
||||
_restore( ctx, size, true );
|
||||
}
|
||||
|
||||
ctx.save();
|
||||
_restore( ctx, size, false );
|
||||
|
||||
ctx.rotate( -1 * ( 360/lines/8 ) * M.PI/180 );
|
||||
_restore( ctx, size, true );
|
||||
};
|
||||
|
||||
(function loop() {
|
||||
requestFrame(loop);
|
||||
draw(ctx, step);
|
||||
step = step === 0 ? 28 : step-1;
|
||||
}())
|
||||
}());
|
||||
|
||||
var infoState = Galleria.IE < 9 ? { bottom: -100 } : { bottom: -50, opacity: 0 },
|
||||
counterState = Galleria.IE < 9 ? { top: -20 } : { opacity: 0, top: -20 };
|
||||
|
||||
this.bind( 'play', function() {
|
||||
|
||||
this.$( 'play' ).addClass( 'pause' );
|
||||
if ( !canvSupport ) {
|
||||
this.$( 'progress' ).show();
|
||||
}
|
||||
|
||||
}).bind( 'pause', function() {
|
||||
|
||||
this.$( 'play' ).removeClass( 'pause' );
|
||||
if ( !canvSupport ) {
|
||||
this.$( 'progress' ).hide();
|
||||
}
|
||||
|
||||
}).bind( 'loadstart', function(e) {
|
||||
|
||||
if ( !e.cached ) {
|
||||
this.$( 'loader' ).show();
|
||||
}
|
||||
|
||||
}).bind( 'loadfinish', function(e) {
|
||||
|
||||
if ( canvSupport ) {
|
||||
this.$( 'loader' ).fadeOut(100);
|
||||
} else {
|
||||
this.$( 'loader' ).hide();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
this.addIdleState( this.get('info'), infoState, Galleria.IE < 9 ? {} : { opacity: 1 }, true)
|
||||
.addIdleState( this.get('image-nav-left'), { opacity: 0, left: 0 }, { opacity: 1 }, true)
|
||||
.addIdleState( this.get('image-nav-right'), { opacity: 0, right: 0 }, { opacity: 1 }, true)
|
||||
.addIdleState( this.get('counter'), counterState, Galleria.IE < 9 ? {} : { opacity: 0.9 }, true);
|
||||
|
||||
this.$( 'fullscreen' ).on('click:fast', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
gallery.toggleFullscreen();
|
||||
|
||||
});
|
||||
|
||||
this.$( 'play' ).on('click:fast', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
gallery.playToggle();
|
||||
|
||||
});
|
||||
|
||||
if ( options._toggleCaption ) {
|
||||
|
||||
this.$( 'info' ).addClass( 'toggler' );
|
||||
this.addElement( 'captionopen' ).appendChild( 'stage', 'captionopen' );
|
||||
this.addElement( 'captionclose' ).appendChild( 'info', 'captionclose' );
|
||||
|
||||
this.$( 'captionopen' ).on('click:fast', function() {
|
||||
gallery.$( 'info' ).addClass( 'open' );
|
||||
$(this).hide();
|
||||
}).html( lang.show_captions );
|
||||
|
||||
this.bind( 'loadstart', function() {
|
||||
this.$( 'captionopen' ).toggle( !gallery.$( 'info' ).hasClass( 'open' ) && this.hasInfo() );
|
||||
});
|
||||
|
||||
this.$( 'captionclose' ).on('click:fast', function() {
|
||||
gallery.$( 'info' ).removeClass( 'open' );
|
||||
if ( gallery.hasInfo() ) {
|
||||
gallery.$( 'captionopen' ).show();
|
||||
}
|
||||
}).html('×');
|
||||
|
||||
if ( options._showCaption ) {
|
||||
this.$( 'captionopen' ).trigger('click:fast');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if ( options._showTooltip ) {
|
||||
|
||||
this.bindTooltip({
|
||||
|
||||
'fullscreen': function() {
|
||||
return gallery.isFullscreen() ? lang.exit_fullscreen : lang.enter_fullscreen;
|
||||
},
|
||||
|
||||
'play': function() {
|
||||
return gallery.isPlaying() ? lang.pause : lang.play;
|
||||
},
|
||||
|
||||
'captionclose': lang.hide_captions,
|
||||
|
||||
'image-nav-right': lang.next,
|
||||
|
||||
'image-nav-left': lang.prev,
|
||||
|
||||
'counter': function() {
|
||||
return lang.showing_image.replace( /\%s/, gallery.getIndex() + 1 ).replace( /\%s/, gallery.getDataLength() );
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
// end site script
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/azur/galleria.azur.min.css
vendored
Normal file
10
public/photos/static/themes/azur/galleria.azur.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"azur",version:1.6,author:"Galleria",css:"galleria.azur.css",defaults:{transition:"fade",transitionSpeed:500,imageCrop:!0,thumbCrop:"height",idleMode:"hover",idleSpeed:500,fullscreenTransition:!1,_locale:{show_captions:"Show captions",hide_captions:"Hide captions",play:"Play slideshow",pause:"Pause slideshow",enter_fullscreen:"Enter fullscreen",exit_fullscreen:"Exit fullscreen",next:"Next image",prev:"Previous image",showing_image:"Showing image %s of %s"},_toggleCaption:!0,_showCaption:!0,_showTooltip:!0},init:function(d){b.requires(1.6,"This version of Azur theme requires Galleria version 1.6 or later"),this.addElement("bar","fullscreen","play","progress").append({stage:"progress",container:"bar",bar:["fullscreen","play","thumbnails-container"]}).prependChild("stage","info").appendChild("container","tooltip");var e=this,f=a.document,g=d._locale,h="getContext"in f.createElement("canvas");!function(){if(!h){e.addElement("progressbar").appendChild("progress","progressbar"),e.$("progress").addClass("nocanvas");var a=e.$("progress").width();return void e.bind("progress",function(b){e.$("progressbar").width(b.percent/100*a)})}var b=f.createElement("canvas"),d=b.getContext("2d"),g=function(a){return a*(Math.PI/180)},i=function(a,b){d.strokeStyle=b||"#000",d.lineWidth=3,d.clearRect(0,0,24,24),d.beginPath(),d.arc(12,12,10,g(-90),g(a-90),!1),d.stroke(),d.closePath()};b.width=24,b.height=24,c(b).css({zIndex:1e4,position:"absolute",right:10,top:10}).appendTo(e.get("container")),e.bind("progress",function(a){c(b).fadeIn(200),i(3.6*a.percent,"rgba(255,255,255,.7)")}),e.bind("pause",function(){c(b).fadeOut(200,function(){d.clearRect(0,0,24,24)})})}(),function(){var b=function(){var b="RequestAnimationFrame";return a.requestAnimationFrame||a["webkit"+b]||a["moz"+b]||a["o"+b]||a["ms"+b]||function(b){a.setTimeout(b,1e3/60)}}();if(!h)return void e.$("loader").addClass("nocanvas");var d=f.createElement("canvas"),g=d.getContext("2d"),i=Math,j=function(a,b,c){var d=c?-2:2;a.translate(b/d,b/d)},k=28;c(d).hide().appendTo(e.get("loader")).fadeIn(500);var l=function(a,b){var c;a.clearRect(0,0,48,48),a.lineWidth=1.5;for(var d=0;d<28;d++)c=d+b>=28?d-28+b:d+b,a.strokeStyle="rgba(255,255,255,"+i.max(0,c/28)+")",a.lineWidth=1,a.beginPath(),a.moveTo(24,8),a.lineTo(24,0),a.stroke(),j(a,48,!1),a.rotate(360/28*i.PI/180),j(a,48,!0);a.save(),j(a,48,!1),a.rotate(360/28/8*-1*i.PI/180),j(a,48,!0)};!function a(){b(a),l(g,k),k=0===k?28:k-1}()}();var i=b.IE<9?{bottom:-100}:{bottom:-50,opacity:0},j=b.IE<9?{top:-20}:{opacity:0,top:-20};this.bind("play",function(){this.$("play").addClass("pause"),h||this.$("progress").show()}).bind("pause",function(){this.$("play").removeClass("pause"),h||this.$("progress").hide()}).bind("loadstart",function(a){a.cached||this.$("loader").show()}).bind("loadfinish",function(a){h?this.$("loader").fadeOut(100):this.$("loader").hide()}),this.addIdleState(this.get("info"),i,b.IE<9?{}:{opacity:1},!0).addIdleState(this.get("image-nav-left"),{opacity:0,left:0},{opacity:1},!0).addIdleState(this.get("image-nav-right"),{opacity:0,right:0},{opacity:1},!0).addIdleState(this.get("counter"),j,b.IE<9?{}:{opacity:.9},!0),this.$("fullscreen").on("click:fast",function(a){a.preventDefault(),e.toggleFullscreen()}),this.$("play").on("click:fast",function(a){a.preventDefault(),e.playToggle()}),d._toggleCaption&&(this.$("info").addClass("toggler"),this.addElement("captionopen").appendChild("stage","captionopen"),this.addElement("captionclose").appendChild("info","captionclose"),this.$("captionopen").on("click:fast",function(){e.$("info").addClass("open"),c(this).hide()}).html(g.show_captions),this.bind("loadstart",function(){this.$("captionopen").toggle(!e.$("info").hasClass("open")&&this.hasInfo())}),this.$("captionclose").on("click:fast",function(){e.$("info").removeClass("open"),e.hasInfo()&&e.$("captionopen").show()}).html("×"),d._showCaption&&this.$("captionopen").trigger("click:fast")),d._showTooltip&&this.bindTooltip({fullscreen:function(){return e.isFullscreen()?g.exit_fullscreen:g.enter_fullscreen},play:function(){return e.isPlaying()?g.pause:g.play},captionclose:g.hide_captions,"image-nav-right":g.next,"image-nav-left":g.prev,counter:function(){return g.showing_image.replace(/\%s/,e.getIndex()+1).replace(/\%s/,e.getDataLength())}})}}),b});
|
||||
217
public/photos/static/themes/classic/galleria.classic.css
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
#galleria-loader{height:1px!important}
|
||||
|
||||
.galleria-theme-classic {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
}
|
||||
.galleria-theme-classic img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
.galleria-theme-classic .galleria-stage {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
bottom: 60px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumbnails-container {
|
||||
height: 50px;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
z-index: 2;
|
||||
}
|
||||
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumbnails .galleria-image {
|
||||
height: 40px;
|
||||
width: 60px;
|
||||
background: #000;
|
||||
margin: 0 5px 0 0;
|
||||
border: 1px solid #000;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.galleria-theme-classic .galleria-counter {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
font: normal 11px/1 arial,sans-serif;
|
||||
z-index: 1;
|
||||
}
|
||||
.galleria-theme-classic .galleria-loader {
|
||||
background: #000;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
background: url('data:image/gif;base64,R0lGODlhEAAQAPQAAAAAAP///w4ODnR0dB4eHri4uISEhP///6amptra2lJSUkBAQOrq6mJiYvr6+sjIyJaWlgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAAKAAEALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQACgACACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQACgADACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkEAAoABAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkEAAoABQAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkEAAoABgAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAAKAAcALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkEAAoACAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAAKAAkALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQACgAKACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQACgALACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==') no-repeat 2px 2px;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info {
|
||||
width: 50%;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-text {
|
||||
background-color: #000;
|
||||
padding: 12px;
|
||||
display: none;
|
||||
/* IE7 */ zoom:1;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-title {
|
||||
font: bold 12px/1.1 arial,sans-serif;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-description {
|
||||
font: italic 12px/1.4 georgia,serif;
|
||||
margin: 0;
|
||||
color: #bbb;
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-close {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
background-position: -753px -11px;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
.galleria-theme-classic .notouch .galleria-info-close:hover{
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic .touch .galleria-info-close:active{
|
||||
opacity:1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic .galleria-info-link {
|
||||
background-position: -669px -5px;
|
||||
opacity: .7;
|
||||
filter: alpha(opacity=70);
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
background-color: #000;
|
||||
}
|
||||
.galleria-theme-classic.notouch .galleria-info-link:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic.touch .galleria-info-link:active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic .galleria-image-nav {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -62px;
|
||||
width: 100%;
|
||||
height: 62px;
|
||||
left: 0;
|
||||
}
|
||||
.galleria-theme-classic .galleria-image-nav-left,
|
||||
.galleria-theme-classic .galleria-image-nav-right {
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30);
|
||||
cursor: pointer;
|
||||
width: 62px;
|
||||
height: 124px;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
z-index: 2;
|
||||
background-position: 0 46px;
|
||||
}
|
||||
.galleria-theme-classic .galleria-image-nav-right {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
background-position: -254px 46px;
|
||||
z-index: 2;
|
||||
}
|
||||
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
|
||||
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic.touch .galleria-image-nav-left:active,
|
||||
.galleria-theme-classic.touch .galleria-image-nav-right:active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumb-nav-left,
|
||||
.galleria-theme-classic .galleria-thumb-nav-right {
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
background-position: -495px 5px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 40px;
|
||||
width: 23px;
|
||||
z-index: 3;
|
||||
opacity: .8;
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumb-nav-right {
|
||||
background-position: -578px 5px;
|
||||
border-right: none;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumbnails-container .disabled {
|
||||
opacity: .2;
|
||||
filter: alpha(opacity=20);
|
||||
cursor: default;
|
||||
}
|
||||
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
|
||||
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
background-color: #111;
|
||||
}
|
||||
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
|
||||
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
background-color: #111;
|
||||
}
|
||||
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
|
||||
opacity: .2;
|
||||
filter: alpha(opacity=20);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
|
||||
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
|
||||
display: block;
|
||||
}
|
||||
.galleria-theme-classic .galleria-thumb-nav-left,
|
||||
.galleria-theme-classic .galleria-thumb-nav-right,
|
||||
.galleria-theme-classic .galleria-info-link,
|
||||
.galleria-theme-classic .galleria-info-close,
|
||||
.galleria-theme-classic .galleria-image-nav-left,
|
||||
.galleria-theme-classic .galleria-image-nav-right {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/gAAAAfCAYAAABTcmYwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3ODRCNjVENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3ODRCNjZENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Mzk5MTg1OEQ1RjExMURGODg1Q0Y5NEU1QTU0MTI3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDc4NEI2NEQ1RjcxMURGODg1Q0Y5NEU1QTU0MTI3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqgJ9JYAAAOkSURBVHja7N3Ni01hHAfwZ+7CiryUsmTlZUNNsb2lpAgbEf+BDfspkqzxF9gi8hKRkrGcotiIDTZKKSmzspjr9zjn5rhm5o6ZcZ055/Opb4ay+S2ee77zPOe5Y71eLy3S6sh0Ahgtaw8AAMyis8j/tynyPHLWCIEROh+ZKtcgAABgiQU/P1g/iWyNnEjFbhrAv5bXmmORHeUapOQDAMASCn6/3OcH7NeRbnJUFhiN6XLNeavkAwDA0gr+YLnfG/lkhMAIfSpL/mslHwAAFlfwlXugTiV/r5IPAAB/X/CVe0DJBwCAmhsb8jV5GyOTyj1QU7PdC/LZWAAAaKOOcg+sYIM7+ZPl2gUAAAq+cg8o+QD8R2ciR4wB4O/NdkR/sNx3kyOvQP05rg/D5Q/9MWMwrxrLa/fT/nOqcQy1Os3+ldVz/TvQcB3lHmiIwa/Qm0x28mGwrGJudfcycidy2SiGOh+ZSn9eMrs78i5yyIigfao7+Mo90ATWMpi/pNoVNTdWvrxD/zyyNf3+Om0u948jayM3I0eNCtqlU3kgdrQVaILPyU4+zFVSMcc6y+/e5+P5l4xiqOmBz7r8HL+vUu7vRU4aE7RP3sHPD775eM8W5R5okOpO/vvIHmsbSmnx2W8s5ldDVyPr0q/L9fJz6QdjGap6/8xMKjbvcrnPO/ffjQfaWfDzu047I18i2zwAAw0r+W8iGyKvIruMBAVVQTW/2snFvlv+mYv+18h6Y1mwvHP/sCz33yLbIx+NBdopLwQXUvEbv/wAPGEkQINMlGvbTLnWQdsoo+a5EuRCny/WO1z+/Y6RLNh45Eal3K9JxTF9r6ZBiwv+rciBVBzjOZ3cWgo0w+VyTfternG3jASlFHOstf7x/GdGseBy33/n/nYqdu7dPwMK/k+PUvFbUyUfaFq5P1yucaCcYn711a38nMvpOSOZV75FPx/Lz6fU8m35x1NxLL9bKfnXjAnaW/CVfEC5ByUVc/tfvlZ+zu/h3zWSeeVb9E9Frqfitvz+hXr9b5LJpyDOGBO08EOr1/vj/pj95aK6KnLF4gAo9wCMwOYyk0YBsHwFX8kHlHsAAFhhOnP8u+P6gHIPAAANKPhKPqDcAwBAQwq+kg8o9wAA0JCCr+QDyj0AADSk4Cv5gHIPAAANKfhKPqDcAwBAjc31NXnzqX6F3sHIA2MERuRA5L5yDwAAy1Pw+yV/PHLRCIERm4i8UO4BAGB5Cj4AAABQIz8EGAC+MAY7hAP2pgAAAABJRU5ErkJggg==');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.galleria-theme-classic.galleria-container.videoplay .galleria-info,
|
||||
.galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important; }
|
||||
117
public/photos/static/themes/classic/galleria.classic.js
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
/**
|
||||
* Galleria Classic Theme
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'classic',
|
||||
version: 1.6,
|
||||
author: 'Galleria',
|
||||
css: 'galleria.classic.css',
|
||||
defaults: {
|
||||
transition: 'slide',
|
||||
thumbCrop: 'height',
|
||||
|
||||
// set this to false if you want to show the caption all the time:
|
||||
_toggleInfo: true
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires(1.4, 'This version of Classic theme requires Galleria 1.4 or later');
|
||||
|
||||
// add some elements
|
||||
this.addElement('info-link','info-close');
|
||||
this.append({
|
||||
'info' : ['info-link','info-close']
|
||||
});
|
||||
|
||||
// cache some stuff
|
||||
var info = this.$('info-link,info-close,info-text'),
|
||||
touch = Galleria.TOUCH;
|
||||
|
||||
// show loader & counter with opacity
|
||||
this.$('loader,counter').show().css('opacity', 0.4);
|
||||
|
||||
// some stuff for non-touch browsers
|
||||
if (! touch ) {
|
||||
this.addIdleState( this.get('image-nav-left'), { left:-50 });
|
||||
this.addIdleState( this.get('image-nav-right'), { right:-50 });
|
||||
this.addIdleState( this.get('counter'), { opacity:0 });
|
||||
}
|
||||
|
||||
// toggle info
|
||||
if ( options._toggleInfo === true ) {
|
||||
info.bind( 'click:fast', function() {
|
||||
info.toggle();
|
||||
});
|
||||
} else {
|
||||
info.show();
|
||||
this.$('info-link, info-close').hide();
|
||||
}
|
||||
|
||||
// bind some stuff
|
||||
this.bind('thumbnail', function(e) {
|
||||
|
||||
if (! touch ) {
|
||||
// fade thumbnails
|
||||
$(e.thumbTarget).css('opacity', 0.6).parent().hover(function() {
|
||||
$(this).not('.active').children().stop().fadeTo(100, 1);
|
||||
}, function() {
|
||||
$(this).not('.active').children().stop().fadeTo(400, 0.6);
|
||||
});
|
||||
|
||||
if ( e.index === this.getIndex() ) {
|
||||
$(e.thumbTarget).css('opacity',1);
|
||||
}
|
||||
} else {
|
||||
$(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6).bind('click:fast', function() {
|
||||
$(this).css( 'opacity', 1 ).parent().siblings().children().css('opacity', 0.6);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var activate = function(e) {
|
||||
$(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
|
||||
};
|
||||
|
||||
this.bind('loadstart', function(e) {
|
||||
if (!e.cached) {
|
||||
this.$('loader').show().fadeTo(200, 0.4);
|
||||
}
|
||||
window.setTimeout(function() {
|
||||
activate(e);
|
||||
}, touch ? 300 : 0);
|
||||
this.$('info').toggle( this.hasInfo() );
|
||||
});
|
||||
|
||||
this.bind('loadfinish', function(e) {
|
||||
this.$('loader').fadeOut(200);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/classic/galleria.classic.min.css
vendored
Normal file
10
public/photos/static/themes/classic/galleria.classic.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"classic",version:1.6,author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:!0},init:function(d){b.requires(1.4,"This version of Classic theme requires Galleria 1.4 or later"),this.addElement("info-link","info-close"),this.append({info:["info-link","info-close"]});var e=this.$("info-link,info-close,info-text"),f=b.TOUCH;this.$("loader,counter").show().css("opacity",.4),f||(this.addIdleState(this.get("image-nav-left"),{left:-50}),this.addIdleState(this.get("image-nav-right"),{right:-50}),this.addIdleState(this.get("counter"),{opacity:0})),!0===d._toggleInfo?e.bind("click:fast",function(){e.toggle()}):(e.show(),this.$("info-link, info-close").hide()),this.bind("thumbnail",function(a){f?c(a.thumbTarget).css("opacity",this.getIndex()?1:.6).bind("click:fast",function(){c(this).css("opacity",1).parent().siblings().children().css("opacity",.6)}):(c(a.thumbTarget).css("opacity",.6).parent().hover(function(){c(this).not(".active").children().stop().fadeTo(100,1)},function(){c(this).not(".active").children().stop().fadeTo(400,.6)}),a.index===this.getIndex()&&c(a.thumbTarget).css("opacity",1))});var g=function(a){c(a.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)};this.bind("loadstart",function(b){b.cached||this.$("loader").show().fadeTo(200,.4),a.setTimeout(function(){g(b)},f?300:0),this.$("info").toggle(this.hasInfo())}),this.bind("loadfinish",function(a){this.$("loader").fadeOut(200)})}}),b});
|
||||
185
public/photos/static/themes/folio/galleria.folio.css
Normal file
488
public/photos/static/themes/folio/galleria.folio.js
Normal file
|
|
@ -0,0 +1,488 @@
|
|||
/**
|
||||
* Galleria Folio Theme
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
|
||||
/*global jQuery, Galleria, window */
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'folio',
|
||||
version: 1.60,
|
||||
author: 'Galleria',
|
||||
css: 'galleria.folio.css',
|
||||
defaults: {
|
||||
transition: 'pulse',
|
||||
thumbCrop: 'width',
|
||||
imageCrop: false,
|
||||
carousel: false,
|
||||
show: false,
|
||||
easing: 'galleriaOut',
|
||||
trueFullscreen: false,
|
||||
|
||||
_webkitCursor: false,
|
||||
_animate: true,
|
||||
_center: false, /* Set this to false for now, for backwards compability */
|
||||
_onClick: null
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires( 1.6, 'This version of Folio theme requires Galleria version 1.6 or later');
|
||||
|
||||
this.addElement( 'preloader', 'loaded', 'close' ).append({
|
||||
container: 'preloader',
|
||||
preloader: 'loaded',
|
||||
stage: 'close'
|
||||
});
|
||||
|
||||
var self = this,
|
||||
stage = this.$('stage'),
|
||||
thumbnails = this.$('thumbnails'),
|
||||
thumbContainer = this.$('thumbnails-container'),
|
||||
images = this.$('images'),
|
||||
info = this.$('info'),
|
||||
loader = this.$('loader'),
|
||||
target = this.$('target'),
|
||||
len = 0,
|
||||
width = target.width(),
|
||||
center = options._center,
|
||||
colWidth = 0,
|
||||
colMargin = 0,
|
||||
|
||||
HASH = window.location.hash.substr( 2 ),
|
||||
|
||||
adjustInfo = function( width ) {
|
||||
self.$('info').css({
|
||||
left: self.finger ? 20 : Math.max(20, ( $(window).width()/2 - width/2 + 10 ) )
|
||||
});
|
||||
},
|
||||
|
||||
mi = function( arr ) { return Math.min.apply( window, arr ); },
|
||||
|
||||
ma = function(arr) { return Math.max.apply( window, arr ); },
|
||||
|
||||
masonry = function( elem, options ) {
|
||||
|
||||
options = $.extend({
|
||||
speed: 400,
|
||||
width: 190,
|
||||
onbrick: function(){},
|
||||
onheight: function(){},
|
||||
delay: 0,
|
||||
debug: false
|
||||
}, options );
|
||||
|
||||
elem = $(elem);
|
||||
|
||||
var bricks = elem.children(),
|
||||
width = elem.width(),
|
||||
colCount = Math.floor( width / options.width ),
|
||||
colHeight = [],
|
||||
i,
|
||||
thisCol,
|
||||
sz,
|
||||
mH,
|
||||
css = {
|
||||
'float': 'none',
|
||||
position: 'absolute',
|
||||
display: Galleria.SAFARI ? 'inline-block' : 'block'
|
||||
};
|
||||
|
||||
if ( center ) {
|
||||
var width = thumbContainer.width();
|
||||
var margin = (width-(colCount*colWidth-10))/2; // TODO calc margin dynamic
|
||||
thumbnails.css('left', colCount ? margin : 0);
|
||||
}
|
||||
|
||||
if ( elem.data('colCount') === colCount ) {
|
||||
return;
|
||||
}
|
||||
|
||||
elem.data( 'colCount', colCount );
|
||||
|
||||
if ( !bricks.length ) {
|
||||
return;
|
||||
}
|
||||
|
||||
for ( i = 0; i < colCount; i++ ) {
|
||||
colHeight[ i ] = 0;
|
||||
}
|
||||
|
||||
elem.css( 'position', 'relative' );
|
||||
|
||||
bricks.css( css ).each( function( j, brick ) {
|
||||
|
||||
brick = $( brick );
|
||||
|
||||
for ( i = colCount-1; i > -1; i-- ) {
|
||||
if ( colHeight[ i ] === mi( colHeight ) ) {
|
||||
thisCol = i;
|
||||
}
|
||||
}
|
||||
|
||||
sz = {
|
||||
top: colHeight[ thisCol ],
|
||||
left: options.width * thisCol
|
||||
};
|
||||
|
||||
if ( typeof sz.top !== 'number' || typeof sz.left !== 'number' ) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( options.speed ) {
|
||||
|
||||
window.setTimeout((function( brick, options, sz ) {
|
||||
return function(e) {
|
||||
Galleria.utils.animate( brick, sz, {
|
||||
easing: 'galleriaOut',
|
||||
duration: options.speed,
|
||||
complete: options.onbrick
|
||||
});
|
||||
};
|
||||
}( brick, options, sz )), j * options.delay );
|
||||
|
||||
} else {
|
||||
brick.css( sz );
|
||||
options.onbrick.call( brick );
|
||||
}
|
||||
|
||||
if ( !brick.data( 'height' ) ) {
|
||||
brick.data( 'height', brick.outerHeight( true ) );
|
||||
}
|
||||
|
||||
colHeight[ thisCol ] += brick.data('height');
|
||||
|
||||
});
|
||||
|
||||
mH = ma( colHeight );
|
||||
|
||||
if (mH < 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof mH !== 'number') {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( options.speed ) {
|
||||
elem.animate({ height: ma( colHeight ) }, options.speed, options.onheight );
|
||||
} else {
|
||||
elem.height( ma( colHeight ) );
|
||||
options.onheight.call( elem );
|
||||
}
|
||||
};
|
||||
|
||||
if ( center ) {
|
||||
this.$('container').addClass('center');
|
||||
}
|
||||
|
||||
this.bind( 'fullscreen_enter', function(e) {
|
||||
this.$('container').css('height','100%');
|
||||
if ( self.finger ) {
|
||||
$.each( self._controls.slides, function( i, slide ) {
|
||||
$( slide.container ).show();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
this.bind( 'fullscreen_exit', function(e) {
|
||||
|
||||
if ( this.getData().iframe ) {
|
||||
$(this._controls.getActive().container).find('iframe').remove();
|
||||
this.$('container').removeClass('iframe');
|
||||
}
|
||||
Galleria.TOUCH || $( self._controls.getActive().container ).hide();
|
||||
if ( self.finger ) {
|
||||
$.each( self._controls.slides, function( i, slide ) {
|
||||
$( slide.container ).hide();
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
this._fullscreen.beforeExit = function(ready) {
|
||||
info.hide();
|
||||
if ( Galleria.IE8 ) {
|
||||
Galleria.utils.animate( self.getActiveImage(), {
|
||||
opacity: 0
|
||||
}, {
|
||||
duration: 200
|
||||
});
|
||||
}
|
||||
Galleria.utils.animate( stage[0], {
|
||||
opacity: 0
|
||||
}, {
|
||||
duration: 200,
|
||||
complete: function() {
|
||||
stage.css({
|
||||
visibility: 'hidden',
|
||||
opacity: 1
|
||||
});
|
||||
thumbnails.show();
|
||||
Galleria.utils.animate(thumbnails[0], {
|
||||
opacity: 1
|
||||
}, {
|
||||
duration: 200
|
||||
});
|
||||
ready();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
this.bind( 'thumbnail', function(e) {
|
||||
|
||||
this.addElement( 'plus' );
|
||||
|
||||
var thumb = e.thumbTarget,
|
||||
plus = this.$( 'plus' ).css({
|
||||
display:'block'
|
||||
}).insertAfter( thumb ),
|
||||
parent = $( thumb ).parent().data('index', e.index);
|
||||
|
||||
if ( options.showInfo && this.hasInfo( e.index ) ) {
|
||||
plus.append( '<span>'+this.getData( e.index ).title+'</span>' );
|
||||
}
|
||||
|
||||
colWidth = colWidth || $(thumb).parent().outerWidth(true);
|
||||
colMargin = colMargin || colWidth - $(thumb).width();
|
||||
|
||||
$( thumb ).css( 'opacity', 0 );
|
||||
parent.off( options.thumbEventType );
|
||||
|
||||
if (Galleria.IE) {
|
||||
plus.hide();
|
||||
} else {
|
||||
plus.css('opacity',0);
|
||||
}
|
||||
|
||||
if ( !Galleria.TOUCH ) {
|
||||
|
||||
parent.hover(function() {
|
||||
if (Galleria.IE) {
|
||||
plus.show();
|
||||
} else {
|
||||
plus.stop().css('opacity',1);
|
||||
}
|
||||
}, function() {
|
||||
if (Galleria.IE) {
|
||||
plus.hide();
|
||||
} else {
|
||||
plus.stop().animate({opacity:0}, 300);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
parent.on('touchstart', function() {
|
||||
plus.css('opacity',1);
|
||||
}).on( 'touchend', function() {
|
||||
plus.hide();
|
||||
});
|
||||
}
|
||||
|
||||
len++;
|
||||
|
||||
this.$( 'loaded' ).css('width', ( len / this.getDataLength() * 100 ) + '%' );
|
||||
|
||||
if ( len === this.getDataLength() ) {
|
||||
this.$( 'preloader' ).fadeOut( 100 );
|
||||
|
||||
thumbnails.data('colCount', null);
|
||||
|
||||
masonry( thumbnails, {
|
||||
width: colWidth,
|
||||
speed: options._animate ? 400 : 0,
|
||||
onbrick: function() {
|
||||
|
||||
var el = this,
|
||||
image = $( el ).find('img, .img');
|
||||
|
||||
window.setTimeout( (function(image) {
|
||||
|
||||
return function() {
|
||||
|
||||
Galleria.utils.animate( image, {
|
||||
opacity: 1
|
||||
}, {
|
||||
duration: options.transition_speed,
|
||||
complete: function() {
|
||||
$(image).parent().css('background', '#000');
|
||||
}
|
||||
});
|
||||
|
||||
image.parent().off( 'click:fast click' ).on('click:fast', function() {
|
||||
|
||||
var index = $(this).data('index');
|
||||
|
||||
if ( Galleria.IE < 9 ) {
|
||||
$(this).find('.galleria-plus').hide();
|
||||
}
|
||||
|
||||
if ( $.isFunction( options._onClick ) ) {
|
||||
options._onClick.call(self, self.getData(index));
|
||||
return;
|
||||
}
|
||||
|
||||
stage.css({
|
||||
visibility: 'visible',
|
||||
opacity: 0
|
||||
});
|
||||
|
||||
self.$( 'target' ).height( self.$('target').height() );
|
||||
|
||||
if ( self.finger ) {
|
||||
images.css( 'opacity', 0 );
|
||||
}
|
||||
|
||||
Galleria.utils.animate(thumbnails[0], {
|
||||
opacity: 0
|
||||
}, {
|
||||
duration: 100,
|
||||
complete: function() {
|
||||
thumbnails.hide();
|
||||
self.enterFullscreen();
|
||||
Galleria.utils.animate( stage[0], {
|
||||
opacity: 1
|
||||
}, {
|
||||
duration: 200,
|
||||
complete: function() {
|
||||
if ( self.finger ) {
|
||||
images.animate({ opacity: 1 });
|
||||
self.finger.moveTo( index );
|
||||
}
|
||||
if ( self.finger ) {
|
||||
self.finger.setPosition( -index*self.finger.width );
|
||||
}
|
||||
self.show( index );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
}( image )), options._animate ? image.parent().data('index')*100 : 0);
|
||||
},
|
||||
onheight: function() {
|
||||
target.height( thumbnails.height() );
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
this.bind( 'loadstart', function(e) {
|
||||
if (! e.cached ) {
|
||||
loader.show();
|
||||
}
|
||||
});
|
||||
|
||||
this.bind('data', function() {
|
||||
len = 0;
|
||||
});
|
||||
|
||||
this.bind( 'loadfinish', function(e) {
|
||||
if ( !e.galleriaData ) {
|
||||
return;
|
||||
}
|
||||
loader.hide();
|
||||
this.finger || info.hide();
|
||||
if ( this.hasInfo() && options.showInfo && this.isFullscreen() && !this.finger ) {
|
||||
info.fadeIn( options.transition ? options.transitionSpeed : 0 );
|
||||
}
|
||||
|
||||
adjustInfo( $(e.imageTarget).width() );
|
||||
this.finger && options.showInfo && info.show();
|
||||
});
|
||||
|
||||
if ( !Galleria.TOUCH && !options._webkitCursor ) {
|
||||
|
||||
this.addIdleState( this.get('image-nav-left'), { left: -100 });
|
||||
this.addIdleState( this.get('image-nav-right'), { right: -100 });
|
||||
this.addIdleState( this.get('info'), { opacity: 0 });
|
||||
}
|
||||
|
||||
this.$('container').css({
|
||||
width: options.width,
|
||||
height: 'auto'
|
||||
});
|
||||
|
||||
if (options._webkitCursor && Galleria.WEBKIT && !Galleria.TOUCH) {
|
||||
this.$('image-nav-right,image-nav-left').addClass('cur');
|
||||
}
|
||||
|
||||
if (Galleria.TOUCH) {
|
||||
this.setOptions({
|
||||
transition: 'fadeslide',
|
||||
initialTransition: false
|
||||
});
|
||||
}
|
||||
|
||||
this.$('close').on('click:fast', function() {
|
||||
self.exitFullscreen();
|
||||
});
|
||||
|
||||
if ( Galleria.History && HASH ) {
|
||||
stage.css('visibility', 'visible');
|
||||
thumbnails.css('opacity', 0);
|
||||
this.$( 'preloader' ).hide();
|
||||
this.enterFullscreen(function() {
|
||||
this.show( parseInt(HASH, 10) );
|
||||
});
|
||||
}
|
||||
|
||||
var timer = null;
|
||||
var onResize = function( e ) {
|
||||
timer = null;
|
||||
if ( self.isFullscreen() ) {
|
||||
if ( self.getActiveImage() ) {
|
||||
adjustInfo( self.getActiveImage().width );
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
var nw = thumbContainer.width();
|
||||
|
||||
if( nw !== width ) {
|
||||
width = nw;
|
||||
masonry( thumbnails, {
|
||||
width:colWidth,
|
||||
delay: 50,
|
||||
debug: true,
|
||||
onheight: function() {
|
||||
target.height( thumbnails.height() );
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$(window).resize( function() {
|
||||
if ( timer ) {
|
||||
clearTimeout(timer);
|
||||
}
|
||||
timer = setTimeout(onResize, 200);
|
||||
})
|
||||
onResize();
|
||||
}
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/folio/galleria.folio.min.css
vendored
Normal file
10
public/photos/static/themes/folio/galleria.folio.min.js
vendored
Normal file
219
public/photos/static/themes/fullscreen/galleria.fullscreen.css
Normal file
|
|
@ -0,0 +1,219 @@
|
|||
#galleria-loader{height:1px!important}
|
||||
|
||||
html,
|
||||
body { background: #000 }
|
||||
.galleria-theme-fullscreen {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: #000;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.galleria-theme-fullscreen img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-stage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-container {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
padding-top: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
.galleria-theme-fullscreen.videoplay .galleria-thumbnails-container { display:none!important; }
|
||||
.galleria-theme-fullscreen.videoplay .galleria-image-nav { top:80px; bottom:80px; height:auto; }
|
||||
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-tab {
|
||||
opacity: .7;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
|
||||
filter: alpha(opacity=70);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -50px;
|
||||
top: 0;
|
||||
height: 16px;
|
||||
width: 100px;
|
||||
background: #000 url('data:image/gif;base64,R0lGODlhBwAIAIABAP///////yH5BAEAAAEALAAAAAAHAAgAAAINjGEJq8gJVVzouBpDAQA7') no-repeat 50% 5px;
|
||||
cursor: pointer;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-thumbnails-tab {
|
||||
background:#fff url('data:image/gif;base64,R0lGODlhBwAIAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ5NTRGQTNCMUYxMUUzODczNkFGQzMzMTgxOTcxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTQ5NTRGQjNCMUYxMUUzODczNkFGQzMzMTgxOTcxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI1NDk1NEY4M0IxRjExRTM4NzM2QUZDMzMxODE5NzE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI1NDk1NEY5M0IxRjExRTM4NzM2QUZDMzMxODE5NzE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAcACAAAAg2MYQmryAlVXOi4GkMBADs=') no-repeat 50% 50%;
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-tab:hover {
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-tab.open,
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-tab.open:hover {
|
||||
background-image: url('data:image/gif;base64,R0lGODlhBwAIAIABAP///////yH5BAEAAAEALAAAAAAHAAgAAAINjG8AoaeLIJqtJetOAQA7');
|
||||
opacity: 1;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-thumbnails-tab.open,
|
||||
.galleria-theme-fullscreen.light .galleria-thumbnails-tab.open:hover {
|
||||
background-image: url('data:image/gif;base64,R0lGODlhBwAIAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTQ5NTRGNjNCMUYxMUUzODczNkFGQzMzMTgxOTcxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTQ5NTRGNzNCMUYxMUUzODczNkFGQzMzMTgxOTcxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI1NDk1NEY0M0IxRjExRTM4NzM2QUZDMzMxODE5NzE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI1NDk1NEY1M0IxRjExRTM4NzM2QUZDMzMxODE5NzE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAcACAAAAg2MbwChp4sgmq0l604BADs=');
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails {
|
||||
background: #000;
|
||||
overflow: hidden;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails-list {
|
||||
background: #000;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-thumbnails,
|
||||
.galleria-theme-fullscreen.light .galleria-thumbnails-list {
|
||||
background:#fff;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails .galleria-image {
|
||||
width: 80px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumbnails .galleria-image img { background: #000 }
|
||||
.galleria-theme-fullscreen .galleria-thumbnails .active { cursor: default }
|
||||
.galleria-theme-fullscreen .galleria-carousel .galleria-thumbnails-list {
|
||||
border-left: 30px solid #000;
|
||||
border-right: 30px solid #000;
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-carousel .galleria-thumbnails-list {
|
||||
border-color: #fff;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-image-nav {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-image-nav-right,
|
||||
.galleria-theme-fullscreen .galleria-image-nav-left {
|
||||
width: 100px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: url('data:image/gif;base64,R0lGODlhHgAeAIABAP///////yH5BAEAAAEALAAAAAAeAB4AAAIphI+py+0Po5y02ouz3isEnnggIo5GaaKjurGam8GYfNHmjef6zve+WQAAOw==') no-repeat 50% 50%;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
.galleria-theme-fullscreen.smallarrows .galleria-image-nav-right {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUE2OTE5MjNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUE2OTE5MzNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QTY5MTkwM0I2NDExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1QTY5MTkxM0I2NDExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+in5zKAAAAMBJREFUeNrE18EKxCAMBNAaWtjT/v939lTwYCNYKAu7m8yMVBBRhJdi28TSWlueaGt0Yynl5cPmvXqwBwtbBnVw7+OYz4dv6KLCo3B16H1NFHgIHmcqxaNPLMcts1mJWzZSFW7I+ShwQ99KFjfmW2RwY/9AKE7DKC6B/+FT4Y9Ecq31IOo0+Bf6LYXaEygNoygFMygMsygEK9A0rEJTsBJFq0wahapMBQpVmQo0fJPoiIMyNHWFGRgNyrNTtp0CDACOjOY0UOB3+QAAAABJRU5ErkJggg==');
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-image-nav-left {
|
||||
left: 0;
|
||||
right: auto;
|
||||
background-image: url('data:image/gif;base64,R0lGODlhHgAeAIABAP///////yH5BAEAAAEALAAAAAAeAB4AAAIphI+py+0Po5y02ouz3i0EfnigIY4leHIp+o1k664qbNLujef6zvd+XgAAOw==');
|
||||
}
|
||||
.galleria-theme-fullscreen.smallarrows .galleria-image-nav-left {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUE2OTE4RTNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUE2OTE4RjNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk5M0Q5RDU3M0I2MzExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk5M0Q5RDU4M0I2MzExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jbqELAAAAJhJREFUeNrM17kOgCAMgGE7mLjI+z+nLCYO2MWEBeRo/SUhHANfCFeRlNJCJLGARWTTYtV86XjnJ/CD6jiH1kMrPgXnaNYXtB3d4BLqOuNZdAi2QLthK7QLtkSbYWu0CfZAX2EvtAp7okXYG63Buyf6vxlja4zuavQcozcXelejrxP6HqMRCBpzoVEmGlejPwn07zSSbgEGANleQtRAGH+dAAAAAElFTkSuQmCC');
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-loader {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #fff url('data:image/gif;base64,R0lGODlhEAAQAPYAAFNTU1VVVWVlZX5+fomJiZiYmJycnK+vr76+vsDAwMnJydfX19jY2Orq6uzs7PHx8fT09P///1JSUlZWVllZWWhoaHJycnx8fJCQkJqamqenp6ioqLe3t7q6usPDw8bGxsjIyM7OztPT09TU1Nzc3N/f3+Pj4+Xl5evr6+7u7vLy8vb29vn5+VtbW1xcXGdnZ2lpaXR0dIGBgYSEhIyMjJGRkaKioqqqqq2trcLCwsTExMvLy8/Pz9DQ0OHh4e/v7/X19U9PT1BQUGZmZqurq7Gxsba2tr29vdnZ2e3t7fPz8/r6+lhYWHBwcKOjo/j4+FdXV3FxccXFxczMzOLi4gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAAoA/wAsAAAAABAAEAAABX5gJI6RopBoBB1NRBBRc0DpIxQuXAgPCfWIAOPFCCAiD1rkIEA8BoZEwjB4IAQHUaMAGCwcIgdjACi0RgwDeOQwMEaKFyGRQshNcjoqcUerSW1vI1sBXmtiAwFmIkxOUFJUVlgiPxFBQwRFR0kkNjgvETs9KCstoDJKKSImqiEAIfkEAAoA/wAsAAAAABAAEAAABqvAiFDIiqw4qKFy2MlETBTRM7mMfCak0qSUqmyUqA1qZcGEKCeMgCo0VQQhxGW08UxCrE9nmMJMQCpCKR8IFhIZLCgiJSceKUoqFxgkQhwUExMaVSIfjCsrJiUhUksamBQcQiQYF4F8HiclImMZEhYIH49GVxi6ER0fLCETHhojFwghAhUmYAIYJxQgGBaJYkobFSkmWyUSH1URKM0iEycRGXvhQigcKxFFSkEAIfkEAAoA/wAsAAAAABAAEAAAB7mAEYKCKEARPjuDioMqMToRNjEsEYaKP5MyMxEyNBE7MiqDLDI1QDktJDA4Pi41k4M7LRcLMz02OzEXhqERkz4wN68qNws5MjEouDQ4PJWCLDMTMjksPjYyLzaLET0k2yQ92zYvMjY+LDoyEzOvgio7ODQxPCgx0ws3vCw3Md7CESouxNhhg4eMBRdcJBJVo4UPHDAWtMgBpIaMdj9kJKIhI8KMjix+LJrEIoa2HDF4bRO0w0cvFIsCAQAh+QQACgD/ACwAAAAAEAAQAAAHkoARgoJJSIJISYOKg0cwSkowR4uCJDkRJAFIDJkROSSKOUJEKzBEN0MrRUKWiqpFN0ZGN0VBRYNJR0ipBkuCSwZFKyRHhTABQze9g0unATCGSkiwk7JISoLR04vV10jGyMq+zc9JRiS7yr/BJEaJgq6wsrS2oELByDcwqauKlZeZSDh5mhTBiCNIkggSMhQB0aJAACH5BAAKAP8ALAAAAAAQABAAAAe1gBGCgk87PhFPKIOLiIIxThE6MSqMET8yOxE0MhEznE8/i081Lj44MCRMHhA1Mk+ClBAXTTtOPTMkF0yZESgxMh4LN5SINzCHr086MhMzr4MQOzg0MbwRJD2VTjAyTj4+TjIvkIw9JIM7MTQ4O8SEzDI6yRE+MDiDKjckOhcxoRE7mFwgMaOHkx1NLkCw9K4GBA9MSNjz4aLGM1ivZMyIIIMGQBnu8DXxEMFJjHmVer3yYW1QIAAh+QQACgD/ACwAAAAAEAAQAAAHuYARgoMNHCsRS4OKEQ1UESIUJxEZHYuCGxVJVFAkJBRSlowCGCcUOxhRSw0bkhEdUktTUB4aIhcdUwIVjksZElEdO0mCKztQGMODJBgXKopJHickIg0r0jsjlhoUUFAdHRThGpYjOyQnKw0j5x7JgioXGCTPGFBSzhFJOx1REhmJVAQIENHhwogNHqDsWCKlEqMNDZZEwTAlEgYBDUJJkdCJAokkFTaE6pAhQikREahkDJVoRYeVigIBADs=') no-repeat 50% 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
z-index: 3;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-info {
|
||||
z-index: 4;
|
||||
font: 13px/1.4 helvetica,arial,sans-serif;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
border-top: 2px solid #000;
|
||||
display: none;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
background: rgba(0,0,0,.5);
|
||||
border-bottom:1px solid rgba(0,0,0,.1);
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-info{background:rgba(255,255,255,.5);color:#000;}
|
||||
.galleria-theme-fullscreen .galleria-info-text {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-info-title { font-weight: bold; display: inline-block; margin-right:10px; }
|
||||
.galleria-theme-fullscreen .galleria-info-description { display:inline-block; }
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-left,
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-right {
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
background: url('data:image/gif;base64,R0lGODlhBwAOAIABAP///////yH5BAEAAAEALAAAAAAHAA4AAAITjA9nkNj7AlPTKRnhxbvSzF1AAQA7') no-repeat 50% 50%;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 21px;
|
||||
bottom: 5px;
|
||||
width: 20px;
|
||||
z-index: 3;
|
||||
opacity: .8;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-thumb-nav-left{
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjE1RDBEQjNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjE1RDBEQzNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QTY5MTk4M0I2NDExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyMTVEMERBM0I2NTExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TCvkwQAAAEZJREFUeNqE0EkKADAIBMG0//9zNgi4ZNBDLjUaEWCImqbgPKZgF6YgdwbwWODhF9RCAUmjS+c34MeWQP6T7kJ0t72BJcAAQ0YMHhMIeE4AAAAASUVORK5CYII=');
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-right {
|
||||
background-image: url('data:image/gif;base64,R0lGODlhBwAOAIABAP///////yH5BAEAAAEALAAAAAAHAA4AAAISRI5geMq9mHtTRmhzujV0/wQFADs=');
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-thumb-nav-right{
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUE2OTE5NjNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUE2OTE5NzNCNjQxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QTY5MTk0M0I2NDExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1QTY5MTk1M0I2NDExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZoIU8AAAAEpJREFUeNp0kEkOADAIAoH//9le2sYFvWjCKAaSDACEKd0em8gNeJsWUJoHoHapADJ/fMCJ2M5mT2oT+mY0z5EQu6cVXEKljgADAGy8DB8XieyIAAAAAElFTkSuQmCC');
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-carousel .galleria-thumb-nav-left,
|
||||
.galleria-theme-fullscreen .galleria-carousel .galleria-thumb-nav-right { display: block }
|
||||
.galleria-theme-fullscreen .galleria-carousel .galleria-thumb-nav-left:hover,
|
||||
.galleria-theme-fullscreen .galleria-carousel .galleria-thumb-nav-right:hover { background-color: #222 }
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-left.disabled,
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-right.disabled,
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-left.disabled:hover,
|
||||
.galleria-theme-fullscreen .galleria-thumb-nav-right.disabled:hover {
|
||||
opacity: .2;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
|
||||
filter: alpha(opacity=20);
|
||||
cursor: default;
|
||||
}
|
||||
.galleria-theme-fullscreen.light .galleria-carousel .galleria-thumb-nav-left:hover,
|
||||
.galleria-theme-fullscreen.light .galleria-carousel .galleria-thumb-nav-right:hover { background-color: #ddd }
|
||||
.galleria-theme-fullscreen .galleria-exit {
|
||||
width:50px;
|
||||
height:50px;
|
||||
position:absolute;
|
||||
top:-4px;
|
||||
right:0;
|
||||
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABkCAYAAADE6GNbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDE0RTQ3NTE0NDRCMTFFMDk3RTlEODE0MzMwRjM5RUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDE0RTQ3NTI0NDRCMTFFMDk3RTlEODE0MzMwRjM5RUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTRFNDc0RjQ0NEIxMUUwOTdFOUQ4MTQzMzBGMzlFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTRFNDc1MDQ0NEIxMUUwOTdFOUQ4MTQzMzBGMzlFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgvyY1sAAAG9SURBVHja7Nkxa8JAFMDx0wiC4NShCB38Eg5CJ4eCH6J0zifqLP0WDl0d/BIZCqWzEOgQ0he4wCF3lyG58Br+Bw+j3mF+vOe7RGd1XZspjLmZyAACBAgQIECAAAECBAiQKUCWEkeJZ4ksMi+zc452jTrIQeJBYiuxD2Ay+97Wzj1ohNycYx/GRfjW9BqLASEXB+E+tq/fIwrnPVWQKoIxAUQ11IfPEvwc5CshkxKRqv22mSnGQrCP9CitWGtWBckC3alIjVmMgLh4OpfbmittGdlHWqyvAbSZUVda647u5MOsNe4jS3vtdOsombYEG8SnxK/WDZH7ESBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgDTjUeIscZJYReat7JyzXTPIGPLP0ObEnuzxVSKXKD2Id4mdff4l8aItI9/O8c6e8CqCuF+jBpLbTPgwPkSbNXWlZSInbAKIUiskhDEpEanab+kps6QI9pEepeXrZiohoS/7NTVmPgIi72jN6rrWqaPFhqBv2jKy6ehOvm620ZiR5gLww152xFpsm5kG8Srxo3VD5H4ECBAgQIAAAQIECBAgQP7j+BNgAOhPfpgJajmFAAAAAElFTkSuQmCC') no-repeat 0 0;
|
||||
z-index:100;
|
||||
cursor:pointer;
|
||||
}
|
||||
.galleria-theme-fullscreen .galleria-exit:hover{
|
||||
background-position:0 -50px;
|
||||
}
|
||||
197
public/photos/static/themes/fullscreen/galleria.fullscreen.js
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
/**
|
||||
* Galleria Fullscreen Theme
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'fullscreen',
|
||||
version: '1.6',
|
||||
author: 'Galleria',
|
||||
css: 'galleria.fullscreen.css',
|
||||
// begin site script
|
||||
defaults: {
|
||||
transition: 'none',
|
||||
imageCrop: true,
|
||||
thumbCrop: 'height',
|
||||
easing: 'galleriaOut',
|
||||
trueFullscreen: false,
|
||||
|
||||
// set this to false if you want to keep the thumbnails:
|
||||
_hideDock: Galleria.TOUCH ? false : true,
|
||||
|
||||
// set this to true if you want to shrink the carousel when clicking a thumbnail:
|
||||
_closeOnClick: false
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires( 1.5, 'This version of Fullscreen theme requires Galleria version 1.5 or later');
|
||||
|
||||
this.addElement('thumbnails-tab');
|
||||
this.appendChild('thumbnails-container', 'thumbnails-tab');
|
||||
|
||||
var tab = this.$('thumbnails-tab'),
|
||||
loader = this.$('loader'),
|
||||
thumbs = this.$('thumbnails-container'),
|
||||
list = this.$('thumbnails-list'),
|
||||
infotext = this.$('info-text'),
|
||||
info = this.$('info'),
|
||||
OPEN = !options._hideDock,
|
||||
POS = 0;
|
||||
|
||||
if (Galleria.IE) {
|
||||
this.addElement('iefix');
|
||||
this.appendChild('container', 'iefix');
|
||||
this.$('iefix').css({
|
||||
zIndex: 3,
|
||||
position: 'absolute',
|
||||
backgroundColor: this.hasVariation('light') ? '#fff' : '#000',
|
||||
opacity: 0.4,
|
||||
top: 0
|
||||
});
|
||||
}
|
||||
|
||||
if ( options.thumbnails === false ) {
|
||||
thumbs.hide();
|
||||
}
|
||||
|
||||
var fixCaption = this.proxy(function(img) {
|
||||
|
||||
var w = img.width || $(img).width();
|
||||
|
||||
if (!(img || w)) {
|
||||
return;
|
||||
}
|
||||
w = Math.min(w, $(window).width());
|
||||
infotext.width(w - 40);
|
||||
if (Galleria.IE && this.getOptions('showInfo')) {
|
||||
this.$('iefix').width(info.outerWidth()).height(info.outerHeight());
|
||||
}
|
||||
});
|
||||
|
||||
this.bind('rescale', function() {
|
||||
POS = this.getStageHeight() - tab.height() - 2;
|
||||
thumbs.css('top', OPEN ? POS - list.outerHeight() + 2 : POS);
|
||||
var img = this.getActiveImage();
|
||||
if (img) {
|
||||
fixCaption(img);
|
||||
}
|
||||
});
|
||||
|
||||
this.bind('loadstart', function(e) {
|
||||
if (!e.cached) {
|
||||
loader.show().fadeTo(100, 1);
|
||||
}
|
||||
$(e.thumbTarget).css('opacity', 1).parent().siblings().children().css('opacity', 0.6);
|
||||
});
|
||||
|
||||
this.bind('loadfinish', function(e) {
|
||||
loader.fadeOut(300);
|
||||
this.$('info, iefix').toggle(this.hasInfo());
|
||||
});
|
||||
|
||||
this.bind('image', function(e) {
|
||||
e.imageTarget && fixCaption(e.imageTarget);
|
||||
});
|
||||
|
||||
this.bind('thumbnail', function(e) {
|
||||
$(e.thumbTarget).parent(':not(.active)').children().css('opacity', 0.6);
|
||||
$(e.thumbTarget).on('click:fast', function() {
|
||||
if (OPEN && options._closeOnClick) {
|
||||
tab.trigger('click:fast');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
this.trigger('rescale');
|
||||
|
||||
if ( !Galleria.TOUCH ) {
|
||||
|
||||
this.addIdleState(thumbs, { opacity: 0 });
|
||||
this.addIdleState(this.get('info'), { opacity: 0 });
|
||||
|
||||
this.$('image-nav-left, image-nav-right').css('opacity', 0.01).hover(function() {
|
||||
$(this).animate({opacity: 1}, 100);
|
||||
}, function() {
|
||||
$(this).animate({opacity: 0});
|
||||
}).show();
|
||||
|
||||
}
|
||||
|
||||
if (Galleria.IE) {
|
||||
this.addIdleState(this.get('iefix'), { opacity: 0 });
|
||||
}
|
||||
|
||||
if (options._hideDock) {
|
||||
tab.on('click:fast', this.proxy(function() {
|
||||
tab.toggleClass('open', !OPEN);
|
||||
if (!OPEN) {
|
||||
thumbs.animate({
|
||||
top: POS - list.outerHeight() + 2
|
||||
}, 400, options.easing);
|
||||
} else {
|
||||
thumbs.animate({
|
||||
top: POS
|
||||
}, 400, options.easing);
|
||||
}
|
||||
OPEN = !OPEN;
|
||||
}));
|
||||
} else {
|
||||
this.bind('thumbnail', function() {
|
||||
thumbs.css('top', POS - list.outerHeight() + 2);
|
||||
});
|
||||
tab.css('visibility', 'hidden');
|
||||
}
|
||||
|
||||
this.$('thumbnails').children().hover(function() {
|
||||
$(this).not('.active').children().stop().fadeTo(100, 1);
|
||||
}, function() {
|
||||
$(this).not('.active').children().stop().fadeTo(400, 0.6);
|
||||
});
|
||||
|
||||
this.enterFullscreen();
|
||||
this.attachKeyboard({
|
||||
escape: function(e) {
|
||||
return false;
|
||||
},
|
||||
up: function(e) {
|
||||
if (!OPEN) {
|
||||
tab.trigger('click:fast');
|
||||
}
|
||||
e.preventDefault();
|
||||
},
|
||||
down: function(e) {
|
||||
if (OPEN) {
|
||||
tab.trigger('click:fast');
|
||||
}
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
}
|
||||
// end site script
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/fullscreen/galleria.fullscreen.min.css
vendored
Normal file
10
public/photos/static/themes/fullscreen/galleria.fullscreen.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"fullscreen",version:"1.6",author:"Galleria",css:"galleria.fullscreen.css",defaults:{transition:"none",imageCrop:!0,thumbCrop:"height",easing:"galleriaOut",trueFullscreen:!1,_hideDock:!b.TOUCH,_closeOnClick:!1},init:function(d){b.requires(1.5,"This version of Fullscreen theme requires Galleria version 1.5 or later"),this.addElement("thumbnails-tab"),this.appendChild("thumbnails-container","thumbnails-tab");var e=this.$("thumbnails-tab"),f=this.$("loader"),g=this.$("thumbnails-container"),h=this.$("thumbnails-list"),i=this.$("info-text"),j=this.$("info"),k=!d._hideDock,l=0;b.IE&&(this.addElement("iefix"),this.appendChild("container","iefix"),this.$("iefix").css({zIndex:3,position:"absolute",backgroundColor:this.hasVariation("light")?"#fff":"#000",opacity:.4,top:0})),!1===d.thumbnails&&g.hide();var m=this.proxy(function(d){var e=d.width||c(d).width();(d||e)&&(e=Math.min(e,c(a).width()),i.width(e-40),b.IE&&this.getOptions("showInfo")&&this.$("iefix").width(j.outerWidth()).height(j.outerHeight()))});this.bind("rescale",function(){l=this.getStageHeight()-e.height()-2,g.css("top",k?l-h.outerHeight()+2:l);var a=this.getActiveImage();a&&m(a)}),this.bind("loadstart",function(a){a.cached||f.show().fadeTo(100,1),c(a.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)}),this.bind("loadfinish",function(a){f.fadeOut(300),this.$("info, iefix").toggle(this.hasInfo())}),this.bind("image",function(a){a.imageTarget&&m(a.imageTarget)}),this.bind("thumbnail",function(a){c(a.thumbTarget).parent(":not(.active)").children().css("opacity",.6),c(a.thumbTarget).on("click:fast",function(){k&&d._closeOnClick&&e.trigger("click:fast")})}),this.trigger("rescale"),b.TOUCH||(this.addIdleState(g,{opacity:0}),this.addIdleState(this.get("info"),{opacity:0}),this.$("image-nav-left, image-nav-right").css("opacity",.01).hover(function(){c(this).animate({opacity:1},100)},function(){c(this).animate({opacity:0})}).show()),b.IE&&this.addIdleState(this.get("iefix"),{opacity:0}),d._hideDock?e.on("click:fast",this.proxy(function(){e.toggleClass("open",!k),k?g.animate({top:l},400,d.easing):g.animate({top:l-h.outerHeight()+2},400,d.easing),k=!k})):(this.bind("thumbnail",function(){g.css("top",l-h.outerHeight()+2)}),e.css("visibility","hidden")),this.$("thumbnails").children().hover(function(){c(this).not(".active").children().stop().fadeTo(100,1)},function(){c(this).not(".active").children().stop().fadeTo(400,.6)}),this.enterFullscreen(),this.attachKeyboard({escape:function(a){return!1},up:function(a){k||e.trigger("click:fast"),a.preventDefault()},down:function(a){k&&e.trigger("click:fast"),a.preventDefault()}})}}),b});
|
||||
0
public/photos/static/themes/fullscreen/index.html
Normal file
224
public/photos/static/themes/miniml/galleria.miniml.css
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
#galleria-loader{height:1px!important}
|
||||
|
||||
.galleria-theme-miniml {
|
||||
position: relative;
|
||||
font:11px/14px arial,sans-serif;
|
||||
}
|
||||
.galleria-theme-miniml.dark.fullscreen {
|
||||
background: transparent;
|
||||
}
|
||||
.galleria-theme-miniml img {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-stage {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 20px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-dots {
|
||||
position:absolute;
|
||||
height:10px;
|
||||
bottom:0;
|
||||
left:0;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-dots div {
|
||||
width:10px;
|
||||
height:10px;
|
||||
margin-right:5px;
|
||||
color:#ccc;
|
||||
color: rgba(0,0,0,.2);
|
||||
font-size:36px;
|
||||
line-height:12px;
|
||||
float:left;
|
||||
cursor:pointer;
|
||||
font-family: arial,sans-serif;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-dots div {
|
||||
color:#333;
|
||||
}
|
||||
.galleria-theme-miniml.notouch .galleria-dots div:hover,
|
||||
.galleria-theme-miniml.touch .galleria-dots div:active {
|
||||
color:#d77;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-dots div.active {
|
||||
color:#222;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-dots div.active {
|
||||
color:#eee;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-fs,
|
||||
.galleria-theme-miniml .galleria-thumbs,
|
||||
.galleria-theme-miniml .galleria-more {
|
||||
width:12px;
|
||||
height:12px;
|
||||
cursor:pointer;
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjE1RDBFMzNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjE1RDBFNDNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyMTVEMEUxM0I2NTExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyMTVEMEUyM0I2NTExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zGQ6AAAAAEtJREFUeNqMkFkKAEAIQtX737lZQGgagvxp4WURAQSSIoInknz6NGigygMyVB0M2UB5ZYYzdOtdYCJhKNV1Xa7upu/m6Xs4ffgSYACs6DMRWHKjoAAAAABJRU5ErkJggg==') no-repeat 50% 50%;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
right:0;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-fs {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QkI2NkU2ODNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QkI2NkU2OTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Q0VBOTNGM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5Q0VBOTQwM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0IkB0QAAAElJREFUeNqMkEkKADAIA03w/1+2PbTgkkJzUWQ0QcSWVeHUMncByAWmYb98IWRQwZFdMCNq0T5FYSd7vjL1zHxAA3ZhJR++BBgAKfYXDMgub+IAAAAASUVORK5CYII=');
|
||||
}
|
||||
.galleria-theme-miniml .galleria-thumbs {
|
||||
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNUM1NUI4MDNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNUM1NUI4MTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI1QzU1QjdFM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI1QzU1QjdGM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Da8C2wAAACxJREFUeNpiZGBg+M+ABP7//88IohkZGVHEmRiIBNRXyAh0E5VNHAK+BggwAHGVDQ3c3+QwAAAAAElFTkSuQmCC');
|
||||
right:18px;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-thumbs {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OUNFQTkzOTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OUNFQTkzQTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Q0VBOTM3M0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5Q0VBOTM4M0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/DHJcAAAAChJREFUeNpi/A8EDKiAEUqjiDMxEAmor5AFyU0MONxKuomD3dcAAQYAFDcHFbiLERgAAAAASUVORK5CYII=');
|
||||
}
|
||||
.galleria-theme-miniml .galleria-more {
|
||||
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNUM1NUI4NDNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNUM1NUI4NTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI1QzU1QjgyM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI1QzU1QjgzM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xJ5dKgAAADdJREFUeNpi/P//PwMyYGRkhAsA5RhhbCYGIgEjuom4ANEmsuByH143IkuQbTWNFaJ7BpkPEGAAatwTEXIc1/IAAAAASUVORK5CYII=');
|
||||
right:34px;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-more {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4OUNFQTkzRDNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4OUNFQTkzRTNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg5Q0VBOTNCM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg5Q0VBOTNDM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CLLbSAAAADJJREFUeNpi/P//PwMaQBZghDGYGIgELFjEGLEpJNvE/7hMZyLGWpKspr3C/7j4AAEGAGluBxWW6NF5AAAAAElFTkSuQmCC');
|
||||
}
|
||||
.galleria-theme-miniml.notouch .galleria-fs:hover,
|
||||
.galleria-theme-miniml.notouch .galleria-thumbs:hover,
|
||||
.galleria-theme-miniml.notouch .galleria-more:hover,
|
||||
.galleria-theme-miniml.touch .galleria-fs:active,
|
||||
.galleria-theme-miniml.touch .galleria-thumbs:active,
|
||||
.galleria-theme-miniml.touch .galleria-more:active,
|
||||
.galleria-theme-miniml .galleria-thumbs.active,
|
||||
.galleria-theme-miniml .galleria-more.active {
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-stage{
|
||||
bottom:30px;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-dots {
|
||||
left:10px;
|
||||
bottom:10px;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-fs {
|
||||
right:10px;
|
||||
bottom:10px;
|
||||
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjE1RDBERjNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjE1RDBFMDNCNjUxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyMTVEMEREM0I2NTExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyMTVEMERFM0I2NTExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0K+T7QAAAFFJREFUeNqMj0kOACAMApH4/y9rMfYgceOgmE5pBYAW0oGbZ5gSGq+dVBPD2bqFE5Kvt7SExz13eIr4lOYvkbmTr1RPBW+k/86hDOAJcrgLMAA090b9R3huLAAAAABJRU5ErkJggg==');
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-thumbs {
|
||||
right:25px;
|
||||
bottom:10px;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-more {
|
||||
right:40px;
|
||||
bottom:10px;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-info {
|
||||
bottom:10px;
|
||||
margin-left:5px;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-thumbnails-container{
|
||||
bottom:30px;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-counter {
|
||||
display:none;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-loader {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #fff url('data:image/gif;base64,R0lGODlhEAAQAPYAAFNTU1VVVWVlZX5+fomJiZiYmJycnK+vr76+vsDAwMnJydfX19jY2Orq6uzs7PHx8fT09P///1JSUlZWVllZWWhoaHJycnx8fJCQkJqamqenp6ioqLe3t7q6usPDw8bGxsjIyM7OztPT09TU1Nzc3N/f3+Pj4+Xl5evr6+7u7vLy8vb29vn5+VtbW1xcXGdnZ2lpaXR0dIGBgYSEhIyMjJGRkaKioqqqqq2trcLCwsTExMvLy8/Pz9DQ0OHh4e/v7/X19U9PT1BQUGZmZqurq7Gxsba2tr29vdnZ2e3t7fPz8/r6+lhYWHBwcKOjo/j4+FdXV3FxccXFxczMzOLi4gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAAoA/wAsAAAAABAAEAAABX5gJI6RopBoBB1NRBBRc0DpIxQuXAgPCfWIAOPFCCAiD1rkIEA8BoZEwjB4IAQHUaMAGCwcIgdjACi0RgwDeOQwMEaKFyGRQshNcjoqcUerSW1vI1sBXmtiAwFmIkxOUFJUVlgiPxFBQwRFR0kkNjgvETs9KCstoDJKKSImqiEAIfkEAAoA/wAsAAAAABAAEAAABqvAiFDIiqw4qKFy2MlETBTRM7mMfCak0qSUqmyUqA1qZcGEKCeMgCo0VQQhxGW08UxCrE9nmMJMQCpCKR8IFhIZLCgiJSceKUoqFxgkQhwUExMaVSIfjCsrJiUhUksamBQcQiQYF4F8HiclImMZEhYIH49GVxi6ER0fLCETHhojFwghAhUmYAIYJxQgGBaJYkobFSkmWyUSH1URKM0iEycRGXvhQigcKxFFSkEAIfkEAAoA/wAsAAAAABAAEAAAB7mAEYKCKEARPjuDioMqMToRNjEsEYaKP5MyMxEyNBE7MiqDLDI1QDktJDA4Pi41k4M7LRcLMz02OzEXhqERkz4wN68qNws5MjEouDQ4PJWCLDMTMjksPjYyLzaLET0k2yQ92zYvMjY+LDoyEzOvgio7ODQxPCgx0ws3vCw3Md7CESouxNhhg4eMBRdcJBJVo4UPHDAWtMgBpIaMdj9kJKIhI8KMjix+LJrEIoa2HDF4bRO0w0cvFIsCAQAh+QQACgD/ACwAAAAAEAAQAAAHkoARgoJJSIJISYOKg0cwSkowR4uCJDkRJAFIDJkROSSKOUJEKzBEN0MrRUKWiqpFN0ZGN0VBRYNJR0ipBkuCSwZFKyRHhTABQze9g0unATCGSkiwk7JISoLR04vV10jGyMq+zc9JRiS7yr/BJEaJgq6wsrS2oELByDcwqauKlZeZSDh5mhTBiCNIkggSMhQB0aJAACH5BAAKAP8ALAAAAAAQABAAAAe1gBGCgk87PhFPKIOLiIIxThE6MSqMET8yOxE0MhEznE8/i081Lj44MCRMHhA1Mk+ClBAXTTtOPTMkF0yZESgxMh4LN5SINzCHr086MhMzr4MQOzg0MbwRJD2VTjAyTj4+TjIvkIw9JIM7MTQ4O8SEzDI6yRE+MDiDKjckOhcxoRE7mFwgMaOHkx1NLkCw9K4GBA9MSNjz4aLGM1ivZMyIIIMGQBnu8DXxEMFJjHmVer3yYW1QIAAh+QQACgD/ACwAAAAAEAAQAAAHuYARgoMNHCsRS4OKEQ1UESIUJxEZHYuCGxVJVFAkJBRSlowCGCcUOxhRSw0bkhEdUktTUB4aIhcdUwIVjksZElEdO0mCKztQGMODJBgXKopJHickIg0r0jsjlhoUUFAdHRThGpYjOyQnKw0j5x7JgioXGCTPGFBSzhFJOx1REhmJVAQIENHhwogNHqDsWCKlEqMNDZZEwTAlEgYBDUJJkdCJAokkFTaE6pAhQikREahkDJVoRYeVigIBADs=') no-repeat 50% 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
z-index: 3;
|
||||
display:none;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-info {
|
||||
position: absolute;
|
||||
bottom:0px;
|
||||
height:10px;
|
||||
line-height:10px;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-info-title {
|
||||
display:inline;
|
||||
color:#666;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-info-title {
|
||||
color:#aaa;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-info-description {
|
||||
display:none!important;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-desc {
|
||||
position:absolute;
|
||||
width:30%;
|
||||
bottom:30px;
|
||||
left:auto;
|
||||
right: 10px;
|
||||
background:#fff;
|
||||
border:5px solid #fff;
|
||||
padding:5px;
|
||||
z-index:2;
|
||||
font:11px/14px arial,sans-serif;
|
||||
display:none;
|
||||
color:#777;
|
||||
cursor:pointer;
|
||||
}
|
||||
.galleria-theme-miniml.fullscreen .galleria-desc {
|
||||
bottom: 40px;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-desc {
|
||||
background:#000;
|
||||
border-color:#000;
|
||||
color:#aaa;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-desc.hover{
|
||||
background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRDMTJGQTEzMkJCMTFFMEE1RTM4Q0JGQzBBMEI0MkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRDMTJGQTIzMkJCMTFFMEE1RTM4Q0JGQzBBMEI0MkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NEMxMkY5RjMyQkIxMUUwQTVFMzhDQkZDMEEwQjQyQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NEMxMkZBMDMyQkIxMUUwQTVFMzhDQkZDMEEwQjQyQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoSRerQAAABISURBVHjaYmRgYPgPBIwMBAAjI+N/RqBCMAOfBpg8WDGyAC6FYDZMMTYNGHxkxShWYrEJQzFeJ5FtMtFuJjo0iA5nUmIQIMAAMzJo76B6jyAAAAAASUVORK5CYII=') no-repeat 100% 0;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-desc.hover{
|
||||
background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QkI2NkU2QzNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QkI2NkU2RDNCNkIxMUUzQUI1Q0E4NEE3NjU5N0I3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQjY2RTZBM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlCQjY2RTZCM0I2QjExRTNBQjVDQTg0QTc2NTk3Qjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PfwXsQAAAE5JREFUeNqEj0kOACAIxKD//zNqYozKxg1oA6M2S0RU+jI2aB24OHZTCecy1zASnhf5lrfgshCc1QjMYMsyUPzoBLIwkUABOoEGfIQhwAAGWRgSNi2CNgAAAABJRU5ErkJggg==') no-repeat 100% 0;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-desc strong{
|
||||
color:#222;
|
||||
font-weight:normal;
|
||||
margin-bottom:5px;
|
||||
display:block;
|
||||
}
|
||||
.galleria-theme-miniml.dark .galleria-desc strong{
|
||||
color:#eee;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-desc p{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-image-nav {
|
||||
display:none;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-thumbnails-container {
|
||||
position:absolute;
|
||||
top:0;
|
||||
bottom:20px;
|
||||
left:0;
|
||||
right:0;
|
||||
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ1MkNGMkIzMjNEMTFFMDgxRDE4ODY0MzA2OTQyRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ1MkNGMkMzMjNEMTFFMDgxRDE4ODY0MzA2OTQyRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDUyQ0YyOTMyM0QxMUUwODFEMTg4NjQzMDY5NDJGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDUyQ0YyQTMyM0QxMUUwODFEMTg4NjQzMDY5NDJGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvrLLSYAAAArSURBVHjaYhQSEvoiLi7+iQEIXr58yQdjM2ETBLGZsAmC2EzYBMkzCiDAACMlLm1pB1VDAAAAAElFTkSuQmCC');
|
||||
z-index:2;
|
||||
overflow:hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-thumbnails {
|
||||
margin:10px;
|
||||
}
|
||||
.galleria-theme-miniml .galleria-thumbnails .galleria-image {
|
||||
height: 50px;
|
||||
width:80px;
|
||||
background: #d77;
|
||||
margin: 2px 8px 8px 2px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
-moz-box-shadow: 0 0 2px rgb(0,0,0);
|
||||
-webkit-box-shadow: 0 0 2px rgb(0,0,0);
|
||||
box-shadow: 0 0 2px rgb(0,0,0);
|
||||
}
|
||||
.galleria-theme-miniml.notouch .galleria-thumbnails .galleria-image img:hover,
|
||||
.galleria-theme-miniml.touch .galleria-thumbnails .galleria-image img:active {
|
||||
opacity:.1!important;
|
||||
filter: alpha(opacity=10)!important;
|
||||
}
|
||||
171
public/photos/static/themes/miniml/galleria.miniml.js
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
/**
|
||||
* Galleria Miniml Theme
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
/*global jQuery, Galleria */
|
||||
|
||||
Galleria.addTheme({
|
||||
name: 'miniml',
|
||||
version: 1.60,
|
||||
author: 'Galleria',
|
||||
css: 'galleria.miniml.css',
|
||||
// begin site script
|
||||
defaults: {
|
||||
transition: 'pulse',
|
||||
thumbCrop: true,
|
||||
imageCrop: true,
|
||||
carousel: false,
|
||||
imagePan: true,
|
||||
clicknext:true,
|
||||
|
||||
_locale: {
|
||||
enter_fullscreen: 'Enter fullscreen',
|
||||
exit_fullscreen: 'Exit fullscreen',
|
||||
click_to_close: 'Click to close',
|
||||
show_thumbnails: 'Show thumbnails',
|
||||
show_info: 'Show info'
|
||||
}
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires( 1.6, 'This version of Miniml theme requires Galleria version 1.6 or later');
|
||||
|
||||
var self = this,
|
||||
FULLSCREEN = false,
|
||||
i,
|
||||
dotswidth = 0,
|
||||
$desc,
|
||||
$loader,
|
||||
$thumbnails;
|
||||
|
||||
// add some elements
|
||||
this.addElement('desc','dots','thumbs','fs','more');
|
||||
this.append({
|
||||
'container' : ['desc','dots','thumbs','fs','info-description','more']
|
||||
});
|
||||
|
||||
$thumbnails = this.$('thumbnails-container').hide().css('visibility', 'visible');
|
||||
|
||||
var createDiv = function(i) {
|
||||
return $('<div>').html('•').on('click:fast', (function(i) {
|
||||
return function(e) {
|
||||
e.preventDefault();
|
||||
self.show(i);
|
||||
};
|
||||
}( i )));
|
||||
};
|
||||
|
||||
for (i = 0; i < this.getDataLength(); i++ ) {
|
||||
this.$('dots').append( createDiv(i) );
|
||||
}
|
||||
|
||||
dotswidth = this.$('dots').outerWidth();
|
||||
|
||||
$desc = this.$('desc').hide().hover(function() {
|
||||
$(this).addClass('hover');
|
||||
}, function() {
|
||||
$(this).removeClass('hover');
|
||||
}).on('click:fast', function() {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$loader = this.$('loader');
|
||||
|
||||
this.bindTooltip({
|
||||
fs: function() {
|
||||
return FULLSCREEN ? options._locale.exit_fullscreen : options._locale.enter_fullscreen;
|
||||
},
|
||||
desc: options._locale.click_to_close,
|
||||
more: options._locale.show_info,
|
||||
thumbs: options._locale.show_thumbnails
|
||||
});
|
||||
|
||||
this.bind('loadstart', function(e) {
|
||||
if (!e.cached) {
|
||||
this.$('loader').show().fadeTo(200, 0.4);
|
||||
}
|
||||
});
|
||||
|
||||
this.bind('loadfinish', function(e) {
|
||||
|
||||
var title = self.getData().title,
|
||||
desc = self.getData().description;
|
||||
|
||||
$loader.fadeOut(200);
|
||||
this.$('dots').children('div').eq( e.index ).addClass('active')
|
||||
.siblings('.active').removeClass('active');
|
||||
|
||||
if (title && desc) {
|
||||
$desc.empty().append(
|
||||
'<strong>'+ title + '</strong>',
|
||||
'<p>' + desc + '</p>'
|
||||
)
|
||||
this.$('more').show();
|
||||
} else {
|
||||
this.$('more').hide();
|
||||
}
|
||||
|
||||
$thumbnails.fadeOut( options.fadeSpeed );
|
||||
self.$('thumbs').removeClass('active');
|
||||
|
||||
});
|
||||
|
||||
this.bind('thumbnail', function(e) {
|
||||
$(e.thumbTarget).hover(function() {
|
||||
self.setInfo(e.index);
|
||||
},function() {
|
||||
self.setInfo();
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
this.$('fs').on('click:fast', function() {
|
||||
self.toggleFullscreen();
|
||||
FULLSCREEN = !FULLSCREEN;
|
||||
});
|
||||
|
||||
this.$('thumbs').on('click:fast', function(e) {
|
||||
e.preventDefault();
|
||||
$thumbnails.toggle();
|
||||
$(this).toggleClass('active');
|
||||
$desc.hide();
|
||||
});
|
||||
|
||||
this.$('more').on('click:fast', function() {
|
||||
$desc.toggle();
|
||||
});
|
||||
|
||||
this.$('info').css({
|
||||
width: this.getStageWidth() - dotswidth - 30,
|
||||
left: dotswidth + 10
|
||||
});
|
||||
|
||||
}
|
||||
// end site script
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/miniml/galleria.miniml.min.css
vendored
Normal file
10
public/photos/static/themes/miniml/galleria.miniml.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"miniml",version:1.6,author:"Galleria",css:"galleria.miniml.css",defaults:{transition:"pulse",thumbCrop:!0,imageCrop:!0,carousel:!1,imagePan:!0,clicknext:!0,_locale:{enter_fullscreen:"Enter fullscreen",exit_fullscreen:"Exit fullscreen",click_to_close:"Click to close",show_thumbnails:"Show thumbnails",show_info:"Show info"}},init:function(a){b.requires(1.6,"This version of Miniml theme requires Galleria version 1.6 or later");var d,e,f,g,h=this,i=!1,j=0;this.addElement("desc","dots","thumbs","fs","more"),this.append({container:["desc","dots","thumbs","fs","info-description","more"]}),g=this.$("thumbnails-container").hide().css("visibility","visible");for(d=0;d<this.getDataLength();d++)this.$("dots").append(function(a){return c("<div>").html("•").on("click:fast",function(a){return function(b){b.preventDefault(),h.show(a)}}(a))}(d));j=this.$("dots").outerWidth(),e=this.$("desc").hide().hover(function(){c(this).addClass("hover")},function(){c(this).removeClass("hover")}).on("click:fast",function(){c(this).hide()}),f=this.$("loader"),this.bindTooltip({fs:function(){return i?a._locale.exit_fullscreen:a._locale.enter_fullscreen},desc:a._locale.click_to_close,more:a._locale.show_info,thumbs:a._locale.show_thumbnails}),this.bind("loadstart",function(a){a.cached||this.$("loader").show().fadeTo(200,.4)}),this.bind("loadfinish",function(b){var c=h.getData().title,d=h.getData().description;f.fadeOut(200),this.$("dots").children("div").eq(b.index).addClass("active").siblings(".active").removeClass("active"),c&&d?(e.empty().append("<strong>"+c+"</strong>","<p>"+d+"</p>"),this.$("more").show()):this.$("more").hide(),g.fadeOut(a.fadeSpeed),h.$("thumbs").removeClass("active")}),this.bind("thumbnail",function(a){c(a.thumbTarget).hover(function(){h.setInfo(a.index)},function(){h.setInfo()})}),this.$("fs").on("click:fast",function(){h.toggleFullscreen(),i=!i}),this.$("thumbs").on("click:fast",function(a){a.preventDefault(),g.toggle(),c(this).toggleClass("active"),e.hide()}),this.$("more").on("click:fast",function(){e.toggle()}),this.$("info").css({width:this.getStageWidth()-j-30,left:j+10})}}),b});
|
||||
296
public/photos/static/themes/twelve/galleria.twelve.css
Normal file
301
public/photos/static/themes/twelve/galleria.twelve.js
Normal file
|
|
@ -0,0 +1,301 @@
|
|||
/**
|
||||
* Galleria Twelve Theme
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
( function( window, factory ) {
|
||||
if ( typeof define == 'function' && define.amd ) {
|
||||
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
||||
return factory( window, Galleria, jQuery );
|
||||
});
|
||||
} else if ( typeof module == 'object' && module.exports ) {
|
||||
module.exports = factory(
|
||||
window,
|
||||
require('galleria'),
|
||||
require('jquery')
|
||||
);
|
||||
} else {
|
||||
factory(
|
||||
window,
|
||||
window.Galleria,
|
||||
window.jQuery
|
||||
);
|
||||
}
|
||||
}( window, function factory( window, Galleria, $ ) {
|
||||
Galleria.addTheme({
|
||||
name: 'twelve',
|
||||
version: 1.60,
|
||||
author: 'Galleria',
|
||||
css: 'galleria.twelve.css',
|
||||
// begin site script
|
||||
defaults: {
|
||||
transition: 'pulse',
|
||||
transitionSpeed: 500,
|
||||
imageCrop: true,
|
||||
thumbCrop: true,
|
||||
carousel: false,
|
||||
|
||||
// theme specific defaults:
|
||||
_locale: {
|
||||
show_thumbnails: 'Show thumbnails',
|
||||
hide_thumbnails: 'Hide thumbnails',
|
||||
play: 'Play slideshow',
|
||||
pause: 'Pause slideshow',
|
||||
enter_fullscreen: 'Enter fullscreen',
|
||||
exit_fullscreen: 'Exit fullscreen',
|
||||
popout_image: 'Popout image',
|
||||
showing_image: 'Showing image %s of %s'
|
||||
},
|
||||
_showFullscreen: true,
|
||||
_showPopout: true,
|
||||
_showProgress: true,
|
||||
_showTooltip: true
|
||||
},
|
||||
init: function(options) {
|
||||
|
||||
Galleria.requires( 1.6, 'This version of Twelve theme requires Galleria version 1.6 or later');
|
||||
|
||||
// add some elements
|
||||
this.addElement('bar','fullscreen','play','popout','thumblink','s1','s2','s3','s4','progress');
|
||||
this.append({
|
||||
'stage' : 'progress',
|
||||
'container': ['bar','tooltip'],
|
||||
'bar' : ['fullscreen','play','popout','thumblink','info','s1','s2','s3','s4']
|
||||
});
|
||||
this.prependChild('info','counter');
|
||||
|
||||
// copy the scope
|
||||
var gallery = this,
|
||||
|
||||
// cache some stuff
|
||||
thumbs = this.$('thumbnails-container'),
|
||||
thumb_link = this.$('thumblink'),
|
||||
fs_link = this.$('fullscreen'),
|
||||
play_link = this.$('play'),
|
||||
pop_link = this.$('popout'),
|
||||
bar = this.$('bar'),
|
||||
progress = this.$('progress'),
|
||||
transition = options.transition,
|
||||
lang = options._locale,
|
||||
|
||||
// statics
|
||||
OPEN = false,
|
||||
FULLSCREEN = false,
|
||||
PLAYING = !!options.autoplay,
|
||||
CONTINUE = false,
|
||||
|
||||
// helper functions
|
||||
scaleThumbs = function() {
|
||||
thumbs.height( gallery.getStageHeight() ).width( gallery.getStageWidth() ).css('top', OPEN ? 0 : gallery.getStageHeight()+30 );
|
||||
},
|
||||
|
||||
toggleThumbs = function(e) {
|
||||
if (OPEN && CONTINUE) {
|
||||
gallery.play();
|
||||
} else {
|
||||
CONTINUE = PLAYING;
|
||||
gallery.pause();
|
||||
}
|
||||
Galleria.utils.animate(thumbs, { top: OPEN ? gallery.getStageHeight()+30 : 0 } , {
|
||||
easing:'galleria',
|
||||
duration:400,
|
||||
complete: function() {
|
||||
gallery.defineTooltip('thumblink', OPEN ? lang.show_thumbnails : lang.hide_thumbnails);
|
||||
thumb_link[OPEN ? 'removeClass' : 'addClass']('open');
|
||||
OPEN = !OPEN;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// scale the thumbnail container
|
||||
scaleThumbs();
|
||||
|
||||
// bind the tooltips
|
||||
if (options._showTooltip) {
|
||||
|
||||
gallery.bindTooltip({
|
||||
|
||||
'thumblink': lang.show_thumbnails,
|
||||
|
||||
'fullscreen': lang.enter_fullscreen,
|
||||
|
||||
'play': function() {
|
||||
return PLAYING ? lang.pause : lang.play;
|
||||
},
|
||||
|
||||
'popout': lang.popout_image,
|
||||
|
||||
'caption': function() {
|
||||
var data = gallery.getData();
|
||||
var str = '';
|
||||
if (data) {
|
||||
if (data.title && data.title.length) {
|
||||
str+='<strong>'+data.title+'</strong>';
|
||||
}
|
||||
if (data.description && data.description.length) {
|
||||
str+='<br>'+data.description;
|
||||
}
|
||||
}
|
||||
return str;
|
||||
},
|
||||
|
||||
'counter': function() {
|
||||
return lang.showing_image.replace( /\%s/, gallery.getIndex() + 1 ).replace( /\%s/, gallery.getDataLength() );
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if ( !options.showInfo ) {
|
||||
this.$( 'info' ).hide();
|
||||
}
|
||||
|
||||
// bind galleria events
|
||||
this.bind( 'play', function() {
|
||||
PLAYING = true;
|
||||
play_link.addClass('playing');
|
||||
});
|
||||
|
||||
this.bind( 'pause', function() {
|
||||
PLAYING = false;
|
||||
play_link.removeClass('playing');
|
||||
progress.width(0);
|
||||
});
|
||||
|
||||
if (options._showProgress) {
|
||||
this.bind( 'progress', function(e) {
|
||||
progress.width( e.percent/100 * this.getStageWidth() );
|
||||
});
|
||||
}
|
||||
|
||||
this.bind( 'loadstart', function(e) {
|
||||
if (!e.cached) {
|
||||
this.$('loader').show();
|
||||
}
|
||||
});
|
||||
|
||||
this.bind( 'loadfinish', function(e) {
|
||||
progress.width(0);
|
||||
this.$('loader').hide();
|
||||
this.refreshTooltip('counter','caption');
|
||||
});
|
||||
|
||||
this.bind( 'thumbnail', function(e) {
|
||||
$(e.thumbTarget).hover(function() {
|
||||
gallery.setInfo(e.thumbOrder);
|
||||
gallery.setCounter(e.thumbOrder);
|
||||
}, function() {
|
||||
gallery.setInfo();
|
||||
gallery.setCounter();
|
||||
}).on('click:fast', function() {
|
||||
toggleThumbs();
|
||||
});
|
||||
});
|
||||
|
||||
this.bind( 'fullscreen_enter', function(e) {
|
||||
FULLSCREEN = true;
|
||||
gallery.setOptions('transition', false);
|
||||
fs_link.addClass('open');
|
||||
bar.css('bottom',0);
|
||||
this.defineTooltip('fullscreen', lang.exit_fullscreen);
|
||||
if ( !Galleria.TOUCH ) {
|
||||
this.addIdleState(bar, { bottom: -31 });
|
||||
}
|
||||
});
|
||||
|
||||
this.bind( 'fullscreen_exit', function(e) {
|
||||
FULLSCREEN = false;
|
||||
Galleria.utils.clearTimer('bar');
|
||||
gallery.setOptions('transition',transition);
|
||||
|
||||
fs_link.removeClass('open');
|
||||
bar.css('bottom',0);
|
||||
|
||||
this.defineTooltip('fullscreen', lang.enter_fullscreen);
|
||||
|
||||
if ( !Galleria.TOUCH ) {
|
||||
this.removeIdleState(bar, { bottom:-31 });
|
||||
}
|
||||
});
|
||||
|
||||
this.bind( 'rescale', scaleThumbs);
|
||||
|
||||
if ( !Galleria.TOUCH ) {
|
||||
|
||||
this.addIdleState(this.get('image-nav-left'), {left:-36});
|
||||
this.addIdleState(this.get('image-nav-right'), {right:-36});
|
||||
|
||||
}
|
||||
|
||||
// bind thumblink
|
||||
thumb_link.on('click:fast', toggleThumbs );
|
||||
|
||||
if ( !options.thumbnails ) {
|
||||
thumb_link.hide();
|
||||
play_link.css('left', 0);
|
||||
this.$('s2').hide();
|
||||
this.$('info').css('left', 41);
|
||||
}
|
||||
|
||||
// bind popup
|
||||
if (options._showPopout) {
|
||||
pop_link.on('click:fast', function(e) {
|
||||
gallery.openLightbox();
|
||||
e.preventDefault();
|
||||
});
|
||||
} else {
|
||||
pop_link.remove();
|
||||
if (options._showFullscreen) {
|
||||
this.$('s4').remove();
|
||||
this.$('info').css('right',40);
|
||||
fs_link.css('right',0);
|
||||
}
|
||||
}
|
||||
|
||||
// bind play button
|
||||
play_link.on('click:fast', function() {
|
||||
//gallery.defineTooltip('play', PLAYING ? lang.play : lang.pause);
|
||||
if (PLAYING) {
|
||||
gallery.pause();
|
||||
} else {
|
||||
if (OPEN) {
|
||||
thumb_link.trigger('click:fast');
|
||||
}
|
||||
gallery.play();
|
||||
}
|
||||
});
|
||||
|
||||
// bind fullscreen
|
||||
if (options._showFullscreen) {
|
||||
fs_link.on('click:fast', function(e) {
|
||||
if (FULLSCREEN) {
|
||||
gallery.exitFullscreen();
|
||||
} else {
|
||||
gallery.enterFullscreen();
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
} else {
|
||||
fs_link.remove();
|
||||
if (options._show_popout) {
|
||||
this.$('s4').remove();
|
||||
this.$('info').css('right',40);
|
||||
pop_link.css('right',0);
|
||||
}
|
||||
}
|
||||
|
||||
if (!options._showFullscreen && !options._showPopout) {
|
||||
this.$('s3,s4').remove();
|
||||
this.$('info').css('right',10);
|
||||
}
|
||||
|
||||
if (options.autoplay) {
|
||||
this.trigger( 'play' );
|
||||
}
|
||||
}
|
||||
// end site script
|
||||
});
|
||||
|
||||
return Galleria;
|
||||
}));
|
||||
1
public/photos/static/themes/twelve/galleria.twelve.min.css
vendored
Normal file
10
public/photos/static/themes/twelve/galleria.twelve.min.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* Galleria - v1.6.1 2019-10-17
|
||||
*
|
||||
*
|
||||
* Copyright (c) 2010 - 2019 worse is better UG
|
||||
* Licensed under the MIT License.
|
||||
*/
|
||||
|
||||
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"twelve",version:1.6,author:"Galleria",css:"galleria.twelve.css",defaults:{transition:"pulse",transitionSpeed:500,imageCrop:!0,thumbCrop:!0,carousel:!1,_locale:{show_thumbnails:"Show thumbnails",hide_thumbnails:"Hide thumbnails",play:"Play slideshow",pause:"Pause slideshow",enter_fullscreen:"Enter fullscreen",exit_fullscreen:"Exit fullscreen",popout_image:"Popout image",showing_image:"Showing image %s of %s"},_showFullscreen:!0,_showPopout:!0,_showProgress:!0,_showTooltip:!0},init:function(a){b.requires(1.6,"This version of Twelve theme requires Galleria version 1.6 or later"),this.addElement("bar","fullscreen","play","popout","thumblink","s1","s2","s3","s4","progress"),this.append({stage:"progress",container:["bar","tooltip"],bar:["fullscreen","play","popout","thumblink","info","s1","s2","s3","s4"]}),this.prependChild("info","counter");var d=this,e=this.$("thumbnails-container"),f=this.$("thumblink"),g=this.$("fullscreen"),h=this.$("play"),i=this.$("popout"),j=this.$("bar"),k=this.$("progress"),l=a.transition,m=a._locale,n=!1,o=!1,p=!!a.autoplay,q=!1,r=function(){e.height(d.getStageHeight()).width(d.getStageWidth()).css("top",n?0:d.getStageHeight()+30)},s=function(a){n&&q?d.play():(q=p,d.pause()),b.utils.animate(e,{top:n?d.getStageHeight()+30:0},{easing:"galleria",duration:400,complete:function(){d.defineTooltip("thumblink",n?m.show_thumbnails:m.hide_thumbnails),f[n?"removeClass":"addClass"]("open"),n=!n}})};r(),a._showTooltip&&d.bindTooltip({thumblink:m.show_thumbnails,fullscreen:m.enter_fullscreen,play:function(){return p?m.pause:m.play},popout:m.popout_image,caption:function(){var a=d.getData(),b="";return a&&(a.title&&a.title.length&&(b+="<strong>"+a.title+"</strong>"),a.description&&a.description.length&&(b+="<br>"+a.description)),b},counter:function(){return m.showing_image.replace(/\%s/,d.getIndex()+1).replace(/\%s/,d.getDataLength())}}),a.showInfo||this.$("info").hide(),this.bind("play",function(){p=!0,h.addClass("playing")}),this.bind("pause",function(){p=!1,h.removeClass("playing"),k.width(0)}),a._showProgress&&this.bind("progress",function(a){k.width(a.percent/100*this.getStageWidth())}),this.bind("loadstart",function(a){a.cached||this.$("loader").show()}),this.bind("loadfinish",function(a){k.width(0),this.$("loader").hide(),this.refreshTooltip("counter","caption")}),this.bind("thumbnail",function(a){c(a.thumbTarget).hover(function(){d.setInfo(a.thumbOrder),d.setCounter(a.thumbOrder)},function(){d.setInfo(),d.setCounter()}).on("click:fast",function(){s()})}),this.bind("fullscreen_enter",function(a){o=!0,d.setOptions("transition",!1),g.addClass("open"),j.css("bottom",0),this.defineTooltip("fullscreen",m.exit_fullscreen),b.TOUCH||this.addIdleState(j,{bottom:-31})}),this.bind("fullscreen_exit",function(a){o=!1,b.utils.clearTimer("bar"),d.setOptions("transition",l),g.removeClass("open"),j.css("bottom",0),this.defineTooltip("fullscreen",m.enter_fullscreen),b.TOUCH||this.removeIdleState(j,{bottom:-31})}),this.bind("rescale",r),b.TOUCH||(this.addIdleState(this.get("image-nav-left"),{left:-36}),this.addIdleState(this.get("image-nav-right"),{right:-36})),f.on("click:fast",s),a.thumbnails||(f.hide(),h.css("left",0),this.$("s2").hide(),this.$("info").css("left",41)),a._showPopout?i.on("click:fast",function(a){d.openLightbox(),a.preventDefault()}):(i.remove(),a._showFullscreen&&(this.$("s4").remove(),this.$("info").css("right",40),g.css("right",0))),h.on("click:fast",function(){p?d.pause():(n&&f.trigger("click:fast"),d.play())}),a._showFullscreen?g.on("click:fast",function(a){o?d.exitFullscreen():d.enterFullscreen(),a.preventDefault()}):(g.remove(),a._show_popout&&(this.$("s4").remove(),this.$("info").css("right",40),i.css("right",0))),a._showFullscreen||a._showPopout||(this.$("s3,s4").remove(),this.$("info").css("right",10)),a.autoplay&&this.trigger("play")}}),b});
|
||||