PluginProbe ʕ •ᴥ•ʔ
Interactive Image Map Builder / 2.6
Interactive Image Map Builder v2.6
3.2 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 2.0 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 3.0 3.1
interactive-image-map-builder / assets / css / style.css
interactive-image-map-builder / assets / css Last commit date
fontselect.css 2 years ago fs-sprite.png 2 years ago hover.png 2 years ago jquery.minicolors.css 2 years ago jquery.minicolors.png 2 years ago style.css 1 year ago
style.css
1646 lines
1 .isimb-6310 {
2 font-family: sans-serif;
3 color: #727272;
4 }
5 .isimb-6310 *,
6 .isimb-6310-modal * {
7 box-sizing: border-box !important;
8 }
9 .row {
10 display: table;
11 width: 100%;
12 }
13 .isimb-6310-sm {
14 width: 98%;
15 }
16
17 /* Header Top Menu */
18 .isimb-6310-header {
19 width: calc(100% - 14px);
20 background: #fff;
21 color: #000;
22 padding: 0 15px 20px;
23 float: left;
24 margin: 20px 0 30px;
25 display: table;
26 border-radius: 3px;
27 }
28 .isimb-6310-header .isimb-6310-nav {
29 list-style-type: none;
30 display: table;
31 margin: 0 -15px;
32 width: calc(100% + 30px);
33 }
34 .isimb-6310-header .isimb-6310-nav li {
35 display: table-cell;
36 text-align: center;
37 background: #16a085;
38 margin-bottom: 0;
39 }
40 .isimb-6310-header .isimb-6310-nav a {
41 padding: 10px 7px;
42 height: calc(100% - 20px);
43 color: #fff;
44 text-decoration: none;
45 font-family: Share, Helvetica, Arial, sans-serif;
46 font-weight: 400;
47 font-size: 14px;
48 display: flex;
49 align-items: center;
50 justify-content: center;
51 transition-duration: 0.2s;
52 }
53 .isimb-6310-plugin-menu {
54 background: #615151 !important;
55 }
56 h1.isimb-6310-wpmart-all-plugins {
57 font-size: 22px;
58 margin: -5px 0 15px 15px;
59 padding: 0;
60 color: #2196f3;
61 }
62 .isimb-6310-wpmart-plugins {
63 background-color: #fff;
64 width: 100%;
65 text-align: center;
66 -webkit-transition: all 0.5s ease 0s;
67 -moz-transition: all 0.5s ease 0s;
68 -ms-transition: all 0.5s ease 0s;
69 -o-transition: all 0.5s ease 0s;
70 transition: all 0.5s ease 0s;
71 }
72 .isimb-6310-wpmart-plugins:hover {
73 box-shadow: 0 0 10px rgb(0 0 0 / 50%);
74 }
75 .isimb-6310-wpmart-plugins a {
76 text-decoration: none;
77 }
78 .isimb-6310-wpmart-plugins p {
79 font-size: 18px;
80 padding: 10px 0 15px;
81 margin: 0;
82 }
83 .isimb-6310-nav a:hover,
84 .isimb-6310-nav a.isimb-6310-menu-active {
85 background: #117a65;
86 }
87 .isimb-6310-nav a:focus {
88 outline: none;
89 box-shadow: none;
90 }
91 .isimb-6310-header .isimb-6310-nav li.has-dropdown {
92 position: relative;
93 }
94 ul.dropdown-menu {
95 position: absolute;
96 display: none;
97 width: 100%;
98 }
99 .isimb-6310-header .isimb-6310-nav li.has-dropdown:hover {
100 cursor: pointer;
101 }
102 .isimb-6310-header .isimb-6310-nav li.has-dropdown:hover ul.dropdown-menu {
103 display: flex;
104 flex-direction: column;
105 }
106 ul.dropdown-menu li {
107 background-color: #c1e1c1 !important;
108 }
109 ul.dropdown-menu li a {
110 color: #000 !important;
111 }
112 ul.dropdown-menu li a:hover,
113 ul.dropdown-menu li a.isimb-6310-menu-active {
114 background-color: #40826d !important;
115 color: #c1e1c1 !important;
116 }
117 .isimb-6310-nav a.isimb-6310-pro {
118 position: relative;
119 background-image: linear-gradient(
120 to right,
121 #ee0979 0%,
122 #ff6a00 51%,
123 #ee0979 100%
124 );
125 padding: 10px 7px;
126 text-align: center;
127 text-transform: uppercase;
128 font-weight: bold;
129 box-shadow: none;
130 transition: 0.5s, box-shadow 0.5s ease 0.1s;
131 background-size: 200% auto;
132 color: white;
133 display: block;
134 }
135 .isimb-6310-nav a.isimb-6310-pro:hover {
136 background-position: center right;
137 color: #fff;
138 text-decoration: none;
139 box-shadow: 0 0 20px #eee;
140 }
141 .isimb-6310-nav a.isimb-6310-pro i {
142 position: absolute;
143 top: -10px;
144 right: -10px;
145 font-size: 30px;
146 color: gold;
147 transform: scale(0.8);
148 transition-duration: 0.5s;
149 }
150 .isimb-6310-nav a.isimb-6310-pro:hover i {
151 transform: rotate(-180deg) scale(1);
152 color: #ff668c;
153 }
154 .isimb-6310-header h3 {
155 border-bottom: 1px solid #ccc;
156 line-height: 40px;
157 font-size: 20px;
158 }
159 .isimb-6310-header h3 span.dashicons-flag {
160 line-height: 40px;
161 }
162
163 /* End Header Top Menu */
164
165 .isimb-6310-margin-right-10 {
166 margin-right: 10px;
167 }
168 .isimb-6310-image-responsive {
169 padding: 0;
170 margin: 0;
171 width: 100%;
172 height: auto;
173 }
174 .isimb-6310-padding-15 {
175 padding: 15px !important;
176 }
177 .isimb-6310-padding-0-15 {
178 padding: 0 15px !important;
179 }
180 .isimb-6310-btn-cancel,
181 .isimb-6310-btn-danger,
182 .isimb-6310-btn-default,
183 .isimb-6310-btn-icon,
184 .isimb-6310-btn-multi,
185 .isimb-6310-btn-primary,
186 .isimb-6310-btn-success {
187 font-family: sans-serif;
188 color: #fff;
189 border: 0;
190 outline: 0;
191 font-size: 14px;
192 padding: 8px 10px;
193 border-radius: 3px;
194 cursor: pointer;
195 }
196 .isimb-6310-btn-multi {
197 border-radius: 0;
198 background-color: #71ce71;
199 float: left;
200 }
201 .isimb-6310-btn-default {
202 border: 1px solid #ccc;
203 background: #fff;
204 color: #000;
205 padding: 5px 10px;
206 }
207 .isimb-6310-btn-icon {
208 padding: 0;
209 width: 35px;
210 height: 35px;
211 line-height: 35px;
212 }
213 .isimb-6310-btn-primary {
214 background-color: #2e6da4;
215 }
216 .isimb-6310-btn-success {
217 background-color: #5cb85c;
218 }
219 .isimb-6310-btn-danger,
220 .isimb-6310-btn-cancel {
221 background-color: #d9534f;
222 }
223 .isimb-6310-btn-danger.sm {
224 padding: 5px 10px !important;
225 }
226 .isimb-6310-btn-multi.active,
227 .isimb-6310-btn-multi:hover,
228 .isimb-6310-btn-success:hover {
229 background-color: #376e37;
230 }
231 .isimb-6310-btn-primary:hover {
232 background-color: #24537c;
233 }
234 .isimb-6310-btn-danger:hover,
235 .isimb-6310-btn-cancel:hover {
236 background-color: #d63a35;
237 }
238 .isimb-6310-btn-default:hover {
239 background-color: #eee;
240 }
241 .isimb-6310 h1 {
242 font-weight: 400;
243 }
244 .isimb-6310-form-label {
245 font-family: sans-serif;
246 font-size: 14px;
247 font-weight: 600;
248 width: 150px;
249 }
250 .isimb-6310-plus-icons {
251 float: left;
252 position: relative;
253 cursor: pointer;
254 }
255 .isimb-6310-plus-icons i.fas.fa-plus-circle {
256 position: absolute;
257 right: 0;
258 top: 0;
259 background: linear-gradient(to bottom, #356aa0 0%, #1d1744 48%, #356aa0 100%);
260 padding: 8px;
261 color: white;
262 /* border-radius: 0 3px 3px 0; */
263 }
264 .isimb-6310-form-input {
265 outline: 0;
266 border: 1px solid #eee;
267 padding: 5px;
268 border-radius: 3px;
269 min-width: 200px;
270 font-size: 13px !important;
271 font-weight: 400 !important;
272 color: #000 !important;
273 float: left;
274 height: 30px;
275 }
276 textarea.isimb-6310-form-input {
277 height: 100px;
278 width: 90% !important;
279 border: 1px solid #8c8f94;
280 }
281 select.isimb-6310-form-input {
282 height: 31px;
283 }
284 .isimb-6310-form-input.sm {
285 min-width: 180px;
286 }
287 /* .isimb-6310-form-input.lg {
288 min-width: 300px;
289 } */
290 .isimb-6310-pull-right {
291 float: right;
292 }
293 .isimb-6310-table {
294 border: 1px solid #ccc;
295 padding: 0;
296 margin: 0;
297 background: #fff;
298 border-spacing: 0;
299 border-collapse: collapse;
300 color: #272727;
301 width: calc(98% - 2px);
302 }
303 .isimb-6310-table tr:first-child td {
304 border-bottom: 2px solid #ccc;
305 padding: 10px 8px;
306 font-weight: 700;
307 }
308 .isimb-6310-table tr:not(first-child) td {
309 border-bottom: 1px solid #ccc;
310 padding: 8px 5px;
311 }
312 .isimb-6310-table tr:hover {
313 background: #efefed;
314 }
315 .isimb-6310-table tr:first-child:hover {
316 background: #fff;
317 }
318 .isimb-6310-template-list {
319 line-height: 30px;
320 font-size: 18px;
321 padding: 15px 0 10px 15px;
322 float: left;
323 font-weight: 100;
324 color: #000;
325 background: #fff;
326 border-top: 1px solid #ccc;
327 width: 100%;
328 }
329 .isimb-6310-template-list small {
330 font-size: 14px;
331 color: green;
332 margin-right: 15px;
333 }
334 .isimb-6310-builder-box {
335 width: 100%;
336 background: #fff;
337 float: left;
338 padding: 0;
339 position: relative;
340 }
341 .isimb-6310-builder-box .isimb-6310-main-image {
342 width: 100%;
343 height: auto;
344 padding: 0;
345 margin: 0;
346 }
347 .isimb-6310-builder-box img {
348 float: left;
349 }
350 .isimb-6310-row {
351 width: 100%;
352 clear: both;
353 float: left;
354 }
355 .isimb-6310-margin-bottom-0 {
356 margin-bottom: 0 !important;
357 }
358 .isimb-6310_team-style-boxed {
359 border: 1px solid #ccc;
360 margin: 0;
361 padding: 0;
362 box-shadow: 5px 5px 15px #aaa;
363 width: 98%;
364 margin-bottom: 25px;
365 }
366 .isimb-6310-row-section {
367 float: left;
368 width: 100%;
369 display: flex;
370 }
371 .isimb-6310-preview {
372 font-size: 22px;
373 line-height: 26px;
374 padding: 10px 0px;
375 }
376 .isimb-6310-plugin-setting-left {
377 width: calc(80% - 15px);
378 float: left;
379 margin-right: 15px;
380 }
381 .isimb-6310-plugin-setting-right {
382 width: 20%;
383 float: left;
384 position: relative;
385 }
386 .isimb-6310-col-1 {
387 width: 100%;
388 margin-bottom: 30px;
389 float: left;
390 position: relative;
391 }
392 .isimb-6310-col-2,
393 .isimb-6310-col-3,
394 .isimb-6310-col-4,
395 .isimb-6310-col-5,
396 .isimb-6310-col-6 {
397 vertical-align: top;
398 margin: 15px;
399 float: left;
400 position: relative;
401 }
402 .isimb_6310_choosen_style {
403 margin-left: 30px;
404 display: inline-block;
405 }
406 .isimb-6310-m-l-30 {
407 margin-left: 30px;
408 }
409 .isimb-6310-preview-box {
410 margin-top: 30px;
411 float: left;
412 position: relative;
413 width: 100%;
414 background: #fff;
415 }
416 .isimb-6310-col-2 {
417 width: calc(50% - 30px);
418 }
419 .isimb-6310-col-3 {
420 width: calc(33.33% - 30px);
421 }
422 .isimb-6310-col-4 {
423 width: calc(25% - 30px);
424 }
425 .isimb-6310-col-5 {
426 width: calc(20% - 30px);
427 }
428 .isimb-6310-col-6 {
429 width: calc(16.6667% - 30px);
430 }
431 .isimb-6310-col-left,
432 .isimb-6310-col-right {
433 float: left;
434 width: 50%;
435 }
436 .isimb-6310-modal-xl {
437 width: 90% !important;
438 background: rgb(240, 240, 240) !important;
439 }
440 .isimb-6310-modal {
441 display: none;
442 position: fixed;
443 z-index: 999;
444 left: 0;
445 top: 0;
446 width: 100%;
447 height: 100%;
448 overflow: auto;
449 background-color: rgba(0, 0, 0, 0.4);
450 }
451 #isimb-6310-loading,
452 .isimb-6310-modal {
453 display: none;
454 position: fixed;
455 z-index: 9999;
456 padding-top: 50px;
457 padding-bottom: 50px;
458 left: 0;
459 top: 0;
460 width: 100%;
461 height: 100%;
462 overflow: auto;
463 background-color: rgba(0, 0, 0, 0.4);
464 }
465 .isimb-6310-modal-content {
466 position: relative;
467 background-color: #fefefe;
468 margin: auto;
469 padding: 0;
470 border: 1px solid #888;
471 width: 70%;
472 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
473 border-radius: 5px;
474 -webkit-animation-duration: 0.4s;
475 animation-duration: 0.4s;
476 }
477 .isimb-6310-modal-lg {
478 width: calc(100% - 20px) !important;
479 }
480 .isimb-6310-modal-content.isimb-6310-modal-sm {
481 max-width: 400px;
482 }
483 .isimb-6310-modal-content.isimb-6310-modal-md {
484 max-width: 700px;
485 }
486 .isimb-6310-icon-close {
487 cursor: pointer;
488 color: #000;
489 float: right;
490 font-size: 18px;
491 font-weight: bold;
492 line-height: 0px;
493 padding: 0;
494 margin: 0;
495 position: relative;
496 z-index: 999;
497 top: 25px;
498 }
499 ul.isimb-6310-choose-icon {
500 padding: 0 10px;
501 color: #444;
502 }
503 ul.isimb-6310-choose-icon li {
504 width: 15.3%;
505 float: left;
506 line-height: 30px;
507 height: 30px;
508 cursor: pointer;
509 padding: 0 0.5%;
510 border-radius: 3px;
511 font-size: 12px;
512 }
513 ul.isimb-6310-choose-icon li i {
514 margin-left: 6px;
515 font-size: 16px;
516 }
517 ul.isimb-6310-choose-icon li:hover {
518 background: #5cb85c;
519 color: #fff;
520 }
521 @-webkit-keyframes isimb-6310-animatetop {
522 from {
523 top: -300px;
524 opacity: 0;
525 }
526 to {
527 top: 0;
528 opacity: 1;
529 }
530 }
531 @keyframes isimb-6310-animatetop {
532 from {
533 top: -300px;
534 opacity: 0;
535 }
536 to {
537 top: 0;
538 opacity: 1;
539 }
540 }
541 @keyframes isimb-6310-animatebottom {
542 from {
543 bottom: -300px;
544 opacity: 0;
545 }
546 to {
547 bottom: 0;
548 opacity: 1;
549 }
550 }
551 @-webkit-keyframes isimb-6310-animatebottom {
552 from {
553 bottom: -300px;
554 opacity: 0;
555 }
556 to {
557 bottom: 0;
558 opacity: 1;
559 }
560 }
561 @keyframes isimb-6310-animateleft {
562 from {
563 left: -300px;
564 opacity: 0;
565 }
566 to {
567 left: 0;
568 opacity: 1;
569 }
570 }
571 @-webkit-keyframes isimb-6310-animateleft {
572 from {
573 left: -300px;
574 opacity: 0;
575 }
576 to {
577 left: 0;
578 opacity: 1;
579 }
580 }
581 @keyframes isimb-6310-animateright {
582 from {
583 right: -300px;
584 opacity: 0;
585 }
586 to {
587 right: 0;
588 opacity: 1;
589 }
590 }
591 @-webkit-keyframes isimb-6310-animateright {
592 from {
593 right: -300px;
594 opacity: 0;
595 }
596 to {
597 right: 0;
598 opacity: 1;
599 }
600 }
601
602 label.switch {
603 position: relative;
604 display: inline-block;
605 width: 50px;
606 height: 26px;
607 }
608 label.switch input {
609 opacity: 0;
610 width: 0;
611 height: 0;
612 }
613 label.switch .slider {
614 position: absolute;
615 cursor: pointer;
616 top: 0;
617 left: 0;
618 right: 0;
619 bottom: 0;
620 background-color: #ccc;
621 -webkit-transition: 0.4s;
622 transition: 0.4s;
623 }
624 label.switch .slider:before {
625 position: absolute;
626 content: "";
627 height: 18px;
628 width: 18px;
629 left: 4px;
630 bottom: 4px;
631 background-color: white;
632 -webkit-transition: 0.4s;
633 transition: 0.4s;
634 }
635 label.switch input:checked + .slider {
636 background-color: #2196f3;
637 }
638 label.switch input:focus + .slider {
639 box-shadow: 0 0 1px #2196f3;
640 }
641 label.switch input:checked + .slider:before {
642 -webkit-transform: translateX(24px);
643 -ms-transform: translateX(24px);
644 transform: translateX(24px);
645 }
646 /* Rounded sliders */
647 label.switch .slider.round {
648 border-radius: 34px;
649 }
650 label.switch .slider.round:before {
651 border-radius: 50%;
652 }
653
654 .isimb-6310-close,
655 .isimb-6310-font-awesome-close {
656 color: rgb(232, 216, 216);
657 float: right;
658 font-size: 18px;
659 font-weight: 700;
660 line-height: 18px;
661 padding: 0;
662 margin: 0;
663 }
664 .isimb-6310-close:hover,
665 .isimb-6310-font-awesome-close:hover,
666 .isimb-6310-close:focus,
667 .isimb-6310-font-awesome-close:focus {
668 color: #ffffff;
669 text-decoration: none;
670 cursor: pointer;
671 }
672 .isimb-6310-modal-header {
673 box-sizing: border-box;
674 width: 100%;
675 font-size: 16px;
676 padding: 18px;
677 float: left;
678 color: #ffffff;
679 letter-spacing: 0.009em;
680 background: #007991;
681 }
682 .isimb-6310-modal-form-footer {
683 width: 100%;
684 padding: 10px 15px;
685 border-top: 1px solid #ccc;
686 float: left;
687 background: #fff;
688 }
689 .isimb-6310-modal-form-footer button,
690 .isimb-6310-modal-form-footer input {
691 float: right;
692 }
693 .isimb-6310-modal-form-footer input {
694 margin-right: 10px;
695 }
696 .isimb-6310-modal-body-form {
697 width: 100%;
698 padding: 0px 5px;
699 float: left;
700 background: #ebebeb;
701 color: #360d50;
702 }
703 .isimb-6310-modal-body-picture {
704 float: left;
705 width: 300px;
706 padding-right: 15px;
707 }
708 .isimb-6310-modal-body-content {
709 width: calc(100% - 330px);
710 float: left;
711 }
712 .isimb-6310-modal-body-picture img {
713 width: calc(100% - 12px);
714 height: auto;
715 border: 1px solid #ccc;
716 padding: 5px;
717 }
718 #isimb-6310-modal-designation {
719 font-size: 14px;
720 text-transform: uppercase;
721 font-weight: 300;
722 }
723 #isimb-6310-modal-name {
724 text-transform: capitalize;
725 font-size: 30px;
726 line-height: 30px;
727 margin: 5px 0 25px;
728 font-weight: 300;
729 color: #111;
730 }
731 #isimb-6310-modal-details {
732 font-size: 14px;
733 line-height: 20px;
734 }
735 #isimb-6310-modal-info p {
736 border-bottom: 1px dotted #ccc;
737 line-height: 35px;
738 padding: 0;
739 margin: 0;
740 float: left;
741 display: block;
742 width: 100%;
743 font-size: 13px;
744 color: #434343;
745 }
746 #isimb-6310-modal-info p span {
747 font-weight: 600;
748 }
749 #isimb-6310-modal-info p:last-of-type {
750 border: none;
751 margin-bottom: 15px;
752 }
753 #isimb-6310-modal-social i {
754 color: #272727;
755 width: 40px;
756 height: 40px;
757 line-height: 40px;
758 float: left;
759 margin: 15px 15px 0 0;
760 font-size: 18px;
761 border: 1px solid #272727;
762 text-align: center;
763 cursor: pointer;
764 -webkit-transition: all 0.5s ease 0s;
765 -moz-transition: all 0.5s ease 0s;
766 -ms-transition: all 0.5s ease 0s;
767 -o-transition: all 0.5s ease 0s;
768 transition: all 0.5s ease 0s;
769 }
770 #isimb-6310-modal-social i:hover {
771 color: #fff;
772 background: #727272;
773 }
774 .isimb-6310-modal-footer {
775 padding: 2px 16px;
776 color: #fff;
777 }
778 br.isimb-6310-clear {
779 clear: both;
780 }
781 #isimb-6310-loading {
782 padding-top: 170px;
783 text-align: center;
784 background-color: rgba(0, 0, 0, 0.7);
785 }
786 #isimb-6310-loading img {
787 border-radius: 50%;
788 width: 200px;
789 height: 200px;
790 }
791 ul.isimb-6310-nav-tab {
792 float: left;
793 width: 100%;
794 height: 40px;
795 padding: 0;
796 margin: 15px 0 0;
797 border-bottom: 1px solid #0073aa;
798 }
799 ul.isimb-6310-nav-tab li {
800 float: left;
801 padding: 0 9px;
802 margin: 0 3px 0 0;
803 list-style: none;
804 border: 1px solid #0073aa;
805 border-bottom: 0;
806 border-radius: 4px 4px 0 0;
807 cursor: pointer;
808 font-size: 13px;
809 line-height: 40px;
810 height: 40px;
811 }
812 ul.isimb-6310-nav-tab li.active {
813 border-bottom: 0;
814 background: #fff;
815 color: #0073aa;
816 }
817 ul.isimb-6310-nav-tab li:hover {
818 color: #0073aa;
819 }
820 .isimb-6310-col-50 {
821 width: 50%;
822 float: left;
823 padding: 10px 1%;
824 }
825 .isimb-6310-tab-content {
826 background: #fff;
827 float: left;
828 width: 100%;
829 }
830 .css-area {
831 border: 1px solid #ccc;
832 margin-right: 15px;
833 }
834 .isimb_6310_image_settings {
835 position: absolute;
836 top: 5px;
837 right: 5px;
838 z-index: 999;
839 visibility: hidden;
840 }
841 .isimb-6310-col-1:hover .isimb_6310_image_settings,
842 .isimb-6310-col-3:hover .isimb_6310_image_settings,
843 .isimb-6310-col-4:hover .isimb_6310_image_settings,
844 .isimb-6310-col-5:hover .isimb_6310_image_settings,
845 .isimb-6310-col-6:hover .isimb_6310_image_settings,
846 .isimb-6310-item:hover .isimb_6310_image_settings {
847 visibility: visible;
848 transition: all 0.9s linear;
849 z-index: 999999999;
850 margin-bottom: 15px;
851 }
852 .isimb_6310_add_media {
853 border: 1px solid #ccc;
854 background: #fff;
855 }
856 .isimb_6310_add_media:first-of-type {
857 margin-top: 30px;
858 }
859 .isimb_6310_add_media h6 {
860 border-bottom: 1px solid #ccc;
861 line-height: 25px;
862 font-weight: 500;
863 padding: 7px 15px;
864 margin: 0;
865 font-size: 15px;
866 }
867 .isimb_6310_add_media_body {
868 padding: 15px;
869 text-align: center;
870 cursor: pointer;
871 font-size: 16px;
872 color: #727272;
873 transition: all 0.2s linear;
874 }
875 .isimb_6310_add_media_body a {
876 text-decoration: none;
877 }
878 .isimb_6310_add_media_body a i {
879 margin-bottom: 10px;
880 color: red;
881 }
882 .isimb_6310_add_media_body:hover a,
883 .isimb_6310_add_media_body:hover a i {
884 color: #fff;
885 }
886 .isimb_6310_add_media_body_shortcode {
887 padding: 15px 15px 25px;
888 text-align: center;
889 }
890 .isimb_6310_add_media_body_shortcode input {
891 width: 100%;
892 font-size: 12px;
893 outline: 0;
894 padding: 5px;
895 }
896 .isimb_6310_add_media_body_suggestion {
897 padding: 15px 15px 25px;
898 color: red;
899 }
900 i.isimb_6310_add_media_add_new_icon {
901 font-size: 40px;
902 display: block;
903 margin-bottom: 15px;
904 }
905 .isimb_6310_add_media_body:hover {
906 background: #999;
907 color: #fff;
908 }
909 .isimb-6310-item-table {
910 border: 1px solid #ccc;
911 padding: 0;
912 margin: 0;
913 background: #fff;
914 border-spacing: 0;
915 border-collapse: collapse;
916 color: #272727;
917 width: calc(98% - 2px);
918 }
919 .isimb-6310-row-select {
920 cursor: pointer;
921 }
922 .isimb-6310-item-table tr th {
923 padding: 15px 0;
924 border-top: 1px solid #ccc;
925 font-size: 14px;
926 font-weight: 400;
927 }
928 .isimb-6310-item-table tr td {
929 padding: 3px 0;
930 }
931 .isimb-6310-item-table tr td:first-child {
932 border-left: 1px solid #ccc;
933 padding-left: 10px;
934 padding-right: 10px;
935 }
936 .isimb-6310-item-table tr td {
937 border-top: 1px solid #ccc;
938 }
939 .isimb-6310-item-table tr td:last-child {
940 border-right: 1px solid #ccc;
941 text-align: center !important;
942 }
943 .isimb-6310-item-table tr:last-child td {
944 border-bottom: 1px solid #ccc;
945 }
946 .isimb-6310-item-table tr:hover td {
947 background: #eee;
948 }
949
950 .isimb-6310-pro {
951 color: red;
952 font-weight: 600;
953 font-size: 14px;
954 display: inline;
955 }
956 h3.isimb-6310-pro {
957 color: red;
958 font-weight: 600;
959 font-size: 18px;
960 text-align: center;
961 width: 100%;
962 display: block;
963 margin-top: 0;
964 }
965
966 h3.isimb-6310-tab-menu-settings {
967 text-align: center;
968 padding: 0;
969 margin: 3px 0 0;
970 line-height: 40px;
971 height: 40px;
972 color: #0073aa;
973 font-size: 16px;
974 border-bottom: 1px solid #ccc;
975 }
976
977 br.isimb-6310-break-row {
978 width: 100%;
979 height: 1px;
980 float: left;
981 clear: both;
982 }
983
984 .isimb-6310-owl-stage {
985 display: -webkit-flex;
986 display: -ms-flexbox;
987 display: flex;
988 -webkit-flex-wrap: wrap;
989 -ms-flex-wrap: wrap;
990 flex-wrap: wrap;
991 }
992 .isimb-6310-owl-item {
993 display: -webkit-flex;
994 display: -ms-flexbox;
995 display: flex;
996 height: auto !important;
997 }
998 p.isimb-6310-success-message {
999 color: green;
1000 font-size: 120%;
1001 margin: 0 0 10px;
1002 font-weight: 700;
1003 }
1004
1005 .isimb-6310-sortable,
1006 #isimb-6310-sortable {
1007 float: left;
1008 width: 100%;
1009 margin: 0 0 30px;
1010 }
1011 .isimb_6310_admin_table {
1012 width: 100%;
1013 padding: 0;
1014 margin: 0;
1015 border-collapse: collapse;
1016 }
1017 .isimb_6310_admin_table tr {
1018 height: 50px;
1019 width: 100%;
1020 }
1021 .isimb_6310_admin_table tr td:first-child {
1022 width: 35%;
1023 padding-left: 10px;
1024 }
1025 .isimb_6310_admin_table tr td:last-child {
1026 padding-right: 10px;
1027 }
1028 .isimb_6310_admin_table tr:nth-child(odd) {
1029 background-color: #f2f2f2;
1030 }
1031
1032 .isimb-6310-tooltip:hover:after {
1033 display: -webkit-flex;
1034 display: flex;
1035 -webkit-justify-content: center;
1036 justify-content: center;
1037 background: rgba(0, 119, 181, 1);
1038 border-radius: 5px;
1039 color: #fff;
1040 content: attr(tooltip-href);
1041 margin: -85px 5px 0;
1042 font-size: 14px;
1043 line-height: 25px;
1044 padding: 8px 10px;
1045 position: absolute;
1046 z-index: 999;
1047 min-width: 140px;
1048 }
1049 .isimb-6310-slider,
1050 .isimb-6310-noslider {
1051 display: none;
1052 }
1053 .isimb-6310-hover-icon,
1054 .isimb-6310-hover-image {
1055 display: none !important;
1056 }
1057 .isimb-6310-owl-carousel .isimb-6310-item {
1058 padding: 5px 0;
1059 width: 100%;
1060 display: flex;
1061 }
1062 .isimb-6310-template-preview-list {
1063 line-height: 30px;
1064 font-size: 18px;
1065 padding: 15px 0 10px 15px;
1066 float: left;
1067 font-weight: 100;
1068 color: #000;
1069 background: #fff;
1070 border-top: 1px solid #ccc;
1071 width: 100%;
1072 }
1073 .isimb-6310-template-preview-list small {
1074 font-size: 14px;
1075 color: green;
1076 margin-right: 15px;
1077 }
1078 .isimb-6310-row-select {
1079 height: 40px;
1080 line-height: 40px;
1081 }
1082 #isimb-6310-sortable-items li {
1083 height: 35px;
1084 padding: 0 10px;
1085 border-radius: 5px;
1086 cursor: move;
1087 }
1088 .isimb-6310-first {
1089 float: left;
1090 margin-right: 5px;
1091 margin-left: 5px;
1092 height: 33px;
1093 line-height: 33px;
1094 padding-top: 0 !important;
1095 padding-bottom: 0 !important;
1096 }
1097 .isimb-6310-first i {
1098 color: #fff;
1099 }
1100 .isimb-6310-second {
1101 float: left;
1102 margin-right: 5px;
1103 }
1104 .isimb-6310-third {
1105 float: left;
1106 }
1107 .isimb-6310-6330-shortcode {
1108 width: 250px;
1109 }
1110 .isimb-6310-display-none {
1111 display: none;
1112 }
1113
1114 .isimb-6310-ui-state-default {
1115 padding: 8px 10px !important;
1116 cursor: pointer !important;
1117 border-radius: 3px !important;
1118 }
1119
1120 #isimb-6310-sortable li {
1121 color: black !important;
1122 background: transparent !important;
1123 border: 1px solid #4e994e;
1124 }
1125
1126 .isimb-6310-ui-state-default {
1127 padding: 8px 5px !important;
1128 cursor: pointer !important;
1129 border-radius: 3px !important;
1130 }
1131
1132 .isimb-6310-row {
1133 margin: 15px 10px;
1134 margin-left: 0;
1135 }
1136 .isimb-6310-video {
1137 margin: 0px 0 2px;
1138 background: #16a085;
1139 color: #fff;
1140 line-height: 40px;
1141 font-size: 16px;
1142 padding-left: 15px;
1143 font-family: sans-serif;
1144 border-radius: 2px 2px 0 0;
1145 }
1146 .isimb-6310-width-80 {
1147 width: 80px;
1148 }
1149 .isimb-6310-width-100 {
1150 width: 100px;
1151 }
1152 .isimb-6310-width-125 {
1153 width: 125px;
1154 }
1155 .isimb-6310-width-150 {
1156 width: 200px;
1157 }
1158 .isimb-6310-width-200 {
1159 width: 200px;
1160 }
1161 .isimb-6310-font-size-20 {
1162 font-size: 20px;
1163 }
1164 .isimb-6310-max-width-30 {
1165 max-width: 30px;
1166 }
1167 .isimb-6310-action-button {
1168 float: left;
1169 margin-right: 5px;
1170 height: 30px;
1171 display: flex;
1172 align-items: center;
1173 }
1174 .isimb-6310-no-margin {
1175 margin: none !important;
1176 }
1177 li.toplevel_page_isimb-6310-image-map-builder .wp-menu-image:before {
1178 color: #f00 !important;
1179 }
1180 .isimb-6310-no-live-preview {
1181 color: #f00 !important;
1182 }
1183 #export-image-map-builder-plugin {
1184 display: none;
1185 }
1186
1187 .isimb-image-responsive {
1188 padding: 0;
1189 margin: 0;
1190 width: 100%;
1191 height: auto;
1192 }
1193
1194 .isimb-6310-row .isimb-6310-row-plugins {
1195 width: calc(100% + 10px) !important;
1196 padding: 0 !important;
1197 margin-left: -15px !important;
1198 display: flex !important;
1199 flex-wrap: wrap !important;
1200 }
1201
1202 p.isimb-6310-error-message {
1203 color: red;
1204 font-size: 120%;
1205 margin: 0 0 10px;
1206 font-weight: bold;
1207 }
1208
1209 .isimb-6310-item-box {
1210 float: left;
1211 width: calc(33.33% - 30px);
1212 margin: 15px;
1213 padding: 10px;
1214 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
1215 border-radius: 5px;
1216 position: relative;
1217 }
1218
1219 .isimb-6310-item-box-fields {
1220 margin-bottom: 10px;
1221 }
1222 .isimb-6310-item-box-fields label {
1223 font-weight: bold;
1224 }
1225 .isimb-6310-item-box-fields input[type="text"] {
1226 width: 100%;
1227 }
1228 .isimb-6310-item-box-fields input[readonly] {
1229 background-color: #fff;
1230 border: 0;
1231 color: #f6931f;
1232 font-weight: bold;
1233 width: 50px;
1234 padding: 0;
1235 }
1236 .isimb-6310-item-box-fields input[type="number"]:focus {
1237 outline: none;
1238 border-color: #fff;
1239 box-shadow: 0 0 0 1px #fff;
1240 }
1241 .isimb-6310-slider-range-min {
1242 height: 20px !important;
1243 margin-top: 5px !important;
1244 }
1245 .isimb-6310-slider-range-min .ui-slider-handle {
1246 height: 24px !important;
1247 top: -3px !important;
1248 }
1249 .isimb-6310-item-box .fa-trash-alt {
1250 position: relative;
1251 float: right;
1252 height: 22px;
1253 text-align: right;
1254 width: 100%;
1255 font-size: 14px;
1256 color: #d9534f;
1257 cursor: pointer;
1258 }
1259 .isimb-6310-item-box .fa-trash-alt:hover {
1260 color: red;
1261 }
1262 .isimb-6310-manage-items {
1263 float: left;
1264 width: 100%;
1265 margin-left: 8px;
1266 }
1267 .isimb-6310-manage-items-add,
1268 .isimb-6310-manage-items-existing {
1269 float: left;
1270 width: auto;
1271 margin: 15px 7px;
1272 padding: 7px 10px;
1273 background: #2e6da4;
1274 color: #fff;
1275 cursor: pointer;
1276 border-radius: 3px;
1277 }
1278 .isimb-6310-manage-items-existing-add {
1279 float: left;
1280 margin: 15px;
1281 display: none;
1282 }
1283 .existing-items-list {
1284 float: left;
1285 }
1286 .isimb-6310-manage-items-add:hover,
1287 .isimb-6310-manage-items-existing:hover {
1288 background: #24537c;
1289 }
1290
1291 .isimb-6310-manage-items-existing-add .isimb-6310-btn-primary,
1292 .isimb-6310-manage-items-existing-add .isimb-6310-btn-cancel {
1293 padding: 6px 13px !important;
1294 margin-left: 10px;
1295 }
1296 .isimb-6310-manage-items-existing-add label {
1297 line-height: 30px;
1298 font-weight: bold;
1299 margin-right: 5px;
1300 }
1301 .isimb-6310-manage-items-existing-add label,
1302 .isimb-6310-manage-items-existing-add div,
1303 .isimb-6310-manage-items-existing-add select {
1304 float: left !important;
1305 }
1306 .isimb-6310-hide {
1307 display: none;
1308 }
1309 .isimb-6310-drag .isimb-6310-pin-main-img,
1310 .isimb-6310-drag .isimb-6310-pin-hover-img {
1311 font-size: 30px;
1312 color: red;
1313 position: relative;
1314 }
1315 .isimb-6310-point-editor {
1316 display: flex;
1317 width: 80px;
1318 height: 25px;
1319 justify-content: center;
1320 align-items: center;
1321 border-radius: 5px;
1322 top: -30px;
1323 background: #353744;
1324 position: absolute;
1325 transform: translateX(-50%);
1326 left: 50%;
1327 visibility: hidden;
1328 transition: 0.4s all;
1329 }
1330 .isimb-6310-drag:hover .isimb-6310-point-editor {
1331 visibility: visible;
1332 }
1333 .isimb-6310-point-editor:after {
1334 content: "";
1335 position: absolute;
1336 border-left: 5px solid transparent;
1337 border-right: 5px solid transparent;
1338 border-top: 5px solid #353744;
1339 bottom: -5px;
1340 }
1341
1342 .isimb-6310-point-edit:hover {
1343 background: #4a4c59;
1344 }
1345 .isimb-6310-point-remove:hover {
1346 background: #4a4c59;
1347 }
1348 .isimb-6310-point-editor i {
1349 font-size: 12px;
1350 margin: 8px;
1351 color: #fff;
1352 }
1353 .isimb-6310-point-edit {
1354 border-right: 1px solid gray;
1355 width: 50px;
1356 height: 25px;
1357 text-align: center;
1358 border-top-left-radius: 8px;
1359 border-bottom-left-radius: 8px;
1360 display: flex;
1361 justify-content: center;
1362 align-items: center;
1363 }
1364 .isimb-6310-point-remove {
1365 width: 50px;
1366 height: 25px;
1367 text-align: center;
1368 border-top-right-radius: 8px;
1369 border-bottom-right-radius: 8px;
1370 display: flex;
1371 justify-content: center;
1372 align-items: center;
1373 }
1374 .isimb-6310-template-02-hover-content {
1375 position: absolute;
1376 z-index: 1;
1377 }
1378 .isimb-6310-drag {
1379 text-align: center;
1380 }
1381
1382 .isimb-6310-pin-main-img:hover ~ .isimb-6310-point-editor,
1383 .isimb-6310-pin-hover-img:hover ~ .isimb-6310-point-editor {
1384 visibility: visible;
1385 background: #00a546;
1386 }
1387 .isimb-6310-point-icons {
1388 float: left;
1389 }
1390 .isimb-6310-pin-hover-img {
1391 display: none !important;
1392 }
1393
1394 .isimb-6310-drag:hover .isimb-6310-pin-hover-img {
1395 display: inline-block !important;
1396 }
1397 .isimb-6310-drag:hover .isimb-6310-pin-main-img {
1398 display: none !important;
1399 }
1400 .isimb-6310-drag {
1401 width: auto;
1402 height: auto;
1403 display: inline-block !important;
1404 position: absolute;
1405 bottom: 0;
1406 left: 0;
1407 cursor: pointer;
1408 background: transparent !important;
1409 border: none !important;
1410 }
1411 button.isimb-6310-add-new-button {
1412 margin-bottom: 5px;
1413 }
1414 button.isimb-6310-add-new-button a {
1415 text-decoration: none;
1416 color: #fff;
1417 font-weight: 400;
1418 }
1419 button.isimb-6310-add-new-button a:focus,
1420 a:active,
1421 a:hover {
1422 outline: none !important;
1423 box-shadow: none !important;
1424 }
1425 .isimb-6310-tooltip_img_section {
1426 float: left;
1427 width: 100%;
1428 cursor: pointer;
1429 }
1430 .isimb-6310-tooltip-img {
1431 float: left;
1432 width: calc(20% - 12px);
1433 margin-right: 15px;
1434 }
1435
1436 .isimb-6310-tooltip_img_section .isimb-6310-tooltip-img:nth-child(5n) {
1437 margin-right: 0;
1438 }
1439
1440 .isimb-6310-tooltip-img img {
1441 width: 100%;
1442 height: auto;
1443 }
1444
1445 .isimb-6310-active img {
1446 box-shadow: 0 0 7px red;
1447 }
1448 .isimb_6310_custom_link_url {
1449 padding: 0 8px;
1450 line-height: 2;
1451 min-height: 30px;
1452 }
1453 #isimb_6310_social_icon {
1454 z-index: 9999999;
1455 }
1456
1457 /* Tab Switcher */
1458 .toggle-wrap {
1459 background: rgb(195 195 195 / 14%);
1460 min-height: 400px;
1461 float: left;
1462 width: 100%;
1463 }
1464
1465 ul.toggle-tabs {
1466 float: left;
1467 width: 100%;
1468 border-bottom: 1px solid #d3d3d3;
1469 margin: 0;
1470 }
1471
1472 .toggle-tabs li {
1473 background: linear-gradient(
1474 90deg,
1475 rgba(2, 0, 36, 1) 0%,
1476 rgba(9, 107, 121, 0.908000700280112) 100%,
1477 rgba(0, 212, 255, 1) 100%
1478 );
1479 color: #fff;
1480 float: left;
1481 margin: 5px;
1482 padding: 10px 30px;
1483 list-style: none;
1484 cursor: pointer;
1485 }
1486
1487 .toggle-tabs li.active-tab {
1488 background: rgb(0, 212, 255);
1489 background: linear-gradient(
1490 351deg,
1491 rgb(2, 33, 136) 0%,
1492 rgba(9, 1, 169, 0.547) 100%
1493 );
1494 }
1495
1496 .tabbed-content-wrap {
1497 float: left;
1498 width: 100%;
1499 }
1500
1501 .content-box {
1502 display: none;
1503 }
1504
1505 .content-box.active-content-box {
1506 display: flex;
1507 align-items: center;
1508 }
1509 input[type="radio"] {
1510 margin: 8px !important;
1511 }
1512
1513 /* ********* */
1514
1515 .content-box.active-content-box input[type="text"],
1516 input[type="number"] {
1517 width: 30% !important;
1518 }
1519 input[type="date"],
1520 input[type="datetime-local"],
1521 input[type="datetime"],
1522 input[type="email"],
1523 input[type="month"],
1524 input[type="number"],
1525 input[type="password"],
1526 input[type="search"],
1527 input[type="tel"],
1528 input[type="text"],
1529 input[type="time"],
1530 input[type="url"],
1531 input[type="week"] {
1532 width: 30%;
1533 }
1534
1535 .isimb-6310-minus-icons i {
1536 right: 0;
1537 top: 0;
1538 background: linear-gradient(to bottom, #ff0000 0%, #910000 48%, #ff0303 100%);
1539 padding: 8px;
1540 color: white;
1541 border-radius: 0 3px 3px 0;
1542 cursor: pointer;
1543 }
1544 .shortcode {
1545 float: right;
1546 width: 32%;
1547 font-size: 16px;
1548 color: red;
1549 font-weight: 600;
1550 }
1551 .shortcode input[type="text"] {
1552 width: 60%;
1553 font-weight: 200;
1554 }
1555 .isimb-6310-undo {
1556 display: inline-block;
1557 float: left;
1558 font-size: 12px;
1559 background: #0e7181;
1560 padding: 6px 12px;
1561 text-align: center;
1562 align-items: center;
1563 color: white;
1564 margin-right: 5px;
1565 cursor: pointer;
1566 border-radius: 3px;
1567 }
1568 .isimb-6310-clear {
1569 display: inline-block;
1570 font-size: 12px;
1571 padding: 6px 12px;
1572 text-align: center;
1573 background: #813906;
1574 color: white;
1575 cursor: pointer;
1576 border-radius: 3px;
1577 }
1578 .isimb-6310-submenu {
1579 float: right;
1580 padding: 5px;
1581 display: flex;
1582 flex-direction: row-reverse;
1583 }
1584 button.isimb-6310-remove {
1585 float: right;
1586 font-size: 12px;
1587 color: white;
1588 padding: 8px 11px;
1589 margin-top: 6px;
1590 border-radius: 3px;
1591 background: #540000;
1592 border: none;
1593 cursor: pointer;
1594 }
1595 button.isimb-6310-remove,
1596 i.fas.fa-trash {
1597 margin-right: 3px;
1598 }
1599 input.isimb_6310_modal_content,
1600 input.isimb_6310_link_text {
1601 width: 46%;
1602 }
1603 .isimb-form-input-lg {
1604 width: 100% !important;
1605 }
1606 .toggle-zoom-feature img {
1607 margin-right: 15px;
1608 }
1609 .isimb-6310-pro {
1610 color: #cc0000;
1611 font-weight: 600;
1612 font-size: 11px;
1613 position: relative;
1614 cursor: pointer;
1615 }
1616 .isimb-6310-pro .isimb-6310-pro-text {
1617 visibility: hidden;
1618 width: 260px;
1619 background-color: #2196f3;
1620 color: #fff;
1621 text-align: center;
1622 padding: 10px;
1623 border-radius: 4px;
1624 font-weight: 300;
1625 position: absolute;
1626 z-index: 9999;
1627 bottom: calc(100% + 8px);
1628 left: 50%;
1629 margin-left: -137px;
1630 line-height: 17px;
1631 font-size: 13px;
1632 }
1633 .isimb-6310-pro .isimb-6310-pro-text::after {
1634 content: " ";
1635 position: absolute;
1636 top: 100%;
1637 left: calc(50% + 10px);
1638 margin-left: -8px;
1639 border-width: 5px;
1640 border-style: solid;
1641 border-color: #2196f3 transparent transparent transparent;
1642 }
1643 .isimb-6310-pro:hover .isimb-6310-pro-text {
1644 visibility: visible;
1645 }
1646