promethee 1.6.60 → 1.6.61

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/promethee.js +1 -1
  3. data/app/assets/stylesheets/promethee.sass +1 -1
  4. data/app/views/promethee/show/_image.srcset.html.erb +1 -1
  5. data/lib/promethee/rails/version.rb +1 -1
  6. data/node_modules/@fancyapps/fancybox/README.md +62 -0
  7. data/node_modules/@fancyapps/fancybox/bower.json +23 -0
  8. data/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.css +770 -0
  9. data/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.js +5138 -0
  10. data/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css +1 -0
  11. data/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.js +12 -0
  12. data/node_modules/@fancyapps/fancybox/docs/index.html +1923 -0
  13. data/node_modules/@fancyapps/fancybox/gulpfile.js +67 -0
  14. data/node_modules/@fancyapps/fancybox/package.json +80 -0
  15. data/node_modules/@fancyapps/fancybox/src/css/core.css +634 -0
  16. data/node_modules/@fancyapps/fancybox/src/css/fullscreen.css +11 -0
  17. data/node_modules/@fancyapps/fancybox/src/css/share.css +96 -0
  18. data/node_modules/@fancyapps/fancybox/src/css/slideshow.css +26 -0
  19. data/node_modules/@fancyapps/fancybox/src/css/thumbs.css +120 -0
  20. data/node_modules/@fancyapps/fancybox/src/js/core.js +3064 -0
  21. data/node_modules/@fancyapps/fancybox/src/js/fullscreen.js +169 -0
  22. data/node_modules/@fancyapps/fancybox/src/js/guestures.js +885 -0
  23. data/node_modules/@fancyapps/fancybox/src/js/hash.js +216 -0
  24. data/node_modules/@fancyapps/fancybox/src/js/media.js +201 -0
  25. data/node_modules/@fancyapps/fancybox/src/js/share.js +104 -0
  26. data/node_modules/@fancyapps/fancybox/src/js/slideshow.js +181 -0
  27. data/node_modules/@fancyapps/fancybox/src/js/thumbs.js +259 -0
  28. data/node_modules/@fancyapps/fancybox/src/js/wheel.js +41 -0
  29. metadata +24 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a1bd981c4cacb7cea1dcfbc6f8b38fdca3b9cfd84729e3b995478d98ae41a43d
4
- data.tar.gz: 2193cfaaba06a576607fa088638ccb939566cab7e001c2b2f5b013dbdbb43cad
3
+ metadata.gz: 92b416b9d2d3afe8d9a2d2e9a0023e0263427979041ab7b129f3e7b8bc90243d
4
+ data.tar.gz: 710b111caf3f4aad4f42e6f74790b615f7ff8c197314c127185b06c99e9c98a6
5
5
  SHA512:
6
- metadata.gz: dc515cc407547a0d5bb42bf3a7eb5f812928497e1348c2989b271f068298ca4d7624a534a5befa0c06f441d1cba5044e311746789e72217680658613ed2f847e
7
- data.tar.gz: 07db1ac14139a08caffea4c42f05bf9d316acb767bf69ccdb93b54acbe689a55a5521e8538987c41c4972c2bdabddd47e97e8f436d5be6a7008623d3d07d19c3
6
+ metadata.gz: 484f06246b144a619ca42f5f101442ff356fc3efd804aa39e5bb59a84c7afee0aec237b1b641c9a87de4b20dcbd6e50586e4960bf04075c1f98b2407fc6b78a2
7
+ data.tar.gz: 8533dd080dcfcb674da9678afd6fc72c4869a89741f43be877dd008699f6433134f9e48f6ced1ee4b65f5dea3a4d87d4dea39bb84f97301451a7e6fc5b9cdfb5
@@ -2,7 +2,7 @@
2
2
  //= require angular-ui-sortable/dist/sortable
3
3
  //= require ng-file-upload/dist/ng-file-upload
4
4
  //= require angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module
5
- //= require fancybox/dist/js/jquery.fancybox
5
+ //= require @fancyapps/fancybox/dist/jquery.fancybox.min
6
6
  //= require promethee/fancybox
7
7
 
8
8
  window.onbeforeunload = function(evt) {
@@ -1,4 +1,4 @@
1
- @import fancybox/dist/css/jquery.fancybox
1
+ @import "@fancyapps/fancybox/dist/jquery.fancybox.min"
2
2
 
3
3
  .promethee
4
4
  &__component
@@ -1,5 +1,5 @@
1
1
  <% fullsize_url = url_for(blob.variant(resize: '1920>')) %>
2
- <a class="fancybox fancybox-image-srcset" title="<%= strip_tags(caption) %>" href="<%= fullsize_url %>">
2
+ <a data-fancybox title="<%= strip_tags(caption) %>" href="<%= fullsize_url %>">
3
3
  <img src="<%= fullsize_url %>"
4
4
  srcset="
5
5
  <% [1920, 1600, 1440, 1366, 1280, 1024, 800, 768, 640, 360, 200].each do |size| %>
@@ -1,5 +1,5 @@
1
1
  module Promethee
2
2
  module Rails
3
- VERSION = '1.6.60'
3
+ VERSION = '1.6.61'
4
4
  end
5
5
  end
@@ -0,0 +1,62 @@
1
+ # fancyBox
2
+
3
+ jQuery lightbox script for displaying images, videos and more.
4
+ Touch enabled, responsive and fully customizable.
5
+
6
+ See the [project page](http://fancyapps.com/fancybox/3/) for documentation and a demonstration.
7
+
8
+ Follow [@thefancyapps](//twitter.com/thefancyapps) for updates.
9
+
10
+
11
+ ## Quick start
12
+
13
+ 1\. Add latest jQuery and fancyBox files
14
+
15
+ ```html
16
+ <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
17
+
18
+ <link href="/path/to/jquery.fancybox.min.css" rel="stylesheet">
19
+ <script src="/path/to/jquery.fancybox.min.js"></script>
20
+ ```
21
+
22
+
23
+ 2\. Create links
24
+
25
+ ```html
26
+ <a data-fancybox="gallery" href="big_1.jpg">
27
+ <img src="small_1.jpg">
28
+ </a>
29
+
30
+ <a data-fancybox="gallery" href="big_2.jpg">
31
+ <img src="small_2.jpg">
32
+ </a>
33
+ ```
34
+
35
+
36
+ 3\. Enjoy!
37
+
38
+
39
+ ## License
40
+
41
+ fancyBox is licensed under the [GPLv3](http://choosealicense.com/licenses/gpl-3.0) license for all open source applications.
42
+ A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).
43
+
44
+ [Read more about fancyBox license](http://fancyapps.com/fancybox/#license).
45
+
46
+ ## Bugs and feature requests
47
+
48
+ If you find a bug, please report it [here on Github](https://github.com/fancyapps/fancybox/issues).
49
+
50
+ Guidelines for bug reports:
51
+
52
+ 1. Use the GitHub issue search — check if the issue has already been reported.
53
+ 2. Check if the issue has been fixed — try to reproduce it using the latest master or development branch in the repository.
54
+ 3. Isolate the problem — create a reduced test case and a live example. You can use CodePen to fork any demo found on documentation to use it as a template.
55
+
56
+ A good bug report shouldn't leave others needing to chase you up for more information.
57
+ Please try to be as detailed as possible in your report.
58
+
59
+
60
+ Feature requests are welcome. Please look for existing ones and use GitHub's "reactions" feature to vote.
61
+
62
+ Please do not use the issue tracker for personal support requests - use Stack Overflow ([fancybox-3](http://stackoverflow.com/questions/tagged/fancybox-3) tag) instead.
@@ -0,0 +1,23 @@
1
+ {
2
+ "name": "fancybox",
3
+ "description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
4
+ "keywords": [
5
+ "touch",
6
+ "responsive",
7
+ "lightbox",
8
+ "fancybox",
9
+ "gallery",
10
+ "jQuery",
11
+ "plugin"
12
+ ],
13
+ "homepage": "http://fancyapps.com/fancybox/",
14
+ "license": "GPL-3.0",
15
+ "moduleType": "globals",
16
+ "main": [
17
+ "dist/jquery.fancybox.min.css",
18
+ "dist/jquery.fancybox.min.js"
19
+ ],
20
+ "dependencies": {
21
+ "jquery": ">=1.9.0"
22
+ }
23
+ }
@@ -0,0 +1,770 @@
1
+ body.compensate-for-scrollbar {
2
+ overflow: hidden; }
3
+
4
+ .fancybox-active {
5
+ height: auto; }
6
+
7
+ .fancybox-is-hidden {
8
+ left: -9999px;
9
+ margin: 0;
10
+ position: absolute !important;
11
+ top: -9999px;
12
+ visibility: hidden; }
13
+
14
+ .fancybox-container {
15
+ -webkit-backface-visibility: hidden;
16
+ backface-visibility: hidden;
17
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
18
  'Segoe UI Emoji', 'Segoe UI Symbol';
19
+ height: 100%;
20
+ left: 0;
21
+ position: fixed;
22
+ -webkit-tap-highlight-color: transparent;
23
+ top: 0;
24
+ -webkit-transform: translateZ(0);
25
+ transform: translateZ(0);
26
+ width: 100%;
27
+ z-index: 99992; }
28
+
29
+ .fancybox-container * {
30
+ box-sizing: border-box; }
31
+
32
+ .fancybox-outer,
33
+ .fancybox-inner,
34
+ .fancybox-bg,
35
+ .fancybox-stage {
36
+ bottom: 0;
37
+ left: 0;
38
+ position: absolute;
39
+ right: 0;
40
+ top: 0; }
41
+
42
+ .fancybox-outer {
43
+ -webkit-overflow-scrolling: touch;
44
+ overflow-y: auto; }
45
+
46
+ .fancybox-bg {
47
+ background: #1e1e1e;
48
+ opacity: 0;
49
+ transition-duration: inherit;
50
+ transition-property: opacity;
51
+ transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
52
+
53
+ .fancybox-is-open .fancybox-bg {
54
+ opacity: .87;
55
+ transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
56
+
57
+ .fancybox-infobar,
58
+ .fancybox-toolbar,
59
+ .fancybox-caption,
60
+ .fancybox-navigation .fancybox-button {
61
+ direction: ltr;
62
+ opacity: 0;
63
+ position: absolute;
64
+ transition: opacity .25s, visibility 0s linear .25s;
65
+ visibility: hidden;
66
+ z-index: 99997; }
67
+
68
+ .fancybox-show-infobar .fancybox-infobar,
69
+ .fancybox-show-toolbar .fancybox-toolbar,
70
+ .fancybox-show-caption .fancybox-caption,
71
+ .fancybox-show-nav .fancybox-navigation .fancybox-button {
72
+ opacity: 1;
73
+ transition: opacity .25s, visibility 0s;
74
+ visibility: visible; }
75
+
76
+ .fancybox-infobar {
77
+ color: #ccc;
78
+ font-size: 13px;
79
+ -webkit-font-smoothing: subpixel-antialiased;
80
+ height: 44px;
81
+ left: 0;
82
+ line-height: 44px;
83
+ min-width: 44px;
84
+ mix-blend-mode: difference;
85
+ padding: 0 10px;
86
+ pointer-events: none;
87
+ text-align: center;
88
+ top: 0;
89
+ -webkit-touch-callout: none;
90
+ -webkit-user-select: none;
91
+ -moz-user-select: none;
92
+ -ms-user-select: none;
93
+ user-select: none; }
94
+
95
+ .fancybox-toolbar {
96
+ right: 0;
97
+ top: 0; }
98
+
99
+ .fancybox-stage {
100
+ direction: ltr;
101
+ overflow: visible;
102
+ -webkit-transform: translate3d(0, 0, 0);
103
+ z-index: 99994; }
104
+
105
+ .fancybox-is-open .fancybox-stage {
106
+ overflow: hidden; }
107
+
108
+ .fancybox-slide {
109
+ -webkit-backface-visibility: hidden;
110
+ backface-visibility: hidden;
111
+ display: none;
112
+ height: 100%;
113
+ left: 0;
114
+ outline: none;
115
+ overflow: auto;
116
+ -webkit-overflow-scrolling: touch;
117
+ padding: 44px;
118
+ position: absolute;
119
+ text-align: center;
120
+ top: 0;
121
+ transition-property: opacity, -webkit-transform;
122
+ transition-property: transform, opacity;
123
+ transition-property: transform, opacity, -webkit-transform;
124
+ white-space: normal;
125
+ width: 100%;
126
+ z-index: 99994; }
127
+
128
+ .fancybox-slide::before {
129
+ content: '';
130
+ display: inline-block;
131
+ height: 100%;
132
+ margin-right: -.25em;
133
+ vertical-align: middle;
134
+ width: 0; }
135
+
136
+ .fancybox-is-sliding .fancybox-slide,
137
+ .fancybox-slide--previous,
138
+ .fancybox-slide--current,
139
+ .fancybox-slide--next {
140
+ display: block; }
141
+
142
+ .fancybox-slide--next {
143
+ z-index: 99995; }
144
+
145
+ .fancybox-slide--image {
146
+ overflow: visible;
147
+ padding: 44px 0; }
148
+
149
+ .fancybox-slide--image::before {
150
+ display: none; }
151
+
152
+ .fancybox-slide--html {
153
+ padding: 6px 6px 0 6px; }
154
+
155
+ .fancybox-slide--iframe {
156
+ padding: 44px 44px 0; }
157
+
158
+ .fancybox-content {
159
+ background: #fff;
160
+ display: inline-block;
161
+ margin: 0 0 6px 0;
162
+ max-width: 100%;
163
+ overflow: auto;
164
+ padding: 0;
165
+ padding: 24px;
166
+ position: relative;
167
+ text-align: left;
168
+ vertical-align: middle; }
169
+
170
+ .fancybox-slide--image .fancybox-content {
171
+ -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
172
+ animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
173
+ -webkit-backface-visibility: hidden;
174
+ backface-visibility: hidden;
175
+ background: transparent;
176
+ background-repeat: no-repeat;
177
+ background-size: 100% 100%;
178
+ left: 0;
179
+ margin: 0;
180
+ max-width: none;
181
+ overflow: visible;
182
+ padding: 0;
183
+ position: absolute;
184
+ top: 0;
185
+ -webkit-transform-origin: top left;
186
+ -ms-transform-origin: top left;
187
+ transform-origin: top left;
188
+ transition-property: opacity, -webkit-transform;
189
+ transition-property: transform, opacity;
190
+ transition-property: transform, opacity, -webkit-transform;
191
+ -webkit-user-select: none;
192
+ -moz-user-select: none;
193
+ -ms-user-select: none;
194
+ user-select: none;
195
+ z-index: 99995; }
196
+
197
+ .fancybox-can-zoomOut .fancybox-content {
198
+ cursor: -webkit-zoom-out;
199
+ cursor: zoom-out; }
200
+
201
+ .fancybox-can-zoomIn .fancybox-content {
202
+ cursor: -webkit-zoom-in;
203
+ cursor: zoom-in; }
204
+
205
+ .fancybox-can-drag .fancybox-content {
206
+ cursor: -webkit-grab;
207
+ cursor: grab; }
208
+
209
+ .fancybox-is-dragging .fancybox-content {
210
+ cursor: -webkit-grabbing;
211
+ cursor: grabbing; }
212
+
213
+ .fancybox-container [data-selectable='true'] {
214
+ cursor: text; }
215
+
216
+ .fancybox-image,
217
+ .fancybox-spaceball {
218
+ background: transparent;
219
+ border: 0;
220
+ height: 100%;
221
+ left: 0;
222
+ margin: 0;
223
+ max-height: none;
224
+ max-width: none;
225
+ padding: 0;
226
+ position: absolute;
227
+ top: 0;
228
+ -webkit-user-select: none;
229
+ -moz-user-select: none;
230
+ -ms-user-select: none;
231
+ user-select: none;
232
+ width: 100%; }
233
+
234
+ .fancybox-spaceball {
235
+ z-index: 1; }
236
+
237
+ .fancybox-slide--html .fancybox-content {
238
+ margin-bottom: 6px; }
239
+
240
+ .fancybox-slide--video .fancybox-content,
241
+ .fancybox-slide--map .fancybox-content,
242
+ .fancybox-slide--iframe .fancybox-content {
243
+ height: 100%;
244
+ margin: 0;
245
+ overflow: visible;
246
+ padding: 0;
247
+ width: 100%; }
248
+
249
+ .fancybox-slide--video .fancybox-content {
250
+ background: #000; }
251
+
252
+ .fancybox-slide--map .fancybox-content {
253
+ background: #e5e3df; }
254
+
255
+ .fancybox-slide--iframe .fancybox-content {
256
+ background: #fff;
257
+ height: calc(100% - 44px);
258
+ margin-bottom: 44px; }
259
+
260
+ .fancybox-video,
261
+ .fancybox-iframe {
262
+ background: transparent;
263
+ border: 0;
264
+ height: 100%;
265
+ margin: 0;
266
+ overflow: hidden;
267
+ padding: 0;
268
+ width: 100%; }
269
+
270
+ .fancybox-iframe {
271
+ vertical-align: top; }
272
+
273
+ .fancybox-error {
274
+ background: #fff;
275
+ cursor: default;
276
+ max-width: 400px;
277
+ padding: 40px;
278
+ width: 100%; }
279
+
280
+ .fancybox-error p {
281
+ color: #444;
282
+ font-size: 16px;
283
+ line-height: 20px;
284
+ margin: 0;
285
+ padding: 0; }
286
+
287
+ /* Buttons */
288
+ .fancybox-button {
289
+ background: rgba(30, 30, 30, 0.6);
290
+ border: 0;
291
+ border-radius: 0;
292
+ cursor: pointer;
293
+ display: inline-block;
294
+ height: 44px;
295
+ margin: 0;
296
+ outline: none;
297
+ padding: 10px;
298
+ transition: color .2s;
299
+ vertical-align: top;
300
+ width: 44px; }
301
+
302
+ .fancybox-button,
303
+ .fancybox-button:visited,
304
+ .fancybox-button:link {
305
+ color: #ccc; }
306
+
307
+ .fancybox-button:focus,
308
+ .fancybox-button:hover {
309
+ color: #fff; }
310
+
311
+ .fancybox-button.disabled,
312
+ .fancybox-button.disabled:hover,
313
+ .fancybox-button[disabled],
314
+ .fancybox-button[disabled]:hover {
315
+ color: #888;
316
+ cursor: default; }
317
+
318
+ .fancybox-button svg {
319
+ display: block;
320
+ overflow: visible;
321
+ position: relative;
322
+ shape-rendering: geometricPrecision; }
323
+
324
+ .fancybox-button svg path {
325
+ fill: transparent;
326
+ stroke: currentColor;
327
+ stroke-linejoin: round;
328
+ stroke-width: 3; }
329
+
330
+ .fancybox-button--play svg path:nth-child(2) {
331
+ display: none; }
332
+
333
+ .fancybox-button--pause svg path:nth-child(1) {
334
+ display: none; }
335
+
336
+ .fancybox-button--play svg path,
337
+ .fancybox-button--share svg path,
338
+ .fancybox-button--thumbs svg path {
339
+ fill: currentColor; }
340
+
341
+ .fancybox-button--share svg path {
342
+ stroke-width: 1; }
343
+
344
+ /* Navigation arrows */
345
+ .fancybox-navigation .fancybox-button {
346
+ height: 38px;
347
+ opacity: 0;
348
+ padding: 6px;
349
+ position: absolute;
350
+ top: 50%;
351
+ width: 38px; }
352
+
353
+ .fancybox-show-nav .fancybox-navigation .fancybox-button {
354
+ transition: opacity .25s, visibility 0s, color .25s; }
355
+
356
+ .fancybox-navigation .fancybox-button::after {
357
+ content: '';
358
+ left: -25px;
359
+ padding: 50px;
360
+ position: absolute;
361
+ top: -25px; }
362
+
363
+ .fancybox-navigation .fancybox-button--arrow_left {
364
+ left: 6px; }
365
+
366
+ .fancybox-navigation .fancybox-button--arrow_right {
367
+ right: 6px; }
368
+
369
+ /* Close button on the top right corner of html content */
370
+ .fancybox-close-small {
371
+ background: transparent;
372
+ border: 0;
373
+ border-radius: 0;
374
+ color: #555;
375
+ cursor: pointer;
376
+ height: 44px;
377
+ margin: 0;
378
+ padding: 6px;
379
+ position: absolute;
380
+ right: 0;
381
+ top: 0;
382
+ width: 44px;
383
+ z-index: 10; }
384
+
385
+ .fancybox-close-small svg {
386
+ fill: transparent;
387
+ opacity: .8;
388
+ stroke: currentColor;
389
+ stroke-width: 1.5;
390
+ transition: stroke .1s; }
391
+
392
+ .fancybox-close-small:focus {
393
+ outline: none; }
394
+
395
+ .fancybox-close-small:hover svg {
396
+ opacity: 1; }
397
+
398
+ .fancybox-slide--image .fancybox-close-small,
399
+ .fancybox-slide--video .fancybox-close-small,
400
+ .fancybox-slide--iframe .fancybox-close-small {
401
+ color: #ccc;
402
+ padding: 5px;
403
+ right: -12px;
404
+ top: -44px; }
405
+
406
+ .fancybox-slide--image .fancybox-close-small:hover svg,
407
+ .fancybox-slide--video .fancybox-close-small:hover svg,
408
+ .fancybox-slide--iframe .fancybox-close-small:hover svg {
409
+ background: transparent;
410
+ color: #fff; }
411
+
412
+ .fancybox-is-scaling .fancybox-close-small,
413
+ .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
414
+ display: none; }
415
+
416
+ /* Caption */
417
+ .fancybox-caption {
418
+ bottom: 0;
419
+ color: #fff;
420
+ font-size: 14px;
421
+ font-weight: 400;
422
+ left: 0;
423
+ line-height: 1.5;
424
+ padding: 25px 44px 25px 44px;
425
+ right: 0; }
426
+
427
+ .fancybox-caption::before {
428
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
429
+ background-repeat: repeat-x;
430
+ background-size: contain;
431
+ bottom: 0;
432
+ content: '';
433
+ display: block;
434
+ left: 0;
435
+ pointer-events: none;
436
+ position: absolute;
437
+ right: 0;
438
+ top: -25px;
439
+ z-index: -1; }
440
+
441
+ .fancybox-caption::after {
442
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
443
+ content: '';
444
+ display: block;
445
+ left: 44px;
446
+ position: absolute;
447
+ right: 44px;
448
+ top: 0; }
449
+
450
+ .fancybox-caption a,
451
+ .fancybox-caption a:link,
452
+ .fancybox-caption a:visited {
453
+ color: #ccc;
454
+ text-decoration: none; }
455
+
456
+ .fancybox-caption a:hover {
457
+ color: #fff;
458
+ text-decoration: underline; }
459
+
460
+ /* Loading indicator */
461
+ .fancybox-loading {
462
+ -webkit-animation: fancybox-rotate .8s infinite linear;
463
+ animation: fancybox-rotate .8s infinite linear;
464
+ background: transparent;
465
+ border: 6px solid rgba(100, 100, 100, 0.5);
466
+ border-radius: 100%;
467
+ border-top-color: #fff;
468
+ height: 60px;
469
+ left: 50%;
470
+ margin: -30px 0 0 -30px;
471
+ opacity: .6;
472
+ padding: 0;
473
+ position: absolute;
474
+ top: 50%;
475
+ width: 60px;
476
+ z-index: 99999; }
477
+
478
+ @-webkit-keyframes fancybox-rotate {
479
+ from {
480
+ -webkit-transform: rotate(0deg);
481
+ transform: rotate(0deg); }
482
+ to {
483
+ -webkit-transform: rotate(359deg);
484
+ transform: rotate(359deg); } }
485
+
486
+ @keyframes fancybox-rotate {
487
+ from {
488
+ -webkit-transform: rotate(0deg);
489
+ transform: rotate(0deg); }
490
+ to {
491
+ -webkit-transform: rotate(359deg);
492
+ transform: rotate(359deg); } }
493
+
494
+ /* Transition effects */
495
+ .fancybox-animated {
496
+ transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
497
+
498
+ /* transitionEffect: slide */
499
+ .fancybox-fx-slide.fancybox-slide--previous {
500
+ opacity: 0;
501
+ -webkit-transform: translate3d(-100%, 0, 0);
502
+ transform: translate3d(-100%, 0, 0); }
503
+
504
+ .fancybox-fx-slide.fancybox-slide--next {
505
+ opacity: 0;
506
+ -webkit-transform: translate3d(100%, 0, 0);
507
+ transform: translate3d(100%, 0, 0); }
508
+
509
+ .fancybox-fx-slide.fancybox-slide--current {
510
+ opacity: 1;
511
+ -webkit-transform: translate3d(0, 0, 0);
512
+ transform: translate3d(0, 0, 0); }
513
+
514
+ /* transitionEffect: fade */
515
+ .fancybox-fx-fade.fancybox-slide--previous,
516
+ .fancybox-fx-fade.fancybox-slide--next {
517
+ opacity: 0;
518
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
519
+
520
+ .fancybox-fx-fade.fancybox-slide--current {
521
+ opacity: 1; }
522
+
523
+ /* transitionEffect: zoom-in-out */
524
+ .fancybox-fx-zoom-in-out.fancybox-slide--previous {
525
+ opacity: 0;
526
+ -webkit-transform: scale3d(1.5, 1.5, 1.5);
527
+ transform: scale3d(1.5, 1.5, 1.5); }
528
+
529
+ .fancybox-fx-zoom-in-out.fancybox-slide--next {
530
+ opacity: 0;
531
+ -webkit-transform: scale3d(0.5, 0.5, 0.5);
532
+ transform: scale3d(0.5, 0.5, 0.5); }
533
+
534
+ .fancybox-fx-zoom-in-out.fancybox-slide--current {
535
+ opacity: 1;
536
+ -webkit-transform: scale3d(1, 1, 1);
537
+ transform: scale3d(1, 1, 1); }
538
+
539
+ /* transitionEffect: rotate */
540
+ .fancybox-fx-rotate.fancybox-slide--previous {
541
+ opacity: 0;
542
+ -webkit-transform: rotate(-360deg);
543
+ -ms-transform: rotate(-360deg);
544
+ transform: rotate(-360deg); }
545
+
546
+ .fancybox-fx-rotate.fancybox-slide--next {
547
+ opacity: 0;
548
+ -webkit-transform: rotate(360deg);
549
+ -ms-transform: rotate(360deg);
550
+ transform: rotate(360deg); }
551
+
552
+ .fancybox-fx-rotate.fancybox-slide--current {
553
+ opacity: 1;
554
+ -webkit-transform: rotate(0deg);
555
+ -ms-transform: rotate(0deg);
556
+ transform: rotate(0deg); }
557
+
558
+ /* transitionEffect: circular */
559
+ .fancybox-fx-circular.fancybox-slide--previous {
560
+ opacity: 0;
561
+ -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
562
+ transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
563
+
564
+ .fancybox-fx-circular.fancybox-slide--next {
565
+ opacity: 0;
566
+ -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
567
+ transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
568
+
569
+ .fancybox-fx-circular.fancybox-slide--current {
570
+ opacity: 1;
571
+ -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
572
+ transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
573
+
574
+ /* transitionEffect: tube */
575
+ .fancybox-fx-tube.fancybox-slide--previous {
576
+ -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
577
+ transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
578
+
579
+ .fancybox-fx-tube.fancybox-slide--next {
580
+ -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
581
+ transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
582
+
583
+ .fancybox-fx-tube.fancybox-slide--current {
584
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
585
+ transform: translate3d(0, 0, 0) scale(1); }
586
+
587
+ /* Share */
588
+ .fancybox-share {
589
+ background: #f4f4f4;
590
+ border-radius: 3px;
591
+ max-width: 90%;
592
+ padding: 30px;
593
+ text-align: center; }
594
+
595
+ .fancybox-share h1 {
596
+ color: #222;
597
+ font-size: 35px;
598
+ font-weight: 700;
599
+ margin: 0 0 20px 0; }
600
+
601
+ .fancybox-share p {
602
+ margin: 0;
603
+ padding: 0; }
604
+
605
+ .fancybox-share__button {
606
+ border: 0;
607
+ border-radius: 3px;
608
+ display: inline-block;
609
+ font-size: 14px;
610
+ font-weight: 700;
611
+ line-height: 40px;
612
+ margin: 0 5px 10px 5px;
613
+ min-width: 130px;
614
+ padding: 0 15px;
615
+ text-decoration: none;
616
+ transition: all .2s;
617
+ -webkit-user-select: none;
618
+ -moz-user-select: none;
619
+ -ms-user-select: none;
620
+ user-select: none;
621
+ white-space: nowrap; }
622
+
623
+ .fancybox-share__button:visited,
624
+ .fancybox-share__button:link {
625
+ color: #fff; }
626
+
627
+ .fancybox-share__button:hover {
628
+ text-decoration: none; }
629
+
630
+ .fancybox-share__button--fb {
631
+ background: #3b5998; }
632
+
633
+ .fancybox-share__button--fb:hover {
634
+ background: #344e86; }
635
+
636
+ .fancybox-share__button--pt {
637
+ background: #bd081d; }
638
+
639
+ .fancybox-share__button--pt:hover {
640
+ background: #aa0719; }
641
+
642
+ .fancybox-share__button--tw {
643
+ background: #1da1f2; }
644
+
645
+ .fancybox-share__button--tw:hover {
646
+ background: #0d95e8; }
647
+
648
+ .fancybox-share__button svg {
649
+ height: 25px;
650
+ margin-right: 7px;
651
+ position: relative;
652
+ top: -1px;
653
+ vertical-align: middle;
654
+ width: 25px; }
655
+
656
+ .fancybox-share__button svg path {
657
+ fill: #fff; }
658
+
659
+ .fancybox-share__input {
660
+ background: transparent;
661
+ border: 0;
662
+ border-bottom: 1px solid #d7d7d7;
663
+ border-radius: 0;
664
+ color: #5d5b5b;
665
+ font-size: 14px;
666
+ margin: 10px 0 0 0;
667
+ outline: none;
668
+ padding: 10px 15px;
669
+ width: 100%; }
670
+
671
+ /* Thumbs */
672
+ .fancybox-thumbs {
673
+ background: #fff;
674
+ bottom: 0;
675
+ display: none;
676
+ margin: 0;
677
+ -webkit-overflow-scrolling: touch;
678
+ -ms-overflow-style: -ms-autohiding-scrollbar;
679
+ padding: 2px 2px 4px 2px;
680
+ position: absolute;
681
+ right: 0;
682
+ -webkit-tap-highlight-color: transparent;
683
+ top: 0;
684
+ width: 212px;
685
+ z-index: 99995; }
686
+
687
+ .fancybox-thumbs-x {
688
+ overflow-x: auto;
689
+ overflow-y: hidden; }
690
+
691
+ .fancybox-show-thumbs .fancybox-thumbs {
692
+ display: block; }
693
+
694
+ .fancybox-show-thumbs .fancybox-inner {
695
+ right: 212px; }
696
+
697
+ .fancybox-thumbs > ul {
698
+ font-size: 0;
699
+ height: 100%;
700
+ list-style: none;
701
+ margin: 0;
702
+ overflow-x: hidden;
703
+ overflow-y: auto;
704
+ padding: 0;
705
+ position: absolute;
706
+ position: relative;
707
+ white-space: nowrap;
708
+ width: 100%; }
709
+
710
+ .fancybox-thumbs-x > ul {
711
+ overflow: hidden; }
712
+
713
+ .fancybox-thumbs-y > ul::-webkit-scrollbar {
714
+ width: 7px; }
715
+
716
+ .fancybox-thumbs-y > ul::-webkit-scrollbar-track {
717
+ background: #fff;
718
+ border-radius: 10px;
719
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
720
+
721
+ .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
722
+ background: #2a2a2a;
723
+ border-radius: 10px; }
724
+
725
+ .fancybox-thumbs > ul > li {
726
+ -webkit-backface-visibility: hidden;
727
+ backface-visibility: hidden;
728
+ cursor: pointer;
729
+ float: left;
730
+ height: 75px;
731
+ margin: 2px;
732
+ max-height: calc(100% - 8px);
733
+ max-width: calc(50% - 4px);
734
+ outline: none;
735
+ overflow: hidden;
736
+ padding: 0;
737
+ position: relative;
738
+ -webkit-tap-highlight-color: transparent;
739
+ width: 100px; }
740
+
741
+ .fancybox-thumbs-loading {
742
+ background: rgba(0, 0, 0, 0.1); }
743
+
744
+ .fancybox-thumbs > ul > li {
745
+ background-position: center center;
746
+ background-repeat: no-repeat;
747
+ background-size: cover; }
748
+
749
+ .fancybox-thumbs > ul > li:before {
750
+ border: 4px solid #4ea7f9;
751
+ bottom: 0;
752
+ content: '';
753
+ left: 0;
754
+ opacity: 0;
755
+ position: absolute;
756
+ right: 0;
757
+ top: 0;
758
+ transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
759
+ z-index: 99991; }
760
+
761
+ .fancybox-thumbs .fancybox-thumbs-active:before {
762
+ opacity: 1; }
763
+
764
+ /* Styling for Small-Screen Devices */
765
+ @media all and (max-width: 800px) {
766
+ .fancybox-thumbs {
767
+ width: 110px; }
768
+ .fancybox-show-thumbs .fancybox-inner {
769
+ right: 110px; }
770
+ .fancybox-thumbs > ul > li {
771
+ max-width: calc(100% - 10px); } }