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.8.37/css/lightbox.css
History View file @48a505a
1 1 
deleted file mode 100755
... ... 
@@ -1,707 +0,0 @@
1 
-/*! formstone v0.8.37 [lightbox.css] 2016-01-28 | 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 *:not(input):not(textarea) {
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, visibility 0.25s linear 0.25s;
233 
-          transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s;
234 
-}
235 
-.fs-lightbox-mobile .fs-lightbox-image_container {
236 
-  -webkit-transform: translate3D(0, 0, 0);
237 
-      -ms-transform: translate3D(0, 0, 0);
238 
-          transform: translate3D(0, 0, 0);
239 
-}
240 
-.fs-lightbox-mobile.fs-lightbox-animating .fs-lightbox-image_container {
241 
-  -webkit-transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease;
242 
-          transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease;
243 
-}
244 
-.fs-lightbox-overlay {
245 
-  width: 100%;
246 
-  height: 100%;
247 
-  position: fixed;
248 
-  top: 0;
249 
-  right: 0;
250 
-  bottom: 0;
251 
-  left: 0;
252 
-  z-index: 100;
253 
-  background: #000000;
254 
-  opacity: 0;
255 
-  -webkit-transition: opacity 0.25s linear;
256 
-          transition: opacity 0.25s linear;
257 
-}
258 
-.fs-lightbox-open {
259 
-  opacity: 1;
260 
-}
261 
-.fs-lightbox-overlay.fs-lightbox-open {
262 
-  opacity: 0.75;
263 
-}
264 
-.fs-lightbox-close {
265 
-  border: none;
266 
-  width: 30px;
267 
-  height: 30px;
268 
-  position: absolute;
269 
-  top: -7.5px;
270 
-  right: -7.5px;
271 
-  z-index: 105;
272 
-  background: #ffffff;
273 
-  border-radius: 100%;
274 
-  cursor: pointer;
275 
-  display: block;
276 
-  overflow: hidden;
277 
-  padding: 0;
278 
-  text-indent: 200%;
279 
-  white-space: nowrap;
280 
-}
281 
-.fs-lightbox-close:focus {
282 
-  outline: none;
283 
-}
284 
-.fs-lightbox-close:before {
285 
-  position: absolute;
286 
-  top: 0;
287 
-  right: 0;
288 
-  bottom: 0;
289 
-  left: 0;
290 
-  color: #333333;
291 
-  content: "\00d7";
292 
-  display: block;
293 
-  font-family: "Helvetica", Arial, sans-serif;
294 
-  font-size: 22px;
295 
-  font-weight: 700;
296 
-  line-height: 30px;
297 
-  margin: auto;
298 
-  text-align: center;
299 
-  text-indent: 0;
300 
-  -webkit-transition: color 0.15s linear;
301 
-          transition: color 0.15s linear;
302 
-}
303 
-.no-opacity .fs-lightbox-close {
304 
-  text-indent: -999px;
305 
-}
306 
-.fs-lightbox-loading_icon {
307 
-  width: 50px;
308 
-  height: 50px;
309 
-  position: absolute;
310 
-  top: 0;
311 
-  right: 0;
312 
-  bottom: 0;
313 
-  left: 0;
314 
-  z-index: 105;
315 
-  display: block;
316 
-  margin: auto;
317 
-  opacity: 0;
318 
-  -webkit-transition: opacity 0.25s linear, visibility 0.25s linear;
319 
-          transition: opacity 0.25s linear, visibility 0.25s linear;
320 
-  visibility: hidden;
321 
-}
322 
-.fs-lightbox-loading_icon:before,
323 
-.fs-lightbox-loading_icon:after {
324 
-  width: 100%;
325 
-  height: 100%;
326 
-  position: absolute;
327 
-  top: 0;
328 
-  right: 0;
329 
-  bottom: 0;
330 
-  left: 0;
331 
-  border-radius: 110%;
332 
-  content: '';
333 
-  display: block;
334 
-}
335 
-.fs-lightbox-loading_icon:before {
336 
-  border: 5px solid rgba(51, 51, 51, 0.25);
337 
-}
338 
-.fs-lightbox-loading_icon:after {
339 
-  -webkit-animation: fs-lightbox-loading-spin 0.75s linear infinite;
340 
-          animation: fs-lightbox-loading-spin 0.75s linear infinite;
341 
-  border: 5px solid transparent;
342 
-  border-top-color: #333333;
343 
-}
344 
-@-webkit-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 
-@keyframes fs-lightbox-loading-spin {
355 
-  from {
356 
-    -webkit-transform: rotate(0deg);
357 
-            transform: rotate(0deg);
358 
-  }
359 
-  to {
360 
-    -webkit-transform: rotate(360deg);
361 
-            transform: rotate(360deg);
362 
-  }
363 
-}
364 
-.fs-lightbox-container {
365 
-  width: 100%;
366 
-  height: 100%;
367 
-  position: relative;
368 
-  z-index: 103;
369 
-  background: #ffffff;
370 
-  overflow: hidden;
371 
-}
372 
-.fs-lightbox-container:after {
373 
-  clear: both;
374 
-  content: '';
375 
-  display: table;
376 
-}
377 
-.fs-lightbox-content {
378 
-  width: 100%;
379 
-  background: #ffffff;
380 
-  opacity: 1;
381 
-  overflow: hidden;
382 
-  padding: 0;
383 
-  visibility: visible;
384 
-}
385 
-.fs-lightbox-content:after {
386 
-  clear: both;
387 
-  content: '';
388 
-  display: table;
389 
-}
390 
-.fs-lightbox-inline .fs-lightbox-content {
391 
-  width: auto;
392 
-}
393 
-.fs-lightbox-iframed .fs-lightbox-content {
394 
-  width: 100%;
395 
-  height: 100%;
396 
-  overflow: auto;
397 
-  -webkit-overflow-scrolling: touch;
398 
-}
399 
-.fs-lightbox-mobile .fs-lightbox-image_container {
400 
-  width: 1px;
401 
-  height: 1px;
402 
-  margin: 0;
403 
-  position: absolute;
404 
-}
405 
-.fs-lightbox-image {
406 
-  float: left;
407 
-}
408 
-.fs-lightbox-mobile .fs-lightbox-image {
409 
-  position: relative;
410 
-  float: none;
411 
-}
412 
-.fs-lightbox-video {
413 
-  width: 100%;
414 
-  height: 100%;
415 
-}
416 
-.fs-lightbox-iframe {
417 
-  width: 100%;
418 
-  height: 100%;
419 
-  border: none;
420 
-  float: left;
421 
-  overflow: auto;
422 
-}
423 
-.fs-lightbox-meta {
424 
-  clear: both;
425 
-  padding: 10px 10px 0;
426 
-}
427 
-.fs-lightbox-control {
428 
-  border: none;
429 
-  width: 40px;
430 
-  height: 40px;
431 
-  position: absolute;
432 
-  top: 0;
433 
-  z-index: 105;
434 
-  background: #ffffff;
435 
-  border-radius: 100%;
436 
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
437 
-  cursor: pointer;
438 
-  display: block;
439 
-  margin-right: auto;
440 
-  margin-left: auto;
441 
-  opacity: 1;
442 
-  overflow: hidden;
443 
-  text-indent: 200%;
444 
-  -webkit-transition: opacity 0.15s linear, visibility 0.15s linear;
445 
-          transition: opacity 0.15s linear, visibility 0.15s linear;
446 
-  white-space: nowrap;
447 
-  visibility: visible;
448 
-}
449 
-.fs-lightbox-control:focus {
450 
-  outline: none;
451 
-}
452 
-.fs-lightbox-control:before {
453 
-  width: 0;
454 
-  height: 0;
455 
-  position: absolute;
456 
-  top: 0;
457 
-  right: 0;
458 
-  bottom: 0;
459 
-  left: 0;
460 
-  content: '';
461 
-  margin: auto;
462 
-}
463 
-.no-opacity .fs-lightbox-control {
464 
-  text-indent: -999px;
465 
-}
466 
-.fs-lightbox-control_previous {
467 
-  left: 20px;
468 
-}
469 
-.fs-lightbox-control_previous:before {
470 
-  border-top: 8px solid transparent;
471 
-  border-bottom: 8px solid transparent;
472 
-  border-right: 10.4px solid #333333;
473 
-  margin-left: 14px;
474 
-}
475 
-.fs-lightbox-control_next {
476 
-  right: 20px;
477 
-}
478 
-.fs-lightbox-control_next:before {
479 
-  border-top: 8px solid transparent;
480 
-  border-bottom: 8px solid transparent;
481 
-  border-left: 10.4px solid #333333;
482 
-  margin-right: 14px;
483 
-}
484 
-.fs-lightbox-control_disabled {
485 
-  opacity: 0;
486 
-  visibility: hidden;
487 
-}
488 
-.no-touchevents .fs-lightbox .fs-lightbox-control {
489 
-  opacity: 0;
490 
-  visibility: hidden;
491 
-}
492 
-.no-touchevents .fs-lightbox:hover .fs-lightbox-control {
493 
-  opacity: 1;
494 
-  visibility: visible;
495 
-}
496 
-.no-touchevents .fs-lightbox .fs-lightbox-control_disabled,
497 
-.no-touchevents .fs-lightbox:hover .fs-lightbox-control_disabled {
498 
-  opacity: 0;
499 
-  cursor: default;
500 
-  visibility: hidden;
501 
-}
502 
-.fs-lightbox-position {
503 
-  color: #999999;
504 
-  font-size: 12px;
505 
-  margin: 5px 0;
506 
-  padding: 0;
507 
-}
508 
-.fs-lightbox-caption:after {
509 
-  clear: both;
510 
-  content: '';
511 
-  display: table;
512 
-}
513 
-.fs-lightbox-caption p {
514 
-  color: #666666;
515 
-  font-size: 14px;
516 
-  margin: 5px 0;
517 
-  padding: 0;
518 
-}
519 
-.fs-lightbox-caption_toggle {
520 
-  display: none;
521 
-}
522 
-.fs-lightbox-error {
523 
-  width: 250px;
524 
-}
525 
-.fs-lightbox-error p {
526 
-  color: #990000;
527 
-  font-size: 14px;
528 
-  margin: 0;
529 
-  padding: 25px;
530 
-  text-align: center;
531 
-  text-transform: uppercase;
532 
-}
533 
-.fs-lightbox-loading .fs-lightbox-container {
534 
-  opacity: 0;
535 
-  -webkit-transition: opacity 0.25s linear;
536 
-          transition: opacity 0.25s linear;
537 
-  visibility: hidden;
538 
-}
539 
-.fs-lightbox-loading .fs-lightbox-loading_icon {
540 
-  opacity: 1;
541 
-  visibility: visible;
542 
-}
543 
-.fs-lightbox-mobile {
544 
-  width: 100%;
545 
-  height: 100%;
546 
-  position: fixed;
547 
-  top: 0;
548 
-  right: 0;
549 
-  bottom: 0;
550 
-  left: 0;
551 
-  background: #111111;
552 
-  border-radius: 0;
553 
-  padding: 40px 0 0;
554 
-}
555 
-.fs-lightbox-mobile .fs-lightbox-close {
556 
-  height: 40px;
557 
-  width: 40px;
558 
-  top: 0;
559 
-  right: 0;
560 
-  background: #111111;
561 
-  border-radius: 0;
562 
-}
563 
-.fs-lightbox-mobile .fs-lightbox-close:before {
564 
-  color: #cccccc;
565 
-  font-size: 28px;
566 
-  font-weight: 700;
567 
-  line-height: 40px;
568 
-}
569 
-.fs-lightbox-mobile .fs-lightbox-loading_icon:before {
570 
-  border-color: rgba(153, 153, 153, 0.25);
571 
-}
572 
-.fs-lightbox-mobile .fs-lightbox-loading_icon:after {
573 
-  border-top-color: #999999;
574 
-}
575 
-.fs-lightbox-mobile .fs-lightbox-container {
576 
-  position: static;
577 
-  background: #111111;
578 
-}
579 
-.fs-lightbox-mobile .fs-lightbox-content {
580 
-  background-color: #111111;
581 
-  padding: 0 15px;
582 
-}
583 
-.fs-lightbox-mobile .fs-lightbox-tools {
584 
-  width: 100%;
585 
-  position: fixed;
586 
-  right: 0;
587 
-  bottom: 0;
588 
-  left: 0;
589 
-  background-color: #111111;
590 
-}
591 
-.fs-lightbox-mobile .fs-lightbox-control {
592 
-  width: 50px;
593 
-  height: 100%;
594 
-  min-height: 50px;
595 
-  background: #111111;
596 
-  border-radius: 0;
597 
-  box-shadow: none;
598 
-  opacity: 1;
599 
-  visibility: visible;
600 
-}
601 
-.fs-lightbox-mobile .fs-lightbox-control_previous {
602 
-  left: 0;
603 
-}
604 
-.fs-lightbox-mobile .fs-lightbox-control_previous:before {
605 
-  border-right-color: #eeeeee;
606 
-  margin-left: 19px;
607 
-}
608 
-.fs-lightbox-mobile .fs-lightbox-control_next {
609 
-  right: 0;
610 
-}
611 
-.fs-lightbox-mobile .fs-lightbox-control_next:before {
612 
-  border-left-color: #eeeeee;
613 
-  margin-right: 19px;
614 
-}
615 
-.no-touchevents .fs-lightbox-mobile .fs-lightbox-control,
616 
-.no-touchevents .fs-lightbox-mobile:hover .fs-lightbox-control {
617 
-  opacity: 1;
618 
-  visibility: visible;
619 
-}
620 
-.fs-lightbox-mobile .fs-lightbox-control_disabled,
621 
-.no-touchevents .fs-lightbox-mobile .fs-lightbox-control_disabled,
622 
-.no-touchevents .fs-lightbox-mobile:hover .fs-lightbox-control_disabled {
623 
-  opacity: 0;
624 
-  cursor: default !important;
625 
-  visibility: hidden;
626 
-}
627 
-.fs-lightbox-mobile .fs-lightbox-meta {
628 
-  padding: 15px 65px;
629 
-}
630 
-.fs-lightbox-mobile .fs-lightbox-position {
631 
-  color: #999999;
632 
-  font-size: 12px;
633 
-  margin: 0;
634 
-  padding: 0 15px 0 0;
635 
-}
636 
-.fs-lightbox-mobile .fs-lightbox-caption p {
637 
-  color: #eeeeee;
638 
-  font-size: 14px;
639 
-  margin: 0;
640 
-  padding: 0;
641 
-}
642 
-.fs-lightbox-mobile .fs-lightbox-image {
643 
-  -webkit-transition: none !important;
644 
-          transition: none !important;
645 
-  -webkit-transform: translate(0, 0);
646 
-      -ms-transform: translate(0, 0);
647 
-          transform: translate(0, 0);
648 
-}
649 
-.fs-lightbox-mobile.fs-lightbox-animated .fs-lightbox-image {
650 
-  -webkit-transition: -webkit-transform 0.25s ease-out !important;
651 
-          transition: transform 0.25s ease-out !important;
652 
-}
653 
-.fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content,
654 
-.fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content {
655 
-  height: 100%;
656 
-  overflow-x: hidden;
657 
-  overflow-y: scroll;
658 
-  -webkit-overflow-scrolling: touch;
659 
-}
660 
-.fs-lightbox-lock {
661 
-  overflow: hidden !important;
662 
-}
663 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools {
664 
-  width: auto;
665 
-  position: static;
666 
-  background: transparent;
667 
-}
668 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls {
669 
-  width: 100%;
670 
-  height: 50px;
671 
-  position: fixed;
672 
-  right: 0;
673 
-  bottom: 0;
674 
-  left: 0;
675 
-  z-index: 105;
676 
-  background-color: #111111;
677 
-  padding: 0 65px;
678 
-}
679 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-caption_toggle {
680 
-  color: #999999;
681 
-  display: block;
682 
-  font-size: 12px;
683 
-  line-height: 50px;
684 
-}
685 
-.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
686 
-  width: 100%;
687 
-  height: 80%;
688 
-  position: fixed;
689 
-  top: 20%;
690 
-  right: 0;
691 
-  bottom: 0;
692 
-  left: 0;
693 
-  z-index: 104;
694 
-  background: #222222;
695 
-  box-shadow: 0 0 25px #000000;
696 
-  padding: 15px 15px 65px;
697 
-  -webkit-transform: translate(0, 100%);
698 
-      -ms-transform: translate(0, 100%);
699 
-          transform: translate(0, 100%);
700 
-  -webkit-transition: -webkit-transform 0.25s ease;
701 
-          transition: transform 0.25s ease;
702 
-}
703 
-.fs-lightbox-touch.fs-lightbox-caption_open .fs-lightbox-meta {
704 
-  -webkit-transform: translate(0, 0);
705 
-      -ms-transform: translate(0, 0);
706 
-          transform: translate(0, 0);
707 
-}
Browse code

Update Formstone lib to version 0.8.37

Benjamin Roth authored on02/02/2016 14:11:55
Showing1 changed files
assets/lib/formstone/0.8.37/css/lightbox.css
History View file @54d304f
1 1 
new file mode 100755
... ... 
@@ -0,0 +1,707 @@
1 
+/*! formstone v0.8.37 [lightbox.css] 2016-01-28 | 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 *:not(input):not(textarea) {
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, visibility 0.25s linear 0.25s;
233 
+          transition: opacity 0.25s linear 0.25s, visibility 0.25s linear 0.25s;
234 
+}
235 
+.fs-lightbox-mobile .fs-lightbox-image_container {
236 
+  -webkit-transform: translate3D(0, 0, 0);
237 
+      -ms-transform: translate3D(0, 0, 0);
238 
+          transform: translate3D(0, 0, 0);
239 
+}
240 
+.fs-lightbox-mobile.fs-lightbox-animating .fs-lightbox-image_container {
241 
+  -webkit-transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease;
242 
+          transition: height 0.25s ease, width 0.25s ease, top 0.25s ease, left 0.25s ease;
243 
+}
244 
+.fs-lightbox-overlay {
245 
+  width: 100%;
246 
+  height: 100%;
247 
+  position: fixed;
248 
+  top: 0;
249 
+  right: 0;
250 
+  bottom: 0;
251 
+  left: 0;
252 
+  z-index: 100;
253 
+  background: #000000;
254 
+  opacity: 0;
255 
+  -webkit-transition: opacity 0.25s linear;
256 
+          transition: opacity 0.25s linear;
257 
+}
258 
+.fs-lightbox-open {
259 
+  opacity: 1;
260 
+}
261 
+.fs-lightbox-overlay.fs-lightbox-open {
262 
+  opacity: 0.75;
263 
+}
264 
+.fs-lightbox-close {
265 
+  border: none;
266 
+  width: 30px;
267 
+  height: 30px;
268 
+  position: absolute;
269 
+  top: -7.5px;
270 
+  right: -7.5px;
271 
+  z-index: 105;
272 
+  background: #ffffff;
273 
+  border-radius: 100%;
274 
+  cursor: pointer;
275 
+  display: block;
276 
+  overflow: hidden;
277 
+  padding: 0;
278 
+  text-indent: 200%;
279 
+  white-space: nowrap;
280 
+}
281 
+.fs-lightbox-close:focus {
282 
+  outline: none;
283 
+}
284 
+.fs-lightbox-close:before {
285 
+  position: absolute;
286 
+  top: 0;
287 
+  right: 0;
288 
+  bottom: 0;
289 
+  left: 0;
290 
+  color: #333333;
291 
+  content: "\00d7";
292 
+  display: block;
293 
+  font-family: "Helvetica", Arial, sans-serif;
294 
+  font-size: 22px;
295 
+  font-weight: 700;
296 
+  line-height: 30px;
297 
+  margin: auto;
298 
+  text-align: center;
299 
+  text-indent: 0;
300 
+  -webkit-transition: color 0.15s linear;
301 
+          transition: color 0.15s linear;
302 
+}
303 
+.no-opacity .fs-lightbox-close {
304 
+  text-indent: -999px;
305 
+}
306 
+.fs-lightbox-loading_icon {
307 
+  width: 50px;
308 
+  height: 50px;
309 
+  position: absolute;
310 
+  top: 0;
311 
+  right: 0;
312 
+  bottom: 0;
313 
+  left: 0;
314 
+  z-index: 105;
315 
+  display: block;
316 
+  margin: auto;
317 
+  opacity: 0;
318 
+  -webkit-transition: opacity 0.25s linear, visibility 0.25s linear;
319 
+          transition: opacity 0.25s linear, visibility 0.25s linear;
320 
+  visibility: hidden;
321 
+}
322 
+.fs-lightbox-loading_icon:before,
323 
+.fs-lightbox-loading_icon:after {
324 
+  width: 100%;
325 
+  height: 100%;
326 
+  position: absolute;
327 
+  top: 0;
328 
+  right: 0;
329 
+  bottom: 0;
330 
+  left: 0;
331 
+  border-radius: 110%;
332 
+  content: '';
333 
+  display: block;
334 
+}
335 
+.fs-lightbox-loading_icon:before {
336 
+  border: 5px solid rgba(51, 51, 51, 0.25);
337 
+}
338 
+.fs-lightbox-loading_icon:after {
339 
+  -webkit-animation: fs-lightbox-loading-spin 0.75s linear infinite;
340 
+          animation: fs-lightbox-loading-spin 0.75s linear infinite;
341 
+  border: 5px solid transparent;
342 
+  border-top-color: #333333;
343 
+}
344 
+@-webkit-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 
+@keyframes fs-lightbox-loading-spin {
355 
+  from {
356 
+    -webkit-transform: rotate(0deg);
357 
+            transform: rotate(0deg);
358 
+  }
359 
+  to {
360 
+    -webkit-transform: rotate(360deg);
361 
+            transform: rotate(360deg);
362 
+  }
363 
+}
364 
+.fs-lightbox-container {
365 
+  width: 100%;
366 
+  height: 100%;
367 
+  position: relative;
368 
+  z-index: 103;
369 
+  background: #ffffff;
370 
+  overflow: hidden;
371 
+}
372 
+.fs-lightbox-container:after {
373 
+  clear: both;
374 
+  content: '';
375 
+  display: table;
376 
+}
377 
+.fs-lightbox-content {
378 
+  width: 100%;
379 
+  background: #ffffff;
380 
+  opacity: 1;
381 
+  overflow: hidden;
382 
+  padding: 0;
383 
+  visibility: visible;
384 
+}
385 
+.fs-lightbox-content:after {
386 
+  clear: both;
387 
+  content: '';
388 
+  display: table;
389 
+}
390 
+.fs-lightbox-inline .fs-lightbox-content {
391 
+  width: auto;
392 
+}
393 
+.fs-lightbox-iframed .fs-lightbox-content {
394 
+  width: 100%;
395 
+  height: 100%;
396 
+  overflow: auto;
397 
+  -webkit-overflow-scrolling: touch;
398 
+}
399 
+.fs-lightbox-mobile .fs-lightbox-image_container {
400 
+  width: 1px;
401 
+  height: 1px;
402 
+  margin: 0;
403 
+  position: absolute;
404 
+}
405 
+.fs-lightbox-image {
406 
+  float: left;
407 
+}
408 
+.fs-lightbox-mobile .fs-lightbox-image {
409 
+  position: relative;
410 
+  float: none;
411 
+}
412 
+.fs-lightbox-video {
413 
+  width: 100%;
414 
+  height: 100%;
415 
+}
416 
+.fs-lightbox-iframe {
417 
+  width: 100%;
418 
+  height: 100%;
419 
+  border: none;
420 
+  float: left;
421 
+  overflow: auto;
422 
+}
423 
+.fs-lightbox-meta {
424 
+  clear: both;
425 
+  padding: 10px 10px 0;
426 
+}
427 
+.fs-lightbox-control {
428 
+  border: none;
429 
+  width: 40px;
430 
+  height: 40px;
431 
+  position: absolute;
432 
+  top: 0;
433 
+  z-index: 105;
434 
+  background: #ffffff;
435 
+  border-radius: 100%;
436 
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
437 
+  cursor: pointer;
438 
+  display: block;
439 
+  margin-right: auto;
440 
+  margin-left: auto;
441 
+  opacity: 1;
442 
+  overflow: hidden;
443 
+  text-indent: 200%;
444 
+  -webkit-transition: opacity 0.15s linear, visibility 0.15s linear;
445 
+          transition: opacity 0.15s linear, visibility 0.15s linear;
446 
+  white-space: nowrap;
447 
+  visibility: visible;
448 
+}
449 
+.fs-lightbox-control:focus {
450 
+  outline: none;
451 
+}
452 
+.fs-lightbox-control:before {
453 
+  width: 0;
454 
+  height: 0;
455 
+  position: absolute;
456 
+  top: 0;
457 
+  right: 0;
458 
+  bottom: 0;
459 
+  left: 0;
460 
+  content: '';
461 
+  margin: auto;
462 
+}
463 
+.no-opacity .fs-lightbox-control {
464 
+  text-indent: -999px;
465 
+}
466 
+.fs-lightbox-control_previous {
467 
+  left: 20px;
468 
+}
469 
+.fs-lightbox-control_previous:before {
470 
+  border-top: 8px solid transparent;
471 
+  border-bottom: 8px solid transparent;
472 
+  border-right: 10.4px solid #333333;
473 
+  margin-left: 14px;
474 
+}
475 
+.fs-lightbox-control_next {
476 
+  right: 20px;
477 
+}
478 
+.fs-lightbox-control_next:before {
479 
+  border-top: 8px solid transparent;
480 
+  border-bottom: 8px solid transparent;
481 
+  border-left: 10.4px solid #333333;
482 
+  margin-right: 14px;
483 
+}
484 
+.fs-lightbox-control_disabled {
485 
+  opacity: 0;
486 
+  visibility: hidden;
487 
+}
488 
+.no-touchevents .fs-lightbox .fs-lightbox-control {
489 
+  opacity: 0;
490 
+  visibility: hidden;
491 
+}
492 
+.no-touchevents .fs-lightbox:hover .fs-lightbox-control {
493 
+  opacity: 1;
494 
+  visibility: visible;
495 
+}
496 
+.no-touchevents .fs-lightbox .fs-lightbox-control_disabled,
497 
+.no-touchevents .fs-lightbox:hover .fs-lightbox-control_disabled {
498 
+  opacity: 0;
499 
+  cursor: default;
500 
+  visibility: hidden;
501 
+}
502 
+.fs-lightbox-position {
503 
+  color: #999999;
504 
+  font-size: 12px;
505 
+  margin: 5px 0;
506 
+  padding: 0;
507 
+}
508 
+.fs-lightbox-caption:after {
509 
+  clear: both;
510 
+  content: '';
511 
+  display: table;
512 
+}
513 
+.fs-lightbox-caption p {
514 
+  color: #666666;
515 
+  font-size: 14px;
516 
+  margin: 5px 0;
517 
+  padding: 0;
518 
+}
519 
+.fs-lightbox-caption_toggle {
520 
+  display: none;
521 
+}
522 
+.fs-lightbox-error {
523 
+  width: 250px;
524 
+}
525 
+.fs-lightbox-error p {
526 
+  color: #990000;
527 
+  font-size: 14px;
528 
+  margin: 0;
529 
+  padding: 25px;
530 
+  text-align: center;
531 
+  text-transform: uppercase;
532 
+}
533 
+.fs-lightbox-loading .fs-lightbox-container {
534 
+  opacity: 0;
535 
+  -webkit-transition: opacity 0.25s linear;
536 
+          transition: opacity 0.25s linear;
537 
+  visibility: hidden;
538 
+}
539 
+.fs-lightbox-loading .fs-lightbox-loading_icon {
540 
+  opacity: 1;
541 
+  visibility: visible;
542 
+}
543 
+.fs-lightbox-mobile {
544 
+  width: 100%;
545 
+  height: 100%;
546 
+  position: fixed;
547 
+  top: 0;
548 
+  right: 0;
549 
+  bottom: 0;
550 
+  left: 0;
551 
+  background: #111111;
552 
+  border-radius: 0;
553 
+  padding: 40px 0 0;
554 
+}
555 
+.fs-lightbox-mobile .fs-lightbox-close {
556 
+  height: 40px;
557 
+  width: 40px;
558 
+  top: 0;
559 
+  right: 0;
560 
+  background: #111111;
561 
+  border-radius: 0;
562 
+}
563 
+.fs-lightbox-mobile .fs-lightbox-close:before {
564 
+  color: #cccccc;
565 
+  font-size: 28px;
566 
+  font-weight: 700;
567 
+  line-height: 40px;
568 
+}
569 
+.fs-lightbox-mobile .fs-lightbox-loading_icon:before {
570 
+  border-color: rgba(153, 153, 153, 0.25);
571 
+}
572 
+.fs-lightbox-mobile .fs-lightbox-loading_icon:after {
573 
+  border-top-color: #999999;
574 
+}
575 
+.fs-lightbox-mobile .fs-lightbox-container {
576 
+  position: static;
577 
+  background: #111111;
578 
+}
579 
+.fs-lightbox-mobile .fs-lightbox-content {
580 
+  background-color: #111111;
581 
+  padding: 0 15px;
582 
+}
583 
+.fs-lightbox-mobile .fs-lightbox-tools {
584 
+  width: 100%;
585 
+  position: fixed;
586 
+  right: 0;
587 
+  bottom: 0;
588 
+  left: 0;
589 
+  background-color: #111111;
590 
+}
591 
+.fs-lightbox-mobile .fs-lightbox-control {
592 
+  width: 50px;
593 
+  height: 100%;
594 
+  min-height: 50px;
595 
+  background: #111111;
596 
+  border-radius: 0;
597 
+  box-shadow: none;
598 
+  opacity: 1;
599 
+  visibility: visible;
600 
+}
601 
+.fs-lightbox-mobile .fs-lightbox-control_previous {
602 
+  left: 0;
603 
+}
604 
+.fs-lightbox-mobile .fs-lightbox-control_previous:before {
605 
+  border-right-color: #eeeeee;
606 
+  margin-left: 19px;
607 
+}
608 
+.fs-lightbox-mobile .fs-lightbox-control_next {
609 
+  right: 0;
610 
+}
611 
+.fs-lightbox-mobile .fs-lightbox-control_next:before {
612 
+  border-left-color: #eeeeee;
613 
+  margin-right: 19px;
614 
+}
615 
+.no-touchevents .fs-lightbox-mobile .fs-lightbox-control,
616 
+.no-touchevents .fs-lightbox-mobile:hover .fs-lightbox-control {
617 
+  opacity: 1;
618 
+  visibility: visible;
619 
+}
620 
+.fs-lightbox-mobile .fs-lightbox-control_disabled,
621 
+.no-touchevents .fs-lightbox-mobile .fs-lightbox-control_disabled,
622 
+.no-touchevents .fs-lightbox-mobile:hover .fs-lightbox-control_disabled {
623 
+  opacity: 0;
624 
+  cursor: default !important;
625 
+  visibility: hidden;
626 
+}
627 
+.fs-lightbox-mobile .fs-lightbox-meta {
628 
+  padding: 15px 65px;
629 
+}
630 
+.fs-lightbox-mobile .fs-lightbox-position {
631 
+  color: #999999;
632 
+  font-size: 12px;
633 
+  margin: 0;
634 
+  padding: 0 15px 0 0;
635 
+}
636 
+.fs-lightbox-mobile .fs-lightbox-caption p {
637 
+  color: #eeeeee;
638 
+  font-size: 14px;
639 
+  margin: 0;
640 
+  padding: 0;
641 
+}
642 
+.fs-lightbox-mobile .fs-lightbox-image {
643 
+  -webkit-transition: none !important;
644 
+          transition: none !important;
645 
+  -webkit-transform: translate(0, 0);
646 
+      -ms-transform: translate(0, 0);
647 
+          transform: translate(0, 0);
648 
+}
649 
+.fs-lightbox-mobile.fs-lightbox-animated .fs-lightbox-image {
650 
+  -webkit-transition: -webkit-transform 0.25s ease-out !important;
651 
+          transition: transform 0.25s ease-out !important;
652 
+}
653 
+.fs-lightbox-mobile.fs-lightbox-inline .fs-lightbox-content,
654 
+.fs-lightbox-mobile.fs-lightbox-iframe .fs-lightbox-content {
655 
+  height: 100%;
656 
+  overflow-x: hidden;
657 
+  overflow-y: scroll;
658 
+  -webkit-overflow-scrolling: touch;
659 
+}
660 
+.fs-lightbox-lock {
661 
+  overflow: hidden !important;
662 
+}
663 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-tools {
664 
+  width: auto;
665 
+  position: static;
666 
+  background: transparent;
667 
+}
668 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-controls {
669 
+  width: 100%;
670 
+  height: 50px;
671 
+  position: fixed;
672 
+  right: 0;
673 
+  bottom: 0;
674 
+  left: 0;
675 
+  z-index: 105;
676 
+  background-color: #111111;
677 
+  padding: 0 65px;
678 
+}
679 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-caption_toggle {
680 
+  color: #999999;
681 
+  display: block;
682 
+  font-size: 12px;
683 
+  line-height: 50px;
684 
+}
685 
+.fs-lightbox-mobile.fs-lightbox-touch .fs-lightbox-meta {
686 
+  width: 100%;
687 
+  height: 80%;
688 
+  position: fixed;
689 
+  top: 20%;
690 
+  right: 0;
691 
+  bottom: 0;
692 
+  left: 0;
693 
+  z-index: 104;
694 
+  background: #222222;
695 
+  box-shadow: 0 0 25px #000000;
696 
+  padding: 15px 15px 65px;
697 
+  -webkit-transform: translate(0, 100%);
698 
+      -ms-transform: translate(0, 100%);
699 
+          transform: translate(0, 100%);
700 
+  -webkit-transition: -webkit-transform 0.25s ease;
701 
+          transition: transform 0.25s ease;
702 
+}
703 
+.fs-lightbox-touch.fs-lightbox-caption_open .fs-lightbox-meta {
704 
+  -webkit-transform: translate(0, 0);
705 
+      -ms-transform: translate(0, 0);
706 
+          transform: translate(0, 0);
707 
+}