eSales Media Git repositories
Browse code

Removing old formstone libraries

Benjamin Roth authored on08/06/2016 14:32:18
Showing1 changed files
assets/lib/formstone/0.7.12/css/lightbox.css
History View file @48a505a
1 1 
deleted file mode 100755
... ... 
@@ -1,675 +0,0 @@
1 
-/*! formstone v0.7.12 [lightbox.css] 2015-08-12 | MIT License | formstone.it */
2 
-
3 
-/**
4 
-	 * @class
5 
-	 * @name .fs-lightbox-element
6 
-	 * @type element
7 
-	 * @description Target elmement
8 
-	 */
9 
-/**
10 
-	 * @class
11 
-	 * @name .fs-lightbox
12 
-	 * @type element
13 
-	 * @description Base widget class
14 
-	 */
15 
-/**
16 
-	 * @class
17 
-	 * @name .fs-lightbox.fs-lightbox-open
18 
-	 * @type modifier
19 
-	 * @description Indicates open state
20 
-	 */
21 
-/**
22 
-	 * @class
23 
-	 * @name .fs-lightbox.fs-lightbox-loading
24 
-	 * @type modifier
25 
-	 * @description Indicates loading state
26 
-	 */
27 
-/**
28 
-	 * @class
29 
-	 * @name .fs-lightbox.fs-lightbox-animating
30 
-	 * @type modifier
31 
-	 * @description Indicates animating state
32 
-	 */
33 
-/**
34 
-	 * @class
35 
-	 * @name .fs-lightbox.fs-lightbox-mobile
36 
-	 * @type modifier
37 
-	 * @description Indicates mobile display
38 
-	 */
39 
-/**
40 
-	 * @class
41 
-	 * @name .fs-lightbox.fs-lightbox-fixed
42 
-	 * @type modifier
43 
-	 * @description Indicates fixed positioning
44 
-	 */
45 
-/**
46 
-	 * @class
47 
-	 * @name .fs-lightbox.fs-lightbox-inline
48 
-	 * @type modifier
49 
-	 * @description Indicates inline content
50 
-	 */
51 
-/**
52 
-	 * @class
53 
-	 * @name .fs-lightbox.fs-lightbox-iframed
54 
-	 * @type modifier
55 
-	 * @description Indicates iFrame content
56 
-	 */
57 
-/**
58 
-	 * @class
59 
-	 * @name .fs-lightbox.fs-lightbox-has_caption
60 
-	 * @type modifier
61 
-	 * @description Indicates caption is present
62 
-	 */
63 
-/**
64 
-	 * @class
65 
-	 * @name .fs-lightbox.fs-lightbox-has_controls
66 
-	 * @type modifier
67 
-	 * @description Indicates controls are present
68 
-	 */
69 
-.fs-lightbox {
70 
-  width: 200px;
71 
-  height: 200px;
72 
-  position: absolute;
73 
-  right: 0;
74 
-  left: 0;
75 
-  z-index: 101;
76 
-  background: #ffffff;
77 
-  border-radius: 3px;
78 
-  box-shadow: 0 0 25px #000000;
79 
-  opacity: 0;
80 
-  margin: 0 auto;
81 
-  padding: 10px;
82 
-  -webkit-transform: translateZ(0);
83 
-  /**
84 
-		 * @class
85 
-		 * @name .fs-lightbox-overlay
86 
-		 * @type element
87 
-		 * @description Overlay element
88 
-		 */
89 
-  /**
90 
-		 * @class
91 
-		 * @name .fs-lightbox-close
92 
-		 * @type element
93 
-		 * @description Close element
94 
-		 */
95 
-  /**
96 
-		 * @class
97 
-		 * @name .fs-lightbox-loading_icon
98 
-		 * @type element
99 
-		 * @description Loading icon element
100 
-		 */
101 
-  /**
102 
-		 * @class
103 
-		 * @name .fs-lightbox-container
104 
-		 * @type element
105 
-		 * @description Container element
106 
-		 */
107 
-  /**
108 
-		 * @class
109 
-		 * @name .fs-lightbox-content
110 
-		 * @type element
111 
-		 * @description Content element
112 
-		 */
113 
-  /**
114 
-		 * @class
115 
-		 * @name .fs-lightbox-image
116 
-		 * @type element
117 
-		 * @description Image element
118 
-		 */
119 
-  /**
120 
-		 * @class
121 
-		 * @name .fs-lightbox-video
122 
-		 * @type element
123 
-		 * @description Video element
124 
-		 */
125 
-  /**
126 
-		 * @class
127 
-		 * @name .fs-lightbox-iframe
128 
-		 * @type element
129 
-		 * @description iFrame element
130 
-		 */
131 
-  /**
132 
-		 * @class
133 
-		 * @name .fs-lightbox-tools
134 
-		 * @type element
135 
-		 * @description Tools element
136 
-		 */
137 
-  /**
138 
-		 * @class
139 
-		 * @name .fs-lightbox-meta
140 
-		 * @type element
141 
-		 * @description Meta info element
142 
-		 */
143 
-  /**
144 
-		 * @class
145 
-		 * @name .fs-lightbox-controls
146 
-		 * @type element
147 
-		 * @description Controls container element
148 
-		 */
149 
-  /**
150 
-		 * @class
151 
-		 * @name .fs-lightbox-control
152 
-		 * @type element
153 
-		 * @description Control element
154 
-		 */
155 
-  /**
156 
-		 * @class
157 
-		 * @name .fs-lightbox-control.fs-lightbox-control_previous
158 
-		 * @type modifier
159 
-		 * @description Indicates previous control
160 
-		 */
161 
-  /**
162 
-		 * @class
163 
-		 * @name .fs-lightbox-control.fs-lightbox-control_next
164 
-		 * @type modifier
165 
-		 * @description Indicates next control
166 
-		 */
167 
-  /**
168 
-		 * @class
169 
-		 * @name .fs-lightbox-control.fs-lightbox-control_disabled
170 
-		 * @type modifier
171 
-		 * @description Indicates disbaled state
172 
-		 */
173 
-  /**
174 
-		 * @class
175 
-		 * @name .fs-lightbox-position
176 
-		 * @type element
177 
-		 * @description Position element
178 
-		 */
179 
-  /**
180 
-		 * @class
181 
-		 * @name .fs-lightbox-position_current
182 
-		 * @type element
183 
-		 * @description Current position element
184 
-		 */
185 
-  /**
186 
-		 * @class
187 
-		 * @name .fs-lightbox-position_total
188 
-		 * @type element
189 
-		 * @description Total position element
190 
-		 */
191 
-  /**
192 
-		 * @class
193 
-		 * @name .fs-lightbox-caption
194 
-		 * @type element
195 
-		 * @description Caption element
196 
-		 */
197 
-  /**
198 
-		 * @class
199 
-		 * @name .fs-lightbox-error
200 
-		 * @type element
201 
-		 * @description Error message element
202 
-		 */
203 
-  /**
204 
-		 * @class
205 
-		 * @name .fs-lightbox-lock
206 
-		 * @type modifier
207 
-		 * @description Indicates locked state; Applied to body element
208 
-		 */
209 
-}
210 
-.fs-lightbox,
211 
-.fs-lightbox * {
212 
-  box-sizing: border-box;
213 
-  -webkit-user-select: none !important;
214 
-     -moz-user-select: none !important;
215 
-      -ms-user-select: none !important;
216 
-          user-select: none !important;
217 
-}
218 
-.fs-lightbox-fixed {
219 
-  position: fixed;
220 
-  top: 0;
221 
-  bottom: 0;
222 
-  margin: auto;
223 
-}
224 
-.fs-lightbox-inline {
225 
-  padding: 30px;
226 
-}
227 
-.fs-lightbox-animating {
228 
-  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
229 
-          transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
230 
-}
231 
-.fs-lightbox-animating .fs-lightbox-container {
232 
-  -webkit-transition: opacity 0.25s linear 0.25s;
233 
-          transition: opacity 0.25s linear 0.25s;
234 
-}
235 
-.fs-lightbox-overlay {
236 
-  width: 100%;
237 
-  height: 100%;
238 
-  position: fixed;
239 
-  top: 0;
240 
-  right: 0;
241 
-  bottom: 0;
242 
-  left: 0;
243 
-  z-index: 100;
244 
-  background: #000000;
245 
-  opacity: 0;
246 
-  -webkit-transition: opacity 0.25s linear;
247 
-          transition: opacity 0.25s linear;
248 
-}
249 
-.fs-lightbox-open {
250 
-  opacity: 1;
251 
-}
252 
-.fs-lightbox-overlay.fs-lightbox-open {
253 
-  opacity: 0.75;
254 
-}
255 
-.fs-lightbox-close {
256 
-  border: none;
257 
-  width: 30px;
258 
-  height: 30px;
259 
-  position: absolute;
260 
-  top: -7.5px;
261 
-  right: -7.5px;
262 
-  z-index: 105;
263 
-  background: #ffffff;
264 
-  border-radius: 100%;
265 
-  cursor: pointer;
266 
-  display: block;
267 
-  overflow: hidden;
268 
-  padding: 0;
269 
-  text-indent: 200%;
270 
-  white-space: nowrap;
271 
-}
272 
-.fs-lightbox-close:focus {
273 
-  outline: none;
274 
-}
275 
-.fs-lightbox-close:before {
276 
-  position: absolute;
277 
-  top: 0;
278 
-  right: 0;
279 
-  bottom: 0;
280 
-  left: 0;
281 
-  color: #333333;
282 
-  content: "\00d7";
283 
-  display: block;
284 
-  font-family: "Helvetica", Arial, sans-serif;
285 
-  font-size: 22px;
286 
-  font-weight: 700;
287 
-  line-height: 30px;
288 
-  margin: auto;
289 
-  text-align: center;
290 
-  text-indent: 0;
291 
-  -webkit-transition: color 0.15s linear;
292 
-          transition: color 0.15s linear;
293 
-}
294 
-.no-opacity .fs-lightbox-close {
295 
-  text-indent: -999px;
296 
-}
297 
-.fs-lightbox-loading_icon {
298 
-  width: 50px;
299 
-  height: 50px;
300 
-  position: absolute;
301 
-  top: 0;
302 
-  right: 0;
303 
-  bottom: 0;
304 
-  left: 0;
305 
-  z-index: 105;
306 
-  display: block;
307 
-  margin: auto;
308 
-  opacity: 0;
309 
-  -webkit-transition: opacity 0.25s linear;
310 
-          transition: opacity 0.25s linear;
311 
-}
312 
-.fs-lightbox-loading_icon:before,
313 
-.fs-lightbox-loading_icon:after {
314 
-  width: 100%;
315 
-  height: 100%;
316 
-  position: absolute;
317 
-  top: 0;
318 
-  right: 0;
319 
-  bottom: 0;
320 
-  left: 0;
321 
-  border-radius: 110%;
322 
-  content: '';
323 
-  display: block;
324 
-}
325 
-.fs-lightbox-loading_icon:before {
326 
-  border: 5px solid rgba(51, 51, 51, 0.25);
327 
-}
328 
-.fs-lightbox-loading_icon:after {
329 
-  -webkit-animation: fs-lightbox-loading-spin 0.75s linear infinite;
330 
-          animation: fs-lightbox-loading-spin 0.75s linear infinite;
331 
-  border: 5px solid transparent;
332 
-  border-top-color: #333333;
333 
-}
334 
-@-webkit-keyframes fs-lightbox-loading-spin {
335 
-  from {
336 
-    -webkit-transform: rotate(0deg);
337 
-            transform: rotate(0deg);
338 
-  }
339 
-  to {
340 
-    -webkit-transform: rotate(360deg);
341 
-            transform: rotate(360deg);
342 
-  }
343 
-}
344 
-@keyframes fs-lightbox-loading-spin {
345 
-  from {
346 
-    -webkit-transform: rotate(0deg);
347 
-            transform: rotate(0deg);
348 
-  }
349 
-  to {
350 
-    -webkit-transform: rotate(360deg);
351 
-            transform: rotate(360deg);
352 
-  }
353 
-}
354 
-.fs-lightbox-container {
355 
-  width: 100%;
356 
-  height: 100%;
357 
-  position: relative;
358 
-  z-index: 103;
359 
-  background: #ffffff;
360 
-  overflow: hidden;
361 
-}
362 
-.fs-lightbox-container:after {
363 
-  clear: both;
364 
-  content: '';
365 
-  display: table;
366 
-}
367 
-.fs-lightbox-content {
368 
-  width: 100%;
369 
-  background: #ffffff;
370 
-  opacity: 1;
371 
-  overflow: hidden;
372 
-  padding: 0;
373 
-}
374 
-.fs-lightbox-content:after {
375 
-  clear: both;
376 
-  content: '';
377 
-  display: table;
378 
-}
379 
-.fs-lightbox-inline .fs-lightbox-content {
380 
-  width: auto;
381 
-}
382 
-.fs-lightbox-iframed .fs-lightbox-content {
383 
-  width: 100%;
384 
-  height: 100%;
385 
-  overflow: auto;
386 
-  -webkit-overflow-scrolling: touch;
387 
-}
388 
-.fs-lightbox-image {
389 
-  float: left;
390 
-}
391 
-.fs-lightbox-video {
392 
-  width: 100%;
393 
-  height: 100%;
394 
-}
395 
-.fs-lightbox-iframe {
396 
-  width: 100%;
397 
-  height: 100%;
398 
-  border: none;
399 
-  float: left;
400 
-  overflow: auto;
401 
-}
402 
-.fs-lightbox-meta {
403 
-  clear: both;
404 
-  padding: 10px 10px 0;
405 
-}
406 
-.fs-lightbox-control {
407 
-  border: none;
408 
-  width: 40px;
409 
-  height: 40px;
410 
-  position: absolute;
411 
-  top: 0;
412 
-  z-index: 105;
413 
-  background: #ffffff;
414 
-  border-radius: 100%;
415 
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
416 
-  cursor: pointer;
417 
-  display: block;
418 
-  margin-right: auto;
419 
-  margin-left: auto;
420 
-  opacity: 1;
421 
-  overflow: hidden;
422 
-  text-indent: 200%;
423 
-  -webkit-transition: opacity 0.15s linear;
424 
-          transition: opacity 0.15s linear;
425 
-  white-space: nowrap;
426 
-}
427 
-.fs-lightbox-control:focus {
428 
-  outline: none;
429 
-}
430 
-.fs-lightbox-control:before {
431 
-  width: 0;
432 
-  height: 0;
433 
-  position: absolute;
434 
-  top: 0;
435 
-  right: 0;
436 
-  bottom: 0;
437 
-  left: 0;
438 
-  content: '';
439 
-  margin: auto;
440 
-}
441 
-.no-opacity .fs-lightbox-control {
442 
-  text-indent: -999px;
443 
-}
444 
-.fs-lightbox-control_previous {
445 
-  left: 20px;
446 
-}
447 
-.fs-lightbox-control_previous:before {
448 
-  border-top: 8px solid transparent;
449 
-  border-bottom: 8px solid transparent;
450 
-  border-right: 10.4px solid #333333;
451 
-  margin-left: 14px;
452 
-}
453 
-.fs-lightbox-control_next {
454 
-  right: 20px;
455 
-}
456 
-.fs-lightbox-control_next:before {
457 
-  border-top: 8px solid transparent;
458 
-  border-bottom: 8px solid transparent;
459 
-  border-left: 10.4px solid #333333;
460 
-  margin-right: 14px;
461 
-}
462 
-.fs-lightbox-control_disabled {
463 
-  opacity: 0;
464 
-}
465 
-.no-touch .fs-lightbox .fs-lightbox-control {
466 
-  opacity: 0;
467 
-}
468 
-.no-touch .fs-lightbox:hover .fs-lightbox-control {
469 
-  opacity: 1;
470 
-}
471 
-.no-touch .fs-lightbox .fs-lightbox-control_disabled,
472 
-.no-touch .fs-lightbox:hover .fs-lightbox-control_disabled {
473 
-  opacity: 0;
474 
-  cursor: default;
475 
-}
476 
-.fs-lightbox-position {
477 
-  color: #999999;
478 
-  font-size: 12px;
479 
-  margin: 5px 0;
480 
-  padding: 0;
481 
-}
482 
-.fs-lightbox-caption:after {
483 
-  clear: both;
484 
-  content: '';
485 
-  display: table;
486 
-}
487 
-.fs-lightbox-caption p {
488 
-  color: #666666;
489 
-  font-size: 14px;
490 
-  margin: 5px 0;
491 
-  padding: 0;
492 
-}
493 
-.fs-lightbox-caption_toggle {
494 
-  display: none;
495 
-}
496 
-.fs-lightbox-error {
497 
-  width: 250px;
498 
-}
499 
-.fs-lightbox-error p {
500 
-  color: #990000;
501 
-  font-size: 14px;
502 
-  margin: 0;
503 
-  padding: 25px;
504 
-  text-align: center;
505 
-  text-transform: uppercase;
506 
-}
507 
-.fs-lightbox-loading .fs-lightbox-container {
508 
-  opacity: 0;
509 
-  -webkit-transition: opacity 0.25s linear;
510 
-          transition: opacity 0.25s linear;
511 
-}
512 
-.fs-lightbox-loading .fs-lightbox-loading_icon {
513 
-  opacity: 1;
514 
-}
515 
-.fs-lightbox-mobile {
516 
-  width: 100%;
517 
-  height: 100%;
518 
-  position: fixed;
519 
-  top: 0;
520 
-  right: 0;
521 
-  bottom: 0;
522 
-  left: 0;
523 
-  background: #111111;
524 
-  border-radius: 0;
525 
-  padding: 40px 0 0;
526 
-}
527 
-.fs-lightbox-mobile .fs-lightbox-close {
528 
-  height: 40px;
529 
-  width: 40px;
530 
-  top: 0;
531 
-  right: 0;
532 
-  background: #111111;
533 
-  border-radius: 0;
534 
-}
535 
-.fs-lightbox-mobile .fs-lightbox-close:before {
536 
-  color: #cccccc;
537 
-  font-size: 28px;
538 
-  font-weight: 700;
539 
-  line-height: 40px;
540 
-}
541 
-.fs-lightbox-mobile .fs-lightbox-loading_icon:before {
542 
-  border-color: rgba(153, 153, 153, 0.25);
543 
-}
544 
-.fs-lightbox-mobile .fs-lightbox-loading_icon:after {
545 
-  border-top-color: #999999;
546 
-}
547 
-.fs-lightbox-mobile .fs-lightbox-container {
548 
-  position: static;
549 
-  background: #111111;
550 
-}
551 
-.fs-lightbox-mobile .fs-lightbox-content {
552 
-  background-color: #111111;
553 
-  padding: 0 15px;
554 
-}
555 
-.fs-lightbox-mobile .fs-lightbox-tools {
556 
-  width: 100%;
557 
-  position: fixed;
558 
-  right: 0;
559 
-  bottom: 0;
560 
-  left: 0;
561 
-  background-color: #111111;
562 
-}
563 
-.fs-lightbox-mobile .fs-lightbox-control {
564 
-  width: 50px;
565 
-  height: 100%;
566 
-  min-height: 50px;
567 
-  background: #111111;
568 
-  border-radius: 0;
569 
-  box-shadow: none;
570 
-  opacity: 1;
571 
-}
572 
-.fs-lightbox-mobile .fs-lightbox-control_previous {
573 
-  left: 0;
574 
-}
575 
-.fs-lightbox-mobile .fs-lightbox-control_previous:before {
576 
-  border-right-color: #eeeeee;
577 
-  margin-left: 19px;
578 
-}
579 
-.fs-lightbox-mobile .fs-lightbox-control_next {
580 
-  right: 0;
581 
-}
582 
-.fs-lightbox-mobile .fs-lightbox-control_next:before {
583 
-  border-left-color: #eeeeee;
584 
-  margin-right: 19px;
585 
-}
586 
-.no-touch .fs-lightbox-mobile .fs-lightbox-control,
587 
-.no-touch .fs-lightbox-mobile:hover .fs-lightbox-control {
588 
-  opacity: 1;
589 
-}
590 
-.fs-lightbox-mobile .fs-lightbox-control_disabled,
591 
-.no-touch .fs-lightbox-mobile .fs-lightbox-control_disabled,
592 
-.no-touch .fs-lightbox-mobile:hover .fs-lightbox-control_disabled {
593 
-  opacity: 0;
594 
-  cursor: default !important;
595 
-}
596 
-.fs-lightbox-mobile .fs-lightbox-meta {
597 
-  padding: 15px 65px;
598 
-}
599 
-.fs-lightbox-mobile .fs-lightbox-position {
600 
-  color: #999999;
601 
-  font-size: 12px;
602 
-  margin: 0;
603 
-  padding: 0 15px 0 0;
604 
-}
605 
-.fs-lightbox-mobile .fs-lightbox-caption p {
606 
-  color: #eeeeee;
607 
-  font-size: 14px;
608 
-  margin: 0;
609 
-  padding: 0;
610 
-}
611 
-.fs-lightbox-mobile .fs-lightbox-image {
612 
-  -webkit-transition: none !important;
613 
-          transition: none !important;
614 
-  -webkit-transform: translate(0, 0);
615 
-      -ms-transform: translate(0, 0);
616 
-          transform: translate(0, 0);
617 
-}
618 
-.fs-lightbox-mobile.fs-lightbox-animated .fs-lightbox-image {
619 
-  -webkit-transition: -webkit-transform 0.25s ease-out !important;
620 
-          transition: transform 0.25s ease-out !important;
621 
-}
622 
-.fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content,
623 
-.fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content {
624 
-  overflow-x: hidden;
625 
-  overflow-y: scroll;
626 
-  -webkit-overflow-scrolling: touch;
627 
-}
628 
-.fs-lightbox-lock {
629 
-  overflow: hidden !important;
630 
-}
631 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools {
632 
-  width: auto;
633 
-  position: static;
634 
-  background: transparent;
635 
-}
636 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls {
637 
-  width: 100%;
638 
-  height: 50px;
639 
-  position: fixed;
640 
-  right: 0;
641 
-  bottom: 0;
642 
-  left: 0;
643 
-  z-index: 105;
644 
-  background-color: #111111;
645 
-  padding: 0 65px;
646 
-}
647 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-caption_toggle {
648 
-  color: #999999;
649 
-  display: block;
650 
-  font-size: 12px;
651 
-  line-height: 50px;
652 
-}
653 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
654 
-  width: 100%;
655 
-  height: 80%;
656 
-  position: fixed;
657 
-  top: 20%;
658 
-  right: 0;
659 
-  bottom: 0;
660 
-  left: 0;
661 
-  z-index: 104;
662 
-  background: #222222;
663 
-  box-shadow: 0 0 25px #000000;
664 
-  padding: 15px 15px 65px;
665 
-  -webkit-transform: translate(0, 100%);
666 
-      -ms-transform: translate(0, 100%);
667 
-          transform: translate(0, 100%);
668 
-  -webkit-transition: -webkit-transform 0.25s ease;
669 
-          transition: transform 0.25s ease;
670 
-}
671 
-.fs-lightbox-touch.fs-lightbox-caption_open .fs-lightbox-meta {
672 
-  -webkit-transform: translate(0, 0);
673 
-      -ms-transform: translate(0, 0);
674 
-          transform: translate(0, 0);
675 
-}
Browse code

Initial commit

Benjamin Roth authored on13/08/2015 16:05:27
Showing1 changed files
assets/lib/formstone/0.7.12/css/lightbox.css
History View file @eecb6f9
1 1 
new file mode 100755
... ... 
@@ -0,0 +1,675 @@
1 
+/*! formstone v0.7.12 [lightbox.css] 2015-08-12 | MIT License | formstone.it */
2 
+
3 
+/**
4 
+	 * @class
5 
+	 * @name .fs-lightbox-element
6 
+	 * @type element
7 
+	 * @description Target elmement
8 
+	 */
9 
+/**
10 
+	 * @class
11 
+	 * @name .fs-lightbox
12 
+	 * @type element
13 
+	 * @description Base widget class
14 
+	 */
15 
+/**
16 
+	 * @class
17 
+	 * @name .fs-lightbox.fs-lightbox-open
18 
+	 * @type modifier
19 
+	 * @description Indicates open state
20 
+	 */
21 
+/**
22 
+	 * @class
23 
+	 * @name .fs-lightbox.fs-lightbox-loading
24 
+	 * @type modifier
25 
+	 * @description Indicates loading state
26 
+	 */
27 
+/**
28 
+	 * @class
29 
+	 * @name .fs-lightbox.fs-lightbox-animating
30 
+	 * @type modifier
31 
+	 * @description Indicates animating state
32 
+	 */
33 
+/**
34 
+	 * @class
35 
+	 * @name .fs-lightbox.fs-lightbox-mobile
36 
+	 * @type modifier
37 
+	 * @description Indicates mobile display
38 
+	 */
39 
+/**
40 
+	 * @class
41 
+	 * @name .fs-lightbox.fs-lightbox-fixed
42 
+	 * @type modifier
43 
+	 * @description Indicates fixed positioning
44 
+	 */
45 
+/**
46 
+	 * @class
47 
+	 * @name .fs-lightbox.fs-lightbox-inline
48 
+	 * @type modifier
49 
+	 * @description Indicates inline content
50 
+	 */
51 
+/**
52 
+	 * @class
53 
+	 * @name .fs-lightbox.fs-lightbox-iframed
54 
+	 * @type modifier
55 
+	 * @description Indicates iFrame content
56 
+	 */
57 
+/**
58 
+	 * @class
59 
+	 * @name .fs-lightbox.fs-lightbox-has_caption
60 
+	 * @type modifier
61 
+	 * @description Indicates caption is present
62 
+	 */
63 
+/**
64 
+	 * @class
65 
+	 * @name .fs-lightbox.fs-lightbox-has_controls
66 
+	 * @type modifier
67 
+	 * @description Indicates controls are present
68 
+	 */
69 
+.fs-lightbox {
70 
+  width: 200px;
71 
+  height: 200px;
72 
+  position: absolute;
73 
+  right: 0;
74 
+  left: 0;
75 
+  z-index: 101;
76 
+  background: #ffffff;
77 
+  border-radius: 3px;
78 
+  box-shadow: 0 0 25px #000000;
79 
+  opacity: 0;
80 
+  margin: 0 auto;
81 
+  padding: 10px;
82 
+  -webkit-transform: translateZ(0);
83 
+  /**
84 
+		 * @class
85 
+		 * @name .fs-lightbox-overlay
86 
+		 * @type element
87 
+		 * @description Overlay element
88 
+		 */
89 
+  /**
90 
+		 * @class
91 
+		 * @name .fs-lightbox-close
92 
+		 * @type element
93 
+		 * @description Close element
94 
+		 */
95 
+  /**
96 
+		 * @class
97 
+		 * @name .fs-lightbox-loading_icon
98 
+		 * @type element
99 
+		 * @description Loading icon element
100 
+		 */
101 
+  /**
102 
+		 * @class
103 
+		 * @name .fs-lightbox-container
104 
+		 * @type element
105 
+		 * @description Container element
106 
+		 */
107 
+  /**
108 
+		 * @class
109 
+		 * @name .fs-lightbox-content
110 
+		 * @type element
111 
+		 * @description Content element
112 
+		 */
113 
+  /**
114 
+		 * @class
115 
+		 * @name .fs-lightbox-image
116 
+		 * @type element
117 
+		 * @description Image element
118 
+		 */
119 
+  /**
120 
+		 * @class
121 
+		 * @name .fs-lightbox-video
122 
+		 * @type element
123 
+		 * @description Video element
124 
+		 */
125 
+  /**
126 
+		 * @class
127 
+		 * @name .fs-lightbox-iframe
128 
+		 * @type element
129 
+		 * @description iFrame element
130 
+		 */
131 
+  /**
132 
+		 * @class
133 
+		 * @name .fs-lightbox-tools
134 
+		 * @type element
135 
+		 * @description Tools element
136 
+		 */
137 
+  /**
138 
+		 * @class
139 
+		 * @name .fs-lightbox-meta
140 
+		 * @type element
141 
+		 * @description Meta info element
142 
+		 */
143 
+  /**
144 
+		 * @class
145 
+		 * @name .fs-lightbox-controls
146 
+		 * @type element
147 
+		 * @description Controls container element
148 
+		 */
149 
+  /**
150 
+		 * @class
151 
+		 * @name .fs-lightbox-control
152 
+		 * @type element
153 
+		 * @description Control element
154 
+		 */
155 
+  /**
156 
+		 * @class
157 
+		 * @name .fs-lightbox-control.fs-lightbox-control_previous
158 
+		 * @type modifier
159 
+		 * @description Indicates previous control
160 
+		 */
161 
+  /**
162 
+		 * @class
163 
+		 * @name .fs-lightbox-control.fs-lightbox-control_next
164 
+		 * @type modifier
165 
+		 * @description Indicates next control
166 
+		 */
167 
+  /**
168 
+		 * @class
169 
+		 * @name .fs-lightbox-control.fs-lightbox-control_disabled
170 
+		 * @type modifier
171 
+		 * @description Indicates disbaled state
172 
+		 */
173 
+  /**
174 
+		 * @class
175 
+		 * @name .fs-lightbox-position
176 
+		 * @type element
177 
+		 * @description Position element
178 
+		 */
179 
+  /**
180 
+		 * @class
181 
+		 * @name .fs-lightbox-position_current
182 
+		 * @type element
183 
+		 * @description Current position element
184 
+		 */
185 
+  /**
186 
+		 * @class
187 
+		 * @name .fs-lightbox-position_total
188 
+		 * @type element
189 
+		 * @description Total position element
190 
+		 */
191 
+  /**
192 
+		 * @class
193 
+		 * @name .fs-lightbox-caption
194 
+		 * @type element
195 
+		 * @description Caption element
196 
+		 */
197 
+  /**
198 
+		 * @class
199 
+		 * @name .fs-lightbox-error
200 
+		 * @type element
201 
+		 * @description Error message element
202 
+		 */
203 
+  /**
204 
+		 * @class
205 
+		 * @name .fs-lightbox-lock
206 
+		 * @type modifier
207 
+		 * @description Indicates locked state; Applied to body element
208 
+		 */
209 
+}
210 
+.fs-lightbox,
211 
+.fs-lightbox * {
212 
+  box-sizing: border-box;
213 
+  -webkit-user-select: none !important;
214 
+     -moz-user-select: none !important;
215 
+      -ms-user-select: none !important;
216 
+          user-select: none !important;
217 
+}
218 
+.fs-lightbox-fixed {
219 
+  position: fixed;
220 
+  top: 0;
221 
+  bottom: 0;
222 
+  margin: auto;
223 
+}
224 
+.fs-lightbox-inline {
225 
+  padding: 30px;
226 
+}
227 
+.fs-lightbox-animating {
228 
+  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
229 
+          transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
230 
+}
231 
+.fs-lightbox-animating .fs-lightbox-container {
232 
+  -webkit-transition: opacity 0.25s linear 0.25s;
233 
+          transition: opacity 0.25s linear 0.25s;
234 
+}
235 
+.fs-lightbox-overlay {
236 
+  width: 100%;
237 
+  height: 100%;
238 
+  position: fixed;
239 
+  top: 0;
240 
+  right: 0;
241 
+  bottom: 0;
242 
+  left: 0;
243 
+  z-index: 100;
244 
+  background: #000000;
245 
+  opacity: 0;
246 
+  -webkit-transition: opacity 0.25s linear;
247 
+          transition: opacity 0.25s linear;
248 
+}
249 
+.fs-lightbox-open {
250 
+  opacity: 1;
251 
+}
252 
+.fs-lightbox-overlay.fs-lightbox-open {
253 
+  opacity: 0.75;
254 
+}
255 
+.fs-lightbox-close {
256 
+  border: none;
257 
+  width: 30px;
258 
+  height: 30px;
259 
+  position: absolute;
260 
+  top: -7.5px;
261 
+  right: -7.5px;
262 
+  z-index: 105;
263 
+  background: #ffffff;
264 
+  border-radius: 100%;
265 
+  cursor: pointer;
266 
+  display: block;
267 
+  overflow: hidden;
268 
+  padding: 0;
269 
+  text-indent: 200%;
270 
+  white-space: nowrap;
271 
+}
272 
+.fs-lightbox-close:focus {
273 
+  outline: none;
274 
+}
275 
+.fs-lightbox-close:before {
276 
+  position: absolute;
277 
+  top: 0;
278 
+  right: 0;
279 
+  bottom: 0;
280 
+  left: 0;
281 
+  color: #333333;
282 
+  content: "\00d7";
283 
+  display: block;
284 
+  font-family: "Helvetica", Arial, sans-serif;
285 
+  font-size: 22px;
286 
+  font-weight: 700;
287 
+  line-height: 30px;
288 
+  margin: auto;
289 
+  text-align: center;
290 
+  text-indent: 0;
291 
+  -webkit-transition: color 0.15s linear;
292 
+          transition: color 0.15s linear;
293 
+}
294 
+.no-opacity .fs-lightbox-close {
295 
+  text-indent: -999px;
296 
+}
297 
+.fs-lightbox-loading_icon {
298 
+  width: 50px;
299 
+  height: 50px;
300 
+  position: absolute;
301 
+  top: 0;
302 
+  right: 0;
303 
+  bottom: 0;
304 
+  left: 0;
305 
+  z-index: 105;
306 
+  display: block;
307 
+  margin: auto;
308 
+  opacity: 0;
309 
+  -webkit-transition: opacity 0.25s linear;
310 
+          transition: opacity 0.25s linear;
311 
+}
312 
+.fs-lightbox-loading_icon:before,
313 
+.fs-lightbox-loading_icon:after {
314 
+  width: 100%;
315 
+  height: 100%;
316 
+  position: absolute;
317 
+  top: 0;
318 
+  right: 0;
319 
+  bottom: 0;
320 
+  left: 0;
321 
+  border-radius: 110%;
322 
+  content: '';
323 
+  display: block;
324 
+}
325 
+.fs-lightbox-loading_icon:before {
326 
+  border: 5px solid rgba(51, 51, 51, 0.25);
327 
+}
328 
+.fs-lightbox-loading_icon:after {
329 
+  -webkit-animation: fs-lightbox-loading-spin 0.75s linear infinite;
330 
+          animation: fs-lightbox-loading-spin 0.75s linear infinite;
331 
+  border: 5px solid transparent;
332 
+  border-top-color: #333333;
333 
+}
334 
+@-webkit-keyframes fs-lightbox-loading-spin {
335 
+  from {
336 
+    -webkit-transform: rotate(0deg);
337 
+            transform: rotate(0deg);
338 
+  }
339 
+  to {
340 
+    -webkit-transform: rotate(360deg);
341 
+            transform: rotate(360deg);
342 
+  }
343 
+}
344 
+@keyframes fs-lightbox-loading-spin {
345 
+  from {
346 
+    -webkit-transform: rotate(0deg);
347 
+            transform: rotate(0deg);
348 
+  }
349 
+  to {
350 
+    -webkit-transform: rotate(360deg);
351 
+            transform: rotate(360deg);
352 
+  }
353 
+}
354 
+.fs-lightbox-container {
355 
+  width: 100%;
356 
+  height: 100%;
357 
+  position: relative;
358 
+  z-index: 103;
359 
+  background: #ffffff;
360 
+  overflow: hidden;
361 
+}
362 
+.fs-lightbox-container:after {
363 
+  clear: both;
364 
+  content: '';
365 
+  display: table;
366 
+}
367 
+.fs-lightbox-content {
368 
+  width: 100%;
369 
+  background: #ffffff;
370 
+  opacity: 1;
371 
+  overflow: hidden;
372 
+  padding: 0;
373 
+}
374 
+.fs-lightbox-content:after {
375 
+  clear: both;
376 
+  content: '';
377 
+  display: table;
378 
+}
379 
+.fs-lightbox-inline .fs-lightbox-content {
380 
+  width: auto;
381 
+}
382 
+.fs-lightbox-iframed .fs-lightbox-content {
383 
+  width: 100%;
384 
+  height: 100%;
385 
+  overflow: auto;
386 
+  -webkit-overflow-scrolling: touch;
387 
+}
388 
+.fs-lightbox-image {
389 
+  float: left;
390 
+}
391 
+.fs-lightbox-video {
392 
+  width: 100%;
393 
+  height: 100%;
394 
+}
395 
+.fs-lightbox-iframe {
396 
+  width: 100%;
397 
+  height: 100%;
398 
+  border: none;
399 
+  float: left;
400 
+  overflow: auto;
401 
+}
402 
+.fs-lightbox-meta {
403 
+  clear: both;
404 
+  padding: 10px 10px 0;
405 
+}
406 
+.fs-lightbox-control {
407 
+  border: none;
408 
+  width: 40px;
409 
+  height: 40px;
410 
+  position: absolute;
411 
+  top: 0;
412 
+  z-index: 105;
413 
+  background: #ffffff;
414 
+  border-radius: 100%;
415 
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
416 
+  cursor: pointer;
417 
+  display: block;
418 
+  margin-right: auto;
419 
+  margin-left: auto;
420 
+  opacity: 1;
421 
+  overflow: hidden;
422 
+  text-indent: 200%;
423 
+  -webkit-transition: opacity 0.15s linear;
424 
+          transition: opacity 0.15s linear;
425 
+  white-space: nowrap;
426 
+}
427 
+.fs-lightbox-control:focus {
428 
+  outline: none;
429 
+}
430 
+.fs-lightbox-control:before {
431 
+  width: 0;
432 
+  height: 0;
433 
+  position: absolute;
434 
+  top: 0;
435 
+  right: 0;
436 
+  bottom: 0;
437 
+  left: 0;
438 
+  content: '';
439 
+  margin: auto;
440 
+}
441 
+.no-opacity .fs-lightbox-control {
442 
+  text-indent: -999px;
443 
+}
444 
+.fs-lightbox-control_previous {
445 
+  left: 20px;
446 
+}
447 
+.fs-lightbox-control_previous:before {
448 
+  border-top: 8px solid transparent;
449 
+  border-bottom: 8px solid transparent;
450 
+  border-right: 10.4px solid #333333;
451 
+  margin-left: 14px;
452 
+}
453 
+.fs-lightbox-control_next {
454 
+  right: 20px;
455 
+}
456 
+.fs-lightbox-control_next:before {
457 
+  border-top: 8px solid transparent;
458 
+  border-bottom: 8px solid transparent;
459 
+  border-left: 10.4px solid #333333;
460 
+  margin-right: 14px;
461 
+}
462 
+.fs-lightbox-control_disabled {
463 
+  opacity: 0;
464 
+}
465 
+.no-touch .fs-lightbox .fs-lightbox-control {
466 
+  opacity: 0;
467 
+}
468 
+.no-touch .fs-lightbox:hover .fs-lightbox-control {
469 
+  opacity: 1;
470 
+}
471 
+.no-touch .fs-lightbox .fs-lightbox-control_disabled,
472 
+.no-touch .fs-lightbox:hover .fs-lightbox-control_disabled {
473 
+  opacity: 0;
474 
+  cursor: default;
475 
+}
476 
+.fs-lightbox-position {
477 
+  color: #999999;
478 
+  font-size: 12px;
479 
+  margin: 5px 0;
480 
+  padding: 0;
481 
+}
482 
+.fs-lightbox-caption:after {
483 
+  clear: both;
484 
+  content: '';
485 
+  display: table;
486 
+}
487 
+.fs-lightbox-caption p {
488 
+  color: #666666;
489 
+  font-size: 14px;
490 
+  margin: 5px 0;
491 
+  padding: 0;
492 
+}
493 
+.fs-lightbox-caption_toggle {
494 
+  display: none;
495 
+}
496 
+.fs-lightbox-error {
497 
+  width: 250px;
498 
+}
499 
+.fs-lightbox-error p {
500 
+  color: #990000;
501 
+  font-size: 14px;
502 
+  margin: 0;
503 
+  padding: 25px;
504 
+  text-align: center;
505 
+  text-transform: uppercase;
506 
+}
507 
+.fs-lightbox-loading .fs-lightbox-container {
508 
+  opacity: 0;
509 
+  -webkit-transition: opacity 0.25s linear;
510 
+          transition: opacity 0.25s linear;
511 
+}
512 
+.fs-lightbox-loading .fs-lightbox-loading_icon {
513 
+  opacity: 1;
514 
+}
515 
+.fs-lightbox-mobile {
516 
+  width: 100%;
517 
+  height: 100%;
518 
+  position: fixed;
519 
+  top: 0;
520 
+  right: 0;
521 
+  bottom: 0;
522 
+  left: 0;
523 
+  background: #111111;
524 
+  border-radius: 0;
525 
+  padding: 40px 0 0;
526 
+}
527 
+.fs-lightbox-mobile .fs-lightbox-close {
528 
+  height: 40px;
529 
+  width: 40px;
530 
+  top: 0;
531 
+  right: 0;
532 
+  background: #111111;
533 
+  border-radius: 0;
534 
+}
535 
+.fs-lightbox-mobile .fs-lightbox-close:before {
536 
+  color: #cccccc;
537 
+  font-size: 28px;
538 
+  font-weight: 700;
539 
+  line-height: 40px;
540 
+}
541 
+.fs-lightbox-mobile .fs-lightbox-loading_icon:before {
542 
+  border-color: rgba(153, 153, 153, 0.25);
543 
+}
544 
+.fs-lightbox-mobile .fs-lightbox-loading_icon:after {
545 
+  border-top-color: #999999;
546 
+}
547 
+.fs-lightbox-mobile .fs-lightbox-container {
548 
+  position: static;
549 
+  background: #111111;
550 
+}
551 
+.fs-lightbox-mobile .fs-lightbox-content {
552 
+  background-color: #111111;
553 
+  padding: 0 15px;
554 
+}
555 
+.fs-lightbox-mobile .fs-lightbox-tools {
556 
+  width: 100%;
557 
+  position: fixed;
558 
+  right: 0;
559 
+  bottom: 0;
560 
+  left: 0;
561 
+  background-color: #111111;
562 
+}
563 
+.fs-lightbox-mobile .fs-lightbox-control {
564 
+  width: 50px;
565 
+  height: 100%;
566 
+  min-height: 50px;
567 
+  background: #111111;
568 
+  border-radius: 0;
569 
+  box-shadow: none;
570 
+  opacity: 1;
571 
+}
572 
+.fs-lightbox-mobile .fs-lightbox-control_previous {
573 
+  left: 0;
574 
+}
575 
+.fs-lightbox-mobile .fs-lightbox-control_previous:before {
576 
+  border-right-color: #eeeeee;
577 
+  margin-left: 19px;
578 
+}
579 
+.fs-lightbox-mobile .fs-lightbox-control_next {
580 
+  right: 0;
581 
+}
582 
+.fs-lightbox-mobile .fs-lightbox-control_next:before {
583 
+  border-left-color: #eeeeee;
584 
+  margin-right: 19px;
585 
+}
586 
+.no-touch .fs-lightbox-mobile .fs-lightbox-control,
587 
+.no-touch .fs-lightbox-mobile:hover .fs-lightbox-control {
588 
+  opacity: 1;
589 
+}
590 
+.fs-lightbox-mobile .fs-lightbox-control_disabled,
591 
+.no-touch .fs-lightbox-mobile .fs-lightbox-control_disabled,
592 
+.no-touch .fs-lightbox-mobile:hover .fs-lightbox-control_disabled {
593 
+  opacity: 0;
594 
+  cursor: default !important;
595 
+}
596 
+.fs-lightbox-mobile .fs-lightbox-meta {
597 
+  padding: 15px 65px;
598 
+}
599 
+.fs-lightbox-mobile .fs-lightbox-position {
600 
+  color: #999999;
601 
+  font-size: 12px;
602 
+  margin: 0;
603 
+  padding: 0 15px 0 0;
604 
+}
605 
+.fs-lightbox-mobile .fs-lightbox-caption p {
606 
+  color: #eeeeee;
607 
+  font-size: 14px;
608 
+  margin: 0;
609 
+  padding: 0;
610 
+}
611 
+.fs-lightbox-mobile .fs-lightbox-image {
612 
+  -webkit-transition: none !important;
613 
+          transition: none !important;
614 
+  -webkit-transform: translate(0, 0);
615 
+      -ms-transform: translate(0, 0);
616 
+          transform: translate(0, 0);
617 
+}
618 
+.fs-lightbox-mobile.fs-lightbox-animated .fs-lightbox-image {
619 
+  -webkit-transition: -webkit-transform 0.25s ease-out !important;
620 
+          transition: transform 0.25s ease-out !important;
621 
+}
622 
+.fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content,
623 
+.fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content {
624 
+  overflow-x: hidden;
625 
+  overflow-y: scroll;
626 
+  -webkit-overflow-scrolling: touch;
627 
+}
628 
+.fs-lightbox-lock {
629 
+  overflow: hidden !important;
630 
+}
631 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools {
632 
+  width: auto;
633 
+  position: static;
634 
+  background: transparent;
635 
+}
636 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls {
637 
+  width: 100%;
638 
+  height: 50px;
639 
+  position: fixed;
640 
+  right: 0;
641 
+  bottom: 0;
642 
+  left: 0;
643 
+  z-index: 105;
644 
+  background-color: #111111;
645 
+  padding: 0 65px;
646 
+}
647 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-caption_toggle {
648 
+  color: #999999;
649 
+  display: block;
650 
+  font-size: 12px;
651 
+  line-height: 50px;
652 
+}
653 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
654 
+  width: 100%;
655 
+  height: 80%;
656 
+  position: fixed;
657 
+  top: 20%;
658 
+  right: 0;
659 
+  bottom: 0;
660 
+  left: 0;
661 
+  z-index: 104;
662 
+  background: #222222;
663 
+  box-shadow: 0 0 25px #000000;
664 
+  padding: 15px 15px 65px;
665 
+  -webkit-transform: translate(0, 100%);
666 
+      -ms-transform: translate(0, 100%);
667 
+          transform: translate(0, 100%);
668 
+  -webkit-transition: -webkit-transform 0.25s ease;
669 
+          transition: transform 0.25s ease;
670 
+}
671 
+.fs-lightbox-touch.fs-lightbox-caption_open .fs-lightbox-meta {
672 
+  -webkit-transform: translate(0, 0);
673 
+      -ms-transform: translate(0, 0);
674 
+          transform: translate(0, 0);
675 
+}