eSales Media Git repositories
Browse code

Progress

Benjamin Roth authored on21/02/2023 19:42:19
Showing1 changed files
files/themes/aldegott_2022/assets/js/lib/jBox/1.2.3/jBox.all.css
History View file @12e841b
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,1251 @@
1 
+.jBox-wrapper {
2 
+  text-align: left;
3 
+  box-sizing: border-box;
4 
+}
5 
+
6 
+.jBox-title,
7 
+.jBox-content,
8 
+.jBox-container {
9 
+  position: relative;
10 
+  word-break: break-word;
11 
+  box-sizing: border-box;
12 
+}
13 
+
14 
+.jBox-container {
15 
+  background: #fff;
16 
+}
17 
+
18 
+.jBox-content {
19 
+  padding: 8px 12px;
20 
+  overflow-x: hidden;
21 
+  overflow-y: auto;
22 
+  transition: opacity .2s;
23 
+}
24 
+
25 
+.jBox-footer {
26 
+  box-sizing: border-box;
27 
+}
28 
+
29 
+.jBox-Tooltip .jBox-container,
30 
+.jBox-Mouse .jBox-container {
31 
+  border-radius: 4px;
32 
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
33 
+}
34 
+
35 
+.jBox-Tooltip .jBox-title,
36 
+.jBox-Mouse .jBox-title {
37 
+  padding: 8px 10px 0;
38 
+  font-weight: bold;
39 
+}
40 
+
41 
+.jBox-Tooltip.jBox-hasTitle .jBox-content,
42 
+.jBox-Mouse.jBox-hasTitle .jBox-content {
43 
+  padding-top: 5px;
44 
+}
45 
+
46 
+.jBox-Mouse {
47 
+  pointer-events: none;
48 
+}
49 
+
50 
+.jBox-pointer {
51 
+  position: absolute;
52 
+  overflow: hidden;
53 
+  box-sizing: border-box;
54 
+}
55 
+
56 
+.jBox-pointer:after {
57 
+  content: '';
58 
+  width: 20px;
59 
+  height: 20px;
60 
+  position: absolute;
61 
+  background: #fff;
62 
+  transform: rotate(45deg);
63 
+  box-sizing: border-box;
64 
+}
65 
+
66 
+.jBox-pointer-top {
67 
+  top: 0;
68 
+}
69 
+
70 
+.jBox-pointer-top:after {
71 
+  left: 5px;
72 
+  top: 6px;
73 
+  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
74 
+}
75 
+
76 
+.jBox-pointer-right {
77 
+  right: 0;
78 
+}
79 
+
80 
+.jBox-pointer-right:after {
81 
+  top: 5px;
82 
+  right: 6px;
83 
+  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
84 
+}
85 
+
86 
+.jBox-pointer-left {
87 
+  left: 0;
88 
+}
89 
+
90 
+.jBox-pointer-left:after {
91 
+  top: 5px;
92 
+  left: 6px;
93 
+  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
94 
+}
95 
+
96 
+.jBox-pointer-bottom {
97 
+  bottom: 0;
98 
+}
99 
+
100 
+.jBox-pointer-bottom:after {
101 
+  left: 5px;
102 
+  bottom: 6px;
103 
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
104 
+}
105 
+
106 
+.jBox-pointer-top, .jBox-pointer-bottom {
107 
+  width: 30px;
108 
+  height: 12px;
109 
+}
110 
+
111 
+.jBox-pointer-left, .jBox-pointer-right {
112 
+  width: 12px;
113 
+  height: 30px;
114 
+}
115 
+
116 
+.jBox-Modal .jBox-container {
117 
+  border-radius: 4px;
118 
+}
119 
+
120 
+.jBox-Modal .jBox-container, .jBox-Modal.jBox-closeButton-box:before {
121 
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
122 
+}
123 
+
124 
+.jBox-Modal .jBox-content {
125 
+  padding: 15px 20px;
126 
+}
127 
+
128 
+.jBox-Modal .jBox-title {
129 
+  border-radius: 4px 4px 0 0;
130 
+  padding: 15px 20px;
131 
+  background: #fafafa;
132 
+  border-bottom: 1px solid #eee;
133 
+}
134 
+
135 
+.jBox-Modal.jBox-closeButton-title .jBox-title {
136 
+  padding-right: 65px;
137 
+}
138 
+
139 
+.jBox-Modal .jBox-footer {
140 
+  border-radius: 0 0 4px 4px;
141 
+}
142 
+
143 
+.jBox-closeButton {
144 
+  z-index: 1;
145 
+  cursor: pointer;
146 
+  position: absolute;
147 
+  box-sizing: border-box;
148 
+}
149 
+
150 
+.jBox-closeButton svg {
151 
+  position: absolute;
152 
+  top: 50%;
153 
+  right: 50%;
154 
+}
155 
+
156 
+.jBox-closeButton path {
157 
+  fill: #aaa;
158 
+  transition: fill .2s;
159 
+}
160 
+
161 
+.jBox-closeButton:hover path {
162 
+  fill: #888;
163 
+}
164 
+
165 
+.jBox-overlay .jBox-closeButton {
166 
+  top: 0;
167 
+  right: 0;
168 
+  width: 40px;
169 
+  height: 40px;
170 
+}
171 
+
172 
+.jBox-overlay .jBox-closeButton svg {
173 
+  width: 20px;
174 
+  height: 20px;
175 
+  margin-top: -10px;
176 
+  margin-right: -10px;
177 
+}
178 
+
179 
+.jBox-overlay .jBox-closeButton path {
180 
+  fill: #ddd;
181 
+}
182 
+
183 
+.jBox-overlay .jBox-closeButton:hover path {
184 
+  fill: #fff;
185 
+}
186 
+
187 
+.jBox-closeButton-title .jBox-closeButton {
188 
+  top: 0;
189 
+  right: 0;
190 
+  bottom: 0;
191 
+  width: 50px;
192 
+}
193 
+
194 
+.jBox-closeButton-title svg {
195 
+  width: 12px;
196 
+  height: 12px;
197 
+  margin-top: -6px;
198 
+  margin-right: -6px;
199 
+}
200 
+
201 
+.jBox-closeButton-box {
202 
+  box-sizing: border-box;
203 
+}
204 
+
205 
+.jBox-closeButton-box .jBox-closeButton {
206 
+  top: -8px;
207 
+  right: -10px;
208 
+  width: 24px;
209 
+  height: 24px;
210 
+  background: #fff;
211 
+  border-radius: 50%;
212 
+}
213 
+
214 
+.jBox-closeButton-box .jBox-closeButton svg {
215 
+  width: 10px;
216 
+  height: 10px;
217 
+  margin-top: -5px;
218 
+  margin-right: -5px;
219 
+}
220 
+
221 
+.jBox-closeButton-box:before {
222 
+  content: '';
223 
+  position: absolute;
224 
+  top: -8px;
225 
+  right: -10px;
226 
+  width: 24px;
227 
+  height: 24px;
228 
+  border-radius: 50%;
229 
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
230 
+}
231 
+
232 
+.jBox-closeButton-box.jBox-pointerPosition-top:before {
233 
+  top: 5px;
234 
+}
235 
+
236 
+.jBox-closeButton-box.jBox-pointerPosition-right:before {
237 
+  right: 2px;
238 
+}
239 
+
240 
+.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
241 
+  background: #fafafa;
242 
+}
243 
+
244 
+.jBox-overlay {
245 
+  position: fixed;
246 
+  top: 0;
247 
+  left: 0;
248 
+  width: 100%;
249 
+  height: 100%;
250 
+  background-color: rgba(0, 0, 0, 0.82);
251 
+}
252 
+
253 
+.jBox-footer {
254 
+  background: #fafafa;
255 
+  border-top: 1px solid #eee;
256 
+  padding: 8px 10px;
257 
+  border-radius: 0 0 3px 3px;
258 
+}
259 
+
260 
+body[class^="jBox-blockScroll-"],
261 
+body[class*=" jBox-blockScroll-"] {
262 
+  overflow: hidden;
263 
+}
264 
+
265 
+.jBox-draggable {
266 
+  cursor: move;
267 
+}
268 
+
269 
+@keyframes jBoxLoading {
270 
+  to {
271 
+    transform: rotate(360deg);
272 
+  }
273 
+}
274 
+
275 
+.jBox-loading .jBox-content {
276 
+  opacity: .2;
277 
+}
278 
+
279 
+.jBox-loading-spinner .jBox-content {
280 
+  min-height: 38px !important;
281 
+  min-width: 38px !important;
282 
+  opacity: 0;
283 
+}
284 
+
285 
+.jBox-spinner {
286 
+  box-sizing: border-box;
287 
+  position: absolute;
288 
+  top: 50%;
289 
+  left: 50%;
290 
+  width: 24px;
291 
+  height: 24px;
292 
+  margin-top: -12px;
293 
+  margin-left: -12px;
294 
+}
295 
+
296 
+.jBox-spinner:before {
297 
+  display: block;
298 
+  box-sizing: border-box;
299 
+  content: '';
300 
+  width: 24px;
301 
+  height: 24px;
302 
+  border-radius: 50%;
303 
+  border: 2px solid rgba(0, 0, 0, 0.2);
304 
+  border-top-color: rgba(0, 0, 0, 0.8);
305 
+  animation: jBoxLoading .6s linear infinite;
306 
+}
307 
+
308 
+.jBox-countdown {
309 
+  border-radius: 4px 4px 0 0;
310 
+  z-index: 0;
311 
+  background: #000;
312 
+  opacity: .2;
313 
+  position: absolute;
314 
+  top: 0;
315 
+  left: 0;
316 
+  right: 0;
317 
+  height: 3px;
318 
+  overflow: hidden;
319 
+}
320 
+
321 
+.jBox-countdown-inner {
322 
+  top: 0;
323 
+  right: 0;
324 
+  width: 100%;
325 
+  height: 3px;
326 
+  position: absolute;
327 
+  background: #fff;
328 
+}
329 
+
330 
+[class^="jBox-animated-"],
331 
+[class*=" jBox-animated-"] {
332 
+  animation-fill-mode: both;
333 
+}
334 
+
335 
+@keyframes jBox-tada {
336 
+  0% {
337 
+    transform: scale(1);
338 
+  }
339 
+  10%,
340 
+  20% {
341 
+    transform: scale(0.8) rotate(-4deg);
342 
+  }
343 
+  30%,
344 
+  50%,
345 
+  70%,
346 
+  90% {
347 
+    transform: scale(1.2) rotate(4deg);
348 
+  }
349 
+  40%,
350 
+  60%,
351 
+  80% {
352 
+    transform: scale(1.2) rotate(-4deg);
353 
+  }
354 
+  100% {
355 
+    transform: scale(1) rotate(0);
356 
+  }
357 
+}
358 
+
359 
+.jBox-animated-tada {
360 
+  animation: jBox-tada 1s;
361 
+}
362 
+
363 
+@keyframes jBox-tadaSmall {
364 
+  0% {
365 
+    transform: scale(1);
366 
+  }
367 
+  10%,
368 
+  20% {
369 
+    transform: scale(0.9) rotate(-2deg);
370 
+  }
371 
+  30%,
372 
+  50%,
373 
+  70%,
374 
+  90% {
375 
+    transform: scale(1.1) rotate(2deg);
376 
+  }
377 
+  40%,
378 
+  60%,
379 
+  80% {
380 
+    transform: scale(1.1) rotate(-2deg);
381 
+  }
382 
+  100% {
383 
+    transform: scale(1) rotate(0);
384 
+  }
385 
+}
386 
+
387 
+.jBox-animated-tadaSmall {
388 
+  animation: jBox-tadaSmall 1s;
389 
+}
390 
+
391 
+@keyframes jBox-flash {
392 
+  0%,
393 
+  50%,
394 
+  100% {
395 
+    opacity: 1;
396 
+  }
397 
+  25%,
398 
+  75% {
399 
+    opacity: 0;
400 
+  }
401 
+}
402 
+
403 
+.jBox-animated-flash {
404 
+  animation: jBox-flash .5s;
405 
+}
406 
+
407 
+@keyframes jBox-shake {
408 
+  0%,
409 
+  100% {
410 
+    transform: translateX(0);
411 
+  }
412 
+  20%,
413 
+  60% {
414 
+    transform: translateX(-6px);
415 
+  }
416 
+  40%,
417 
+  80% {
418 
+    transform: translateX(6px);
419 
+  }
420 
+}
421 
+
422 
+.jBox-animated-shake {
423 
+  animation: jBox-shake .4s;
424 
+}
425 
+
426 
+@keyframes jBox-pulseUp {
427 
+  0% {
428 
+    transform: scale(1);
429 
+  }
430 
+  50% {
431 
+    transform: scale(1.15);
432 
+  }
433 
+  100% {
434 
+    transform: scale(1);
435 
+  }
436 
+}
437 
+
438 
+.jBox-animated-pulseUp {
439 
+  animation: jBox-pulseUp .25s;
440 
+}
441 
+
442 
+@keyframes jBox-pulseDown {
443 
+  0% {
444 
+    transform: scale(1);
445 
+  }
446 
+  50% {
447 
+    transform: scale(0.85);
448 
+  }
449 
+  100% {
450 
+    transform: scale(1);
451 
+  }
452 
+}
453 
+
454 
+.jBox-animated-pulseDown {
455 
+  animation: jBox-pulseDown .25s;
456 
+}
457 
+
458 
+@keyframes jBox-popIn {
459 
+  0% {
460 
+    transform: scale(0);
461 
+  }
462 
+  50% {
463 
+    transform: scale(1.1);
464 
+  }
465 
+  100% {
466 
+    transform: scale(1);
467 
+  }
468 
+}
469 
+
470 
+.jBox-animated-popIn {
471 
+  animation: jBox-popIn .25s;
472 
+}
473 
+
474 
+@keyframes jBox-popOut {
475 
+  0% {
476 
+    transform: scale(1);
477 
+  }
478 
+  50% {
479 
+    transform: scale(1.1);
480 
+  }
481 
+  100% {
482 
+    transform: scale(0);
483 
+  }
484 
+}
485 
+
486 
+.jBox-animated-popOut {
487 
+  animation: jBox-popOut .25s;
488 
+}
489 
+
490 
+@keyframes jBox-fadeIn {
491 
+  0% {
492 
+    opacity: 0;
493 
+  }
494 
+  100% {
495 
+    opacity: 1;
496 
+  }
497 
+}
498 
+
499 
+.jBox-animated-fadeIn {
500 
+  animation: jBox-fadeIn .2s;
501 
+}
502 
+
503 
+@keyframes jBox-fadeOut {
504 
+  0% {
505 
+    opacity: 1;
506 
+  }
507 
+  100% {
508 
+    opacity: 0;
509 
+  }
510 
+}
511 
+
512 
+.jBox-animated-fadeOut {
513 
+  animation: jBox-fadeOut .2s;
514 
+}
515 
+
516 
+@keyframes jBox-slideUp {
517 
+  0% {
518 
+    transform: translateY(0);
519 
+  }
520 
+  100% {
521 
+    transform: translateY(-300px);
522 
+    opacity: 0;
523 
+  }
524 
+}
525 
+
526 
+.jBox-animated-slideUp {
527 
+  animation: jBox-slideUp .4s;
528 
+}
529 
+
530 
+@keyframes jBox-slideRight {
531 
+  0% {
532 
+    transform: translateX(0);
533 
+  }
534 
+  100% {
535 
+    transform: translateX(300px);
536 
+    opacity: 0;
537 
+  }
538 
+}
539 
+
540 
+.jBox-animated-slideRight {
541 
+  animation: jBox-slideRight .4s;
542 
+}
543 
+
544 
+@keyframes jBox-slideDown {
545 
+  0% {
546 
+    transform: translateY(0);
547 
+  }
548 
+  100% {
549 
+    transform: translateY(300px);
550 
+    opacity: 0;
551 
+  }
552 
+}
553 
+
554 
+.jBox-animated-slideDown {
555 
+  animation: jBox-slideDown .4s;
556 
+}
557 
+
558 
+@keyframes jBox-slideLeft {
559 
+  0% {
560 
+    transform: translateX(0);
561 
+  }
562 
+  100% {
563 
+    transform: translateX(-300px);
564 
+    opacity: 0;
565 
+  }
566 
+}
567 
+
568 
+.jBox-animated-slideLeft {
569 
+  animation: jBox-slideLeft .4s;
570 
+}
571 
+
572 
+.jBox-Confirm .jBox-content {
573 
+  text-align: center;
574 
+  padding: 46px 35px;
575 
+}
576 
+
577 
+@media (max-width: 500px) {
578 
+  .jBox-Confirm .jBox-content {
579 
+    padding: 32px 20px;
580 
+  }
581 
+}
582 
+
583 
+.jBox-Confirm-footer {
584 
+  height: 46px;
585 
+}
586 
+
587 
+.jBox-Confirm-button {
588 
+  display: block;
589 
+  float: left;
590 
+  cursor: pointer;
591 
+  text-align: center;
592 
+  width: 50%;
593 
+  line-height: 46px;
594 
+  height: 46px;
595 
+  overflow: hidden;
596 
+  padding: 0 10px;
597 
+  transition: color .2s, background-color .2s;
598 
+  box-sizing: border-box;
599 
+}
600 
+
601 
+.jBox-Confirm-button-cancel {
602 
+  border-bottom-left-radius: 4px;
603 
+  background: #ddd;
604 
+  color: #666;
605 
+}
606 
+
607 
+.jBox-Confirm-button-cancel:hover, .jBox-Confirm-button-cancel:active {
608 
+  background: #ccc;
609 
+}
610 
+
611 
+.jBox-Confirm-button-cancel:active {
612 
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
613 
+}
614 
+
615 
+.jBox-Confirm-button-submit {
616 
+  border-bottom-right-radius: 4px;
617 
+  background: #7d0;
618 
+  color: #fff;
619 
+}
620 
+
621 
+.jBox-Confirm-button-submit:hover, .jBox-Confirm-button-submit:active {
622 
+  background: #6c0;
623 
+}
624 
+
625 
+.jBox-Confirm-button-submit:active {
626 
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
627 
+}
628 
+
629 
+.jBox-Image .jBox-container {
630 
+  background-color: transparent;
631 
+}
632 
+
633 
+.jBox-Image .jBox-content {
634 
+  padding: 0;
635 
+  width: 100%;
636 
+  height: 100%;
637 
+}
638 
+
639 
+.jBox-image-container {
640 
+  background: center center no-repeat;
641 
+  position: absolute;
642 
+  width: 100%;
643 
+  height: 100%;
644 
+  opacity: 0;
645 
+}
646 
+
647 
+.jBox-image-label-wrapper {
648 
+  position: absolute;
649 
+  top: 100%;
650 
+  left: 0;
651 
+  right: 0;
652 
+  height: 40px;
653 
+  z-index: 100;
654 
+  display: flex;
655 
+}
656 
+
657 
+.jBox-image-label-container {
658 
+  position: relative;
659 
+  flex: 1;
660 
+}
661 
+
662 
+.jBox-image-label {
663 
+  box-sizing: border-box;
664 
+  position: absolute;
665 
+  left: 0;
666 
+  bottom: 0;
667 
+  width: 100%;
668 
+  text-align: center;
669 
+  color: #fff;
670 
+  padding: 8px 12px;
671 
+  font-size: 15px;
672 
+  line-height: 24px;
673 
+  transition: opacity .36s;
674 
+  opacity: 0;
675 
+  z-index: 0;
676 
+  pointer-events: none;
677 
+}
678 
+
679 
+.jBox-image-label.expanded {
680 
+  background: #000;
681 
+}
682 
+
683 
+.jBox-image-label:not(.expanded) {
684 
+  text-overflow: ellipsis;
685 
+  white-space: nowrap;
686 
+  overflow: hidden;
687 
+}
688 
+
689 
+.jBox-image-label.active {
690 
+  opacity: 1;
691 
+  pointer-events: all;
692 
+}
693 
+
694 
+@media (max-width: 600px) {
695 
+  .jBox-image-label {
696 
+    font-size: 13px;
697 
+  }
698 
+}
699 
+
700 
+.jBox-image-pointer-next,
701 
+.jBox-image-pointer-prev {
702 
+  flex-shrink: 0;
703 
+  width: 40px;
704 
+  height: 40px;
705 
+  cursor: pointer;
706 
+  opacity: .8;
707 
+  transition: opacity .2s;
708 
+  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
709 
+  background-size: 11px auto;
710 
+  user-select: none;
711 
+  z-index: 1;
712 
+}
713 
+
714 
+.jBox-image-pointer-next:hover,
715 
+.jBox-image-pointer-prev:hover {
716 
+  opacity: 1;
717 
+}
718 
+
719 
+.jBox-image-pointer-next {
720 
+  transform: scaleX(-1);
721 
+}
722 
+
723 
+.jBox-image-counter-container {
724 
+  flex-shrink: 0;
725 
+  white-space: nowrap;
726 
+  height: 40px;
727 
+  line-height: 40px;
728 
+  font-size: 13px;
729 
+  color: #fff;
730 
+  text-align: right;
731 
+  display: none;
732 
+}
733 
+
734 
+.jBox-image-has-counter .jBox-image-counter-container {
735 
+  display: block;
736 
+}
737 
+
738 
+.jBox-overlay.jBox-overlay-Image {
739 
+  background: #000;
740 
+}
741 
+
742 
+.jBox-image-not-found {
743 
+  background: #000;
744 
+}
745 
+
746 
+.jBox-image-not-found:before {
747 
+  content: '';
748 
+  box-sizing: border-box;
749 
+  display: block;
750 
+  width: 80px;
751 
+  height: 80px;
752 
+  margin-top: -40px;
753 
+  margin-left: -40px;
754 
+  position: absolute;
755 
+  top: 50%;
756 
+  left: 50%;
757 
+  border: 5px solid #222;
758 
+  border-radius: 50%;
759 
+}
760 
+
761 
+.jBox-image-not-found:after {
762 
+  content: '';
763 
+  display: block;
764 
+  box-sizing: content-box;
765 
+  z-index: auto;
766 
+  width: 6px;
767 
+  height: 74px;
768 
+  margin-top: -37px;
769 
+  margin-left: -3px;
770 
+  position: absolute;
771 
+  top: 50%;
772 
+  left: 50%;
773 
+  background: #222;
774 
+  transform: rotateZ(45deg);
775 
+  transform-origin: 50% 50% 0;
776 
+}
777 
+
778 
+.jBox-image-download-button-wrapper {
779 
+  position: absolute;
780 
+  top: -40px;
781 
+  right: 35px;
782 
+  height: 40px;
783 
+  display: flex;
784 
+  cursor: pointer;
785 
+  opacity: .8;
786 
+  transition: opacity .2s;
787 
+}
788 
+
789 
+.jBox-image-download-button-wrapper:hover {
790 
+  opacity: 1;
791 
+}
792 
+
793 
+.jBox-image-download-button-icon {
794 
+  width: 40px;
795 
+  height: 40px;
796 
+  background: center center no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
797 
+  background-size: 60%;
798 
+}
799 
+
800 
+.jBox-image-download-button-text {
801 
+  white-space: nowrap;
802 
+  line-height: 40px;
803 
+  padding: 0 10px 0 0;
804 
+  color: #fff;
805 
+  font-size: 14px;
806 
+}
807 
+
808 
+@keyframes jBoxImageLoading {
809 
+  to {
810 
+    transform: rotate(360deg);
811 
+  }
812 
+}
813 
+
814 
+.jBox-image-loading:before {
815 
+  content: '';
816 
+  position: absolute;
817 
+  top: 50%;
818 
+  left: 50%;
819 
+  width: 32px;
820 
+  height: 32px;
821 
+  margin-top: -16px;
822 
+  margin-left: -16px;
823 
+  border: 4px solid #333;
824 
+  border-bottom-color: #666;
825 
+  animation: jBoxImageLoading 1.2s linear infinite;
826 
+  border-radius: 50%;
827 
+}
828 
+
829 
+.jBox-Notice {
830 
+  transition: margin .2s;
831 
+}
832 
+
833 
+.jBox-Notice .jBox-container {
834 
+  border-radius: 4px;
835 
+  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.25), inset -1px -1px 0 0 rgba(0, 0, 0, 0.1);
836 
+}
837 
+
838 
+.jBox-Notice .jBox-content {
839 
+  border-radius: 4px;
840 
+  padding: 12px 20px;
841 
+}
842 
+
843 
+@media (max-width: 768px) {
844 
+  .jBox-Notice .jBox-content {
845 
+    padding: 10px 15px;
846 
+  }
847 
+}
848 
+
849 
+@media (max-width: 500px) {
850 
+  .jBox-Notice .jBox-content {
851 
+    padding: 8px 10px;
852 
+  }
853 
+}
854 
+
855 
+.jBox-Notice.jBox-hasTitle .jBox-content {
856 
+  padding-top: 5px;
857 
+}
858 
+
859 
+@media (max-width: 500px) {
860 
+  .jBox-Notice.jBox-hasTitle .jBox-content {
861 
+    padding-top: 0;
862 
+  }
863 
+}
864 
+
865 
+.jBox-Notice.jBox-hasTitle .jBox-title {
866 
+  padding: 12px 20px 0;
867 
+  font-weight: bold;
868 
+}
869 
+
870 
+@media (max-width: 768px) {
871 
+  .jBox-Notice.jBox-hasTitle .jBox-title {
872 
+    padding: 10px 15px 0;
873 
+  }
874 
+}
875 
+
876 
+@media (max-width: 500px) {
877 
+  .jBox-Notice.jBox-hasTitle .jBox-title {
878 
+    padding: 8px 10px 0;
879 
+  }
880 
+}
881 
+
882 
+.jBox-Notice.jBox-closeButton-title .jBox-title {
883 
+  padding-right: 55px;
884 
+}
885 
+
886 
+.jBox-Notice.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton {
887 
+  width: 40px;
888 
+}
889 
+
890 
+.jBox-Notice.jBox-Notice-black .jBox-container {
891 
+  color: #fff;
892 
+  background: #000;
893 
+}
894 
+
895 
+.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
896 
+.jBox-Notice.jBox-Notice-black.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
897 
+  fill: #fff;
898 
+}
899 
+
900 
+.jBox-Notice.jBox-Notice-gray .jBox-container {
901 
+  color: #222;
902 
+  background: #f6f6f6;
903 
+}
904 
+
905 
+.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
906 
+.jBox-Notice.jBox-Notice-gray.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
907 
+  fill: #222;
908 
+}
909 
+
910 
+.jBox-Notice.jBox-Notice-red .jBox-container {
911 
+  color: #fff;
912 
+  background: #d00;
913 
+}
914 
+
915 
+.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
916 
+.jBox-Notice.jBox-Notice-red.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
917 
+  fill: #fff;
918 
+}
919 
+
920 
+.jBox-Notice.jBox-Notice-green .jBox-container {
921 
+  color: #fff;
922 
+  background: #5d0;
923 
+}
924 
+
925 
+.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
926 
+.jBox-Notice.jBox-Notice-green.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
927 
+  fill: #fff;
928 
+}
929 
+
930 
+.jBox-Notice.jBox-Notice-blue .jBox-container {
931 
+  color: #fff;
932 
+  background: #49d;
933 
+}
934 
+
935 
+.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
936 
+.jBox-Notice.jBox-Notice-blue.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
937 
+  fill: #fff;
938 
+}
939 
+
940 
+.jBox-Notice.jBox-Notice-yellow .jBox-container {
941 
+  color: #000;
942 
+  background: #fd0;
943 
+}
944 
+
945 
+.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton path,
946 
+.jBox-Notice.jBox-Notice-yellow.jBox-closeButton-title.jBox-hasTitle .jBox-closeButton:hover path {
947 
+  fill: #fff;
948 
+}
949 
+
950 
+.jBox-NoticeFancy .jBox-content,
951 
+.jBox-NoticeFancy .jBox-title {
952 
+  padding-left: 25px;
953 
+}
954 
+
955 
+.jBox-NoticeFancy.jBox-Notice-color .jBox-container {
956 
+  color: #fff;
957 
+  background: #000;
958 
+}
959 
+
960 
+.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after {
961 
+  content: '';
962 
+  position: absolute;
963 
+  top: 0;
964 
+  left: 0;
965 
+  bottom: 0;
966 
+  width: 8px;
967 
+  border-radius: 4px 0 0 4px;
968 
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
969 
+  background-size: 14px 14px;
970 
+}
971 
+
972 
+.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,
973 
+.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after {
974 
+  background-color: #888;
975 
+}
976 
+
977 
+.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after {
978 
+  background-color: #e00;
979 
+}
980 
+
981 
+.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after {
982 
+  background-color: #6c0;
983 
+}
984 
+
985 
+.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after {
986 
+  background-color: #49d;
987 
+}
988 
+
989 
+.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after {
990 
+  background-color: #fb0;
991 
+}
992 
+
993 
+.jBox-NoticeFancy .jBox-countdown {
994 
+  left: 8px;
995 
+  border-radius: 0 4px 0 0;
996 
+}
997 
+
998 
+.jBox-TooltipBorder .jBox-container,
999 
+.jBox-TooltipBorder .jBox-pointer:after {
1000 
+  border: 2px solid #49d;
1001 
+}
1002 
+
1003 
+.jBox-TooltipBorder .jBox-pointer:after {
1004 
+  width: 22px;
1005 
+  height: 22px;
1006 
+}
1007 
+
1008 
+.jBox-TooltipBorder .jBox-pointer-top,
1009 
+.jBox-TooltipBorder .jBox-pointer-bottom {
1010 
+  width: 34px;
1011 
+  height: 13px;
1012 
+}
1013 
+
1014 
+.jBox-TooltipBorder .jBox-pointer-top:after,
1015 
+.jBox-TooltipBorder .jBox-pointer-bottom:after {
1016 
+  left: 6px;
1017 
+}
1018 
+
1019 
+.jBox-TooltipBorder .jBox-pointer-left,
1020 
+.jBox-TooltipBorder .jBox-pointer-right {
1021 
+  width: 13px;
1022 
+  height: 34px;
1023 
+}
1024 
+
1025 
+.jBox-TooltipBorder .jBox-pointer-left:after,
1026 
+.jBox-TooltipBorder .jBox-pointer-right:after {
1027 
+  top: 6px;
1028 
+}
1029 
+
1030 
+.jBox-TooltipBorder.jBox-closeButton-box:before {
1031 
+  width: 28px;
1032 
+  height: 28px;
1033 
+  background: #49d;
1034 
+}
1035 
+
1036 
+.jBox-TooltipBorderThick .jBox-container {
1037 
+  box-shadow: none;
1038 
+  border-radius: 8px;
1039 
+  border: 4px solid #ccc;
1040 
+}
1041 
+
1042 
+.jBox-TooltipBorderThick .jBox-pointer:after {
1043 
+  box-shadow: none;
1044 
+  border: 4px solid #ccc;
1045 
+  width: 24px;
1046 
+  height: 24px;
1047 
+}
1048 
+
1049 
+.jBox-TooltipBorderThick .jBox-pointer-top,
1050 
+.jBox-TooltipBorderThick .jBox-pointer-bottom {
1051 
+  width: 38px;
1052 
+  height: 13px;
1053 
+}
1054 
+
1055 
+.jBox-TooltipBorderThick .jBox-pointer-left,
1056 
+.jBox-TooltipBorderThick .jBox-pointer-right {
1057 
+  width: 13px;
1058 
+  height: 38px;
1059 
+}
1060 
+
1061 
+.jBox-TooltipBorderThick.jBox-closeButton-box:before {
1062 
+  width: 32px;
1063 
+  height: 32px;
1064 
+  background: #ccc;
1065 
+}
1066 
+
1067 
+.jBox-TooltipDark .jBox-container {
1068 
+  border-radius: 4px;
1069 
+  background: #000;
1070 
+  color: #fff;
1071 
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
1072 
+}
1073 
+
1074 
+.jBox-TooltipDark .jBox-pointer:after {
1075 
+  background: #000;
1076 
+}
1077 
+
1078 
+.jBox-TooltipDark .jBox-closeButton {
1079 
+  background: #000;
1080 
+}
1081 
+
1082 
+.jBox-TooltipDark.jBox-closeButton-box:before {
1083 
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
1084 
+}
1085 
+
1086 
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
1087 
+  fill: #ddd;
1088 
+}
1089 
+
1090 
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
1091 
+  fill: #fff;
1092 
+}
1093 
+
1094 
+.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
1095 
+  fill: #bbb;
1096 
+}
1097 
+
1098 
+.jBox-TooltipError {
1099 
+  pointer-events: none;
1100 
+}
1101 
+
1102 
+.jBox-TooltipError .jBox-container {
1103 
+  border-radius: 2px;
1104 
+  background: #d00;
1105 
+  color: #fff;
1106 
+  font-weight: bold;
1107 
+  font-size: 13px;
1108 
+}
1109 
+
1110 
+.jBox-TooltipError .jBox-content {
1111 
+  padding: 0 10px;
1112 
+  line-height: 28px;
1113 
+}
1114 
+
1115 
+.jBox-TooltipError .jBox-pointer:after {
1116 
+  background: #d00;
1117 
+  width: 20px;
1118 
+  height: 20px;
1119 
+}
1120 
+
1121 
+.jBox-TooltipError .jBox-pointer-top, .jBox-TooltipError .jBox-pointer-bottom {
1122 
+  width: 22px;
1123 
+  height: 8px;
1124 
+}
1125 
+
1126 
+.jBox-TooltipError .jBox-pointer-right, .jBox-TooltipError .jBox-pointer-left {
1127 
+  width: 8px;
1128 
+  height: 22px;
1129 
+}
1130 
+
1131 
+.jBox-TooltipError .jBox-pointer-top:after {
1132 
+  left: 1px;
1133 
+  top: 6px;
1134 
+}
1135 
+
1136 
+.jBox-TooltipError .jBox-pointer-right:after {
1137 
+  top: 1px;
1138 
+  right: 6px;
1139 
+}
1140 
+
1141 
+.jBox-TooltipError .jBox-pointer-bottom:after {
1142 
+  left: 1px;
1143 
+  bottom: 6px;
1144 
+}
1145 
+
1146 
+.jBox-TooltipError .jBox-pointer-left:after {
1147 
+  top: 1px;
1148 
+  left: 6px;
1149 
+}
1150 
+
1151 
+.jBox-TooltipSmall {
1152 
+  pointer-events: none;
1153 
+}
1154 
+
1155 
+.jBox-TooltipSmall .jBox-container {
1156 
+  border-radius: 2px;
1157 
+}
1158 
+
1159 
+.jBox-TooltipSmall .jBox-content {
1160 
+  padding: 0 10px;
1161 
+  line-height: 28px;
1162 
+}
1163 
+
1164 
+.jBox-TooltipSmall .jBox-pointer:after {
1165 
+  width: 20px;
1166 
+  height: 20px;
1167 
+}
1168 
+
1169 
+.jBox-TooltipSmall .jBox-pointer-top, .jBox-TooltipSmall .jBox-pointer-bottom {
1170 
+  width: 22px;
1171 
+  height: 8px;
1172 
+}
1173 
+
1174 
+.jBox-TooltipSmall .jBox-pointer-right, .jBox-TooltipSmall .jBox-pointer-left {
1175 
+  width: 8px;
1176 
+  height: 22px;
1177 
+}
1178 
+
1179 
+.jBox-TooltipSmall .jBox-pointer-top:after {
1180 
+  left: 1px;
1181 
+  top: 6px;
1182 
+}
1183 
+
1184 
+.jBox-TooltipSmall .jBox-pointer-right:after {
1185 
+  top: 1px;
1186 
+  right: 6px;
1187 
+}
1188 
+
1189 
+.jBox-TooltipSmall .jBox-pointer-bottom:after {
1190 
+  left: 1px;
1191 
+  bottom: 6px;
1192 
+}
1193 
+
1194 
+.jBox-TooltipSmall .jBox-pointer-left:after {
1195 
+  top: 1px;
1196 
+  left: 6px;
1197 
+}
1198 
+
1199 
+.jBox-TooltipSmallGray {
1200 
+  pointer-events: none;
1201 
+}
1202 
+
1203 
+.jBox-TooltipSmallGray .jBox-container {
1204 
+  font-size: 13px;
1205 
+  line-height: 24px;
1206 
+  border-radius: 12px;
1207 
+  background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
1208 
+}
1209 
+
1210 
+.jBox-TooltipSmallGray .jBox-content {
1211 
+  padding: 0 10px;
1212 
+}
1213 
+
1214 
+.jBox-TooltipSmallGray .jBox-pointer:after {
1215 
+  width: 20px;
1216 
+  height: 20px;
1217 
+}
1218 
+
1219 
+.jBox-TooltipSmallGray .jBox-pointer-top, .jBox-TooltipSmallGray .jBox-pointer-bottom {
1220 
+  width: 22px;
1221 
+  height: 8px;
1222 
+}
1223 
+
1224 
+.jBox-TooltipSmallGray .jBox-pointer-left, .jBox-TooltipSmallGray .jBox-pointer-right {
1225 
+  width: 8px;
1226 
+  height: 22px;
1227 
+}
1228 
+
1229 
+.jBox-TooltipSmallGray .jBox-pointer-top:after {
1230 
+  background: #fafafa;
1231 
+  left: 1px;
1232 
+  top: 6px;
1233 
+}
1234 
+
1235 
+.jBox-TooltipSmallGray .jBox-pointer-right:after {
1236 
+  top: 1px;
1237 
+  right: 6px;
1238 
+}
1239 
+
1240 
+.jBox-TooltipSmallGray .jBox-pointer-bottom:after {
1241 
+  background: #f2f2f2;
1242 
+  left: 1px;
1243 
+  bottom: 6px;
1244 
+}
1245 
+
1246 
+.jBox-TooltipSmallGray .jBox-pointer-left:after {
1247 
+  top: 1px;
1248 
+  left: 6px;
1249 
+}
1250 
+
1251 
+/*# sourceMappingURL=jBox.all.css.map */