PluginProbe ʕ •ᴥ•ʔ
Widget Options – Advanced Conditional Visibility for Gutenberg Blocks & Classic Widgets / 4.2.3
Widget Options – Advanced Conditional Visibility for Gutenberg Blocks & Classic Widgets v4.2.3
4.2.5 4.2.4 trunk 3.7.10 3.7.11 3.7.12 3.7.13 3.7.14 3.7.2 3.7.5 3.7.6 3.7.7 3.7.8 3.7.9 3.8 3.8.1 3.8.10 3.8.2 3.8.3 3.8.4 3.8.5 3.8.6 3.8.7 3.8.8 3.8.9 3.8.9.1 3.9.0 3.9.1 3.9.2 3.9.3 3.9.4 3.9.5 3.9.6 4.0.0 4.0.1 4.0.2 4.0.3 4.0.4 4.0.5 4.0.5.1 4.0.6 4.0.6.1 4.0.7 4.0.8 4.0.9 4.1.0 4.1.1 4.1.2 4.1.3 4.2.0 4.2.1 4.2.2 4.2.3
widget-options / assets / css / admin.css
widget-options / assets / css Last commit date
jqueryui 2 months ago admin.css 2 months ago animate.min.css 2 months ago beaver-widgetopts.css 2 months ago bootstrap-multiselect.min.css 2 months ago select2.min.css 2 months ago welcome.css 2 months ago widget-options.css 2 months ago
admin.css
1378 lines
1 .extended-widget-opts-form {
2 margin-left: -15px;
3 margin-right: -15px;
4 clear: both;
5 }
6 .widgetopts-subtitle {
7 display: block;
8 text-align: center;
9 font-weight: bold;
10 border-top: 1px solid #ddd;
11 border-bottom: 1px solid #ddd;
12 background: #fafafa;
13 padding: 10px 0px;
14 margin: 5px 0px 10px;
15 }
16 .opts-label-small {
17 font-size: 13px;
18 }
19 .widget-opts-animation label {
20 font-weight: bold;
21 }
22 .so-content.panel-dialog .extended-widget-opts-form {
23 /*display: none;*/
24 }
25 .extended-widget-opts-form .alright {
26 text-align: right;
27 }
28 .extended-widget-opts-form.extended-widget-opts-form-large
29 .ui-tabs-nav
30 .dashicons {
31 display: none;
32 }
33 .extended-widget-opts-form.extended-widget-opts-form-small
34 .ui-tabs-nav
35 .dashicons {
36 display: inline-block;
37 }
38 .extended-widget-opts-form.extended-widget-opts-form-small .tabtitle {
39 display: none;
40 }
41 .extended-widget-opts-tabs.ui-widget,
42 .extended-widget-opts-inside-tabs.ui-widget {
43 border: 0px !important;
44 background: transparent !important;
45 border-radius: 0px !important;
46 font-family: "Open Sans", sans-serif;
47 }
48 .extended-widget-opts-tabs .ui-tabs-nav {
49 border: 0px !important;
50 border-bottom: 1px solid #e5e5e5 !important;
51 background: transparent !important;
52 border-radius: 0px !important;
53 padding: 0px !important;
54 }
55 .extended-widget-opts-tabs .ui-tabs-nav li {
56 float: left !important;
57 margin-left: 1px !important;
58 margin-bottom: 0px !important;
59 margin-right: 2px !important;
60
61 border: 0px !important;
62 background: transparent !important;
63 border-radius: 0px !important;
64 }
65 .extended-widget-opts-tabs .ui-tabs-nav li:first-child {
66 margin-left: 5px !important;
67 }
68 .extended-widget-opts-tabs .ui-tabs-nav li:last-child {
69 margin-right: 0px !important;
70 }
71 .extended-widget-opts-tabs .ui-tabs-nav li:last-of-type {
72 margin-right: 0px !important;
73 }
74 .extended-widget-opts-tabs .ui-tabs-nav li.ui-tabs-active {
75 margin-bottom: -1px !important;
76 }
77 .extended-widget-opts-tabs .ui-tabs-nav li a {
78 display: block !important;
79 padding: 7px 4px 8px !important;
80 font-size: 12px !important;
81 background: #fafafa !important;
82 color: #444 !important;
83 text-decoration: none !important;
84 border: 1px solid #e5e5e5 !important;
85 border-bottom: 0px !important;
86 border-top-left-radius: 2px !important;
87 border-top-right-radius: 2px !important;
88 font-weight: normal !important;
89 }
90 .extended-widget-opts-form-large .extended-widget-opts-tabs .ui-tabs-nav li a {
91 padding: 7px 8px 8px !important;
92 }
93 .extended-widget-opts-tabs .ui-tabs-nav li.ui-tabs-active a {
94 margin-bottom: -1px !important;
95 padding-bottom: 9px !important;
96 box-shadow: none !important;
97 background: #fff !important;
98 }
99 .extended-widget-opts-tabs .ui-tabs-nav li .dashicons {
100 height: 15px !important;
101 font-size: 15px !important;
102 }
103 .extended-widget-opts-tabcontent {
104 padding: 0px 15px 15px 15px;
105 }
106 .extended-widget-opts-form .form-table td {
107 padding: 5px;
108 /*text-align: center;*/
109 }
110 .extended-widget-opts-inner-lists,
111 .extended-widget-opts-class-lists,
112 .extended-widget-opts-inner-roles {
113 display: block;
114 width: 100%;
115 height: 230px !important;
116 padding: 5px 8px !important;
117 overflow: auto;
118 border: 0px solid #dfdfdf;
119 margin-bottom: 5px;
120 box-sizing: border-box;
121 }
122 .extended-widget-opts-class-lists,
123 .extended-widget-opts-inner-roles {
124 height: auto !important;
125 max-height: 230px !important;
126 }
127 .extended-widget-opts-inner-lists h4,
128 .extended-widget-opts-inner-lists h4:hover {
129 cursor: pointer;
130 }
131 .extended-widget-opts-inner-lists small {
132 opacity: 0.5;
133 font-weight: normal;
134 font-size: 11px;
135 }
136 .extended-widget-opts-clearfix {
137 clear: both;
138 }
139 /*.extended-widget-opts-tabcontent.extended-widget-opts-inside-tabcontent{
140 padding: 0px 5px !important;
141 }*/
142 .extended-widget-opts-inside-tabcontent .extended-widget-opts-inner-tabcontent {
143 border: 1px solid #dddddd !important;
144 border-top: 0px !important;
145 padding: 10px !important;
146 margin-top: -13px !important;
147 }
148 .extended-widget-opts-inside-tabcontent
149 .extended-widget-opts-styling-tabcontent
150 tr
151 td:last-child {
152 min-width: 117px;
153 }
154 .extended-widget-opts-inside-tabcontent
155 .extended-widget-opts-styling-tabcontent
156 p {
157 text-align: center;
158 }
159 .extended-widget-opts-inner-tabcontent.extended-widget-opts-visibility-tabcontent {
160 text-align: left;
161 }
162 .extended-widget-opts-inside-tabs .ui-tabs-nav li:first-child {
163 margin-left: 0px !important;
164 }
165 .extended-widget-opts-inside-tabs .ui-tabs-nav li a {
166 padding: 8px !important;
167 }
168 .widget-opts-toggle-note {
169 display: none;
170 }
171 .widget-opts-toggler-note {
172 font-size: 11px;
173 color: #0073aa !important;
174 }
175 .widgetops-sc-opts {
176 font-size: 12px;
177 }
178 .widgetops-sc-opts code {
179 font-size: 11px;
180 }
181
182 .widget-opts-learnmore {
183 text-decoration: none;
184 }
185
186 .extended-widget-opts-tabs
187 .ui-tabs-nav
188 li.ui-tabs-active.extended-widget-gopro-tab-alignment
189 a {
190 background-color: #fff1b8 !important;
191 }
192 .extended-widget-opts-tabcontent-gopro {
193 background-color: #fff1b8 !important;
194 color: #444;
195 margin-bottom: 15px;
196 }
197 .extended-widget-opts-tabcontent-gopro li {
198 font-size: 12px;
199 line-height: 24px;
200 }
201 body .extended-widget-opts-tabs .extended-widget-gopro-tab-alignment a {
202 font-weight: bold !important;
203 padding-left: 9px !important;
204 padding-right: 9px !important;
205 }
206 .widgetopts-unlock-features {
207 text-align: center;
208 font-size: 16px;
209 font-weight: bold;
210 line-height: 28px;
211 }
212 .widgetopts-unlock-features .dashicons {
213 font-size: 23px;
214 margin-right: 10px;
215 }
216
217 /* customizer fix */
218 #customize-theme-controls
219 .ui-tabs
220 .ui-tabs-panel.extended-widget-opts-tabcontent {
221 min-width: 100%;
222 -webkit-box-sizing: border-box;
223 -moz-box-sizing: border-box;
224 box-sizing: border-box;
225 }
226 #customize-theme-controls .extended-widget-opts-form .ui-tabs-nav .dashicons {
227 display: inline-block;
228 }
229 #customize-theme-controls .extended-widget-opts-form .tabtitle {
230 display: none;
231 }
232 #customize-theme-controls
233 .extended-widget-opts-form
234 .ui-tabs
235 .ui-tabs-nav
236 li
237 a {
238 line-height: 16px !important;
239 }
240 #customize-theme-controls
241 .extended-widget-opts-form
242 .extended-widget-opts-tabcontent-styling
243 .inputsize5 {
244 max-width: 50px;
245 }
246 #customize-theme-controls
247 .widget-inside
248 .widget-control-actions
249 .widgetopts-control {
250 display: none !important;
251 }
252
253 /** Settings Page **/
254 .widgetopts-settings-desc {
255 margin: 20px 200px 20px 0;
256 min-height: 50px;
257 color: #555d66;
258 font-size: 15px;
259 line-height: 22px;
260 }
261 .widgetopts-mascot {
262 display: block;
263 text-align: center;
264 height: 150px;
265 width: 150px;
266 background: url("../images/logo-mascot.png");
267 -webkit-background-size: cover;
268 -moz-background-size: cover;
269 -o-background-size: cover;
270 background-size: cover;
271 }
272 .widgetopts-badge-settings {
273 position: absolute;
274 top: 10px;
275 right: 10px;
276 }
277 .opts-classes-setting-table tr strong {
278 display: inline-block;
279 min-width: 150px;
280 }
281 .opts-hidden-placeholder {
282 display: none;
283 }
284 .opts-add-class-btn .dashicons {
285 text-decoration: none !important;
286 line-height: 29px;
287 height: 29px;
288 }
289 .opts-remove-class-btn .dashicons {
290 text-decoration: none !important;
291 line-height: 18px;
292 height: 18px;
293 color: #b20820;
294 }
295 #opts-predefined-classes {
296 padding: 0px 10px;
297 }
298 #opts-predefined-classes .opts-li-value {
299 display: inline-block;
300 margin-right: 10px;
301 }
302 .widgetopts-sidebar-widget .email {
303 border: 1px solid #ddd;
304 }
305
306 #widgetopts-sidebar-widget-more_plugins table td {
307 width: 50%;
308 vertical-align: top;
309 text-align: center;
310 }
311 #widgetopts-sidebar-widget-more_plugins .dashicons {
312 font-size: 30px;
313 height: 30px;
314 width: 30px;
315 margin-bottom: 5px;
316 }
317 #widgetopts-sidebar-widget-more_plugins td a {
318 text-decoration: none;
319 color: #444;
320 background: #f3f3f3;
321 display: block;
322 padding: 8px 5px;
323 border-radius: 3px;
324 font-size: 13px;
325 }
326 #widgetopts-sidebar-widget-more_plugins td a:hover {
327 background: #ddd;
328 }
329
330 /** Modular Settings Page **/
331 .widgetopts-poststuff #post-body #postbox-container-1,
332 .widgetopts-poststuff #post-body #postbox-container-2 {
333 border-top: 1px solid #ddd;
334 padding-top: 20px;
335 }
336 .widgetopts-poststuff #post-body #postbox-container-2 {
337 border-right: 1px solid #ddd;
338 box-sizing: border-box;
339 padding-right: 20px;
340 }
341 .widgetopts-poststuff #post-body #postbox-container-1 {
342 box-sizing: border-box;
343 margin-right: -300px;
344 padding-left: 20px;
345 width: 300px;
346 }
347 .widgetopts-module-section-heading {
348 display: block;
349 margin: 0 0 1em 0;
350 overflow: hidden;
351 }
352 .widgetopts-settings-view-toggle {
353 float: left;
354 margin-right: 1em;
355 padding: 0.35em 0;
356 }
357 .widgetopts-settings-view-toggle a {
358 text-decoration: none;
359 color: #b4b9be;
360 }
361 .widgetopts-settings-view-toggle a.widgetopts-selected {
362 color: #0073aa;
363 }
364 .widgetopts-module-cards-container {
365 clear: both;
366 box-sizing: border-box;
367 }
368 .widgetopts-module-cards {
369 text-align: justify;
370 font-size: 0.1px;
371 }
372 .widgetopts-module-cards:after {
373 content: "";
374 display: inline-block;
375 width: 100%;
376 }
377 .widgetopts-module-card {
378 font-size: 16px;
379 display: inline-block;
380 width: 100%;
381 max-width: 32%;
382 text-align: left;
383 margin-bottom: 12px;
384 vertical-align: top;
385 }
386 .widgetopts-module-card-content {
387 font-size: 16px;
388 position: relative;
389 background: #fff;
390 border: 1px solid #ddd;
391 /*box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);*/
392 padding: 1em;
393 }
394 .widgetopts-module-type-enabled .widgetopts-module-card-content {
395 background: #f7fcfe;
396 border-color: rgba(0, 115, 179, 0.85);
397 /*box-shadow: 1px 1px 0px rgba(0,0,0,.1);*/
398 }
399 .widgetopts-module-type-disabled .widgetopts-settings-section,
400 .widgetopts-module-type-disabled .widgetopts-module-settings-save,
401 .widgetopts-module-card.widgetopts-module-card-no-settings
402 .widgetopts-module-settings-save {
403 display: none;
404 }
405 #poststuff .widgetopts-module-card h2 {
406 font-size: 16px;
407 margin: 0;
408 padding: 0;
409 }
410 .widgetopts-modal-background {
411 display: none;
412 position: fixed;
413 top: 0;
414 right: 0;
415 bottom: 0;
416 left: 0;
417 background: rgba(0, 0, 0, 0.2);
418 z-index: 500;
419 cursor: pointer;
420 }
421 .grid .widgetopts-module-settings-container {
422 display: none;
423 position: fixed;
424 top: 52px;
425 right: 20px;
426 bottom: 20px;
427 left: 20px;
428 margin-left: 160px;
429 background: #fff;
430 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
431 z-index: 510;
432 }
433 .widgetopts-modal-navigation {
434 position: absolute;
435 top: 0;
436 left: 0;
437 right: 0;
438 height: 40px;
439 border-bottom: 1px solid #ddd;
440 }
441 .widgetopts-modal-navigation button {
442 width: 40px;
443 height: 40px;
444 float: right;
445 background: #fff;
446 border: none;
447 outline: none;
448 border-left: 1px solid #ddd;
449 font-family: dashicons;
450 font-size: 20px;
451 }
452 .widgetopts-modal-navigation button:hover {
453 cursor: pointer;
454 background: #eee;
455 }
456 .widgetopts-modal-navigation button.widgetopts-close-modal:before {
457 content: "\f335";
458 }
459 .widgetopts-modal-content-footer {
460 position: absolute;
461 bottom: 0;
462 left: 0;
463 right: 0;
464 border-top: 1px solid #ddd;
465 padding: 15px;
466 background: #efefef;
467 box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
468 }
469 .widgetopts-modal-content-footer .align-right {
470 float: right;
471 }
472 .grid .widgetopts-module-settings-content-container {
473 position: absolute;
474 top: 40px;
475 right: 0;
476 bottom: 60px;
477 left: 0;
478 overflow: auto;
479 padding: 25px 50px;
480 }
481 .widgetopts-module-settings-content {
482 width: 100%;
483 max-width: 700px;
484 margin: 0 auto;
485 }
486 .widgetopts-settings-section label {
487 font-weight: bold;
488 }
489 p.widgetopts-settings-section {
490 font-style: italic;
491 color: #999;
492 }
493 #widgetopts-settings-messages-container {
494 position: fixed;
495 padding: 2em;
496 top: -100px;
497 left: 0;
498 right: 0;
499 max-width: 300px;
500 width: 100%;
501 margin: auto;
502 z-index: 500;
503 -webkit-transition: all 0.3s ease-in-out;
504 transition: all 0.3s ease-in-out;
505 opacity: 0;
506 border-radius: 3px;
507 background: #fff;
508 box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4);
509 }
510 #widgetopts-settings-messages-container div,
511 .widgetopts-module-messages-container div {
512 background: #f1f1f1;
513 }
514 #widgetopts-settings-messages-container.visible:not(.no-module) {
515 top: 52px;
516 opacity: 1;
517 }
518 #widgetopts-settings-messages-container div:first-child {
519 margin-top: 0;
520 }
521 #widgetopts-settings-messages-container div:last-child {
522 margin-bottom: 0px;
523 }
524 .widgetopts-dashicons {
525 font-size: 180px;
526 position: absolute;
527 left: -27px;
528 top: -45px;
529 opacity: 0.1;
530 }
531 .widgetopts-no-top {
532 top: 0px;
533 }
534 .widgetopts-module-type-pro {
535 opacity: 0.5;
536 }
537 .widgetopts-pro-upsell {
538 display: block;
539 height: 100%;
540 left: 0;
541 position: absolute;
542 top: 0;
543 width: 100%;
544 text-decoration: none;
545 }
546 .widgetopts-pro-label {
547 padding: 2px 0px;
548 position: absolute;
549 right: 6px;
550 top: 5px;
551 opacity: 0.6;
552
553 background: #ffb310;
554 /*box-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
555 font-size: 11px;
556 color: #5e5018;
557 text-transform: uppercase;
558 }
559 .widgetopts-pro-label .dashicons {
560 font-size: 18px;
561 }
562 .grid .widgetopts-list-content-footer,
563 .grid #widgetopts-save {
564 display: none;
565 }
566
567 /** list module view **/
568 .list .widgetopts-module-card {
569 max-width: 100%;
570 padding: 0;
571 float: none;
572 margin-bottom: 1px;
573 }
574 .list .widgetopts-module-card:hover .widgetopts-module-card-content {
575 background: #fafafa;
576 }
577 .list .widgetopts-module-card-content {
578 cursor: pointer;
579 padding: 0.5em 0.5em 0.5em 0.75em;
580 }
581 .list .widgetopts-module-card-content:after {
582 content: "";
583 display: table;
584 clear: both;
585 }
586 .list .widgetopts-module-desc {
587 display: none;
588 }
589 #poststuff .list .widgetopts-module-card h2 {
590 float: left;
591 line-height: 1.8;
592 font-size: 14px;
593 }
594 .list .widgetopts-module-card-content .widgetopts-module-actions {
595 float: right;
596 margin-top: 0;
597 }
598 .list .widgetopts-module-settings-container {
599 clear: both;
600 background: #fff;
601 padding: 2em 2em 4em 2em;
602 -moz-box-shadow: inset 0 8px 8px -8px #ddd, inset 0 -8px 8px -8px #ddd;
603 -webkit-box-shadow: inset 0 8px 8px -8px #ddd, inset 0 -8px 8px -8px #ddd;
604 box-shadow: inset 0 8px 8px -8px #ddd, inset 0 -8px 8px -8px #ddd;
605 }
606 .list .widgetopts-modal-navigation,
607 .list .widgetopts-modal-content-footer,
608 .list .widgetopts-dashicons,
609 .list .widgetopts-modal-header {
610 display: none;
611 }
612 .list .widgetopts-pro-label {
613 display: inline;
614 float: left;
615 font-size: 10px;
616 margin: 0em 0 0 10px;
617 padding: 0px 3px;
618 position: relative;
619 }
620
621 /** License form **/
622 table.widgetopts-settings-license td {
623 padding: 0px !important;
624 }
625 .widgetopts-settings-license .td-right {
626 text-align: right;
627 }
628 .widgetopts-settings-license .widgetopts-even td {
629 padding-top: 5px !important;
630 }
631 .widgetopts-settings-license .td-left {
632 font-size: 10px;
633 }
634 @media (max-width: 1400px) {
635 .widgetopts-module-card {
636 max-width: 49%;
637 }
638 }
639 @media (max-width: 782px) {
640 .grid .widgetopts-module-settings-container {
641 margin-left: 0px;
642 top: 0px;
643 left: 0;
644 right: 0;
645 bottom: 0;
646 z-index: 100000; /* to get above wp admin bar */
647 }
648 .grid .widgetopts-module-settings-content-container {
649 padding: 15px 30px;
650 }
651 .widgetopts-module-settings-content .widgetopts-dashicons {
652 display: none;
653 }
654 }
655 @media (max-width: 500px) {
656 .widgetopts-module-card {
657 max-width: 100%;
658 padding-right: 0;
659 padding-bottom: 10px;
660 }
661 .widgetopts-settings-desc {
662 margin-right: 70px;
663 }
664 .widgetopts-badge-settings {
665 top: 115px;
666 }
667 .widgetopts-mascot {
668 height: 69px;
669 width: 69px;
670 }
671 .widgetopts-poststuff #post-body #postbox-container-2 {
672 padding-right: 0px;
673 border-right: 0px;
674 }
675 .widgetopts-poststuff #post-body #postbox-container-1 {
676 padding-left: 0px;
677 }
678 .grid .widgetopts-module-settings-container {
679 margin-left: 0px;
680 }
681 }
682
683 /** SO **/
684 .so-content .widgetops-sc-opts {
685 display: none;
686 }
687 .so-content .extended-widget-opts-tab-visibility,
688 .so-content .extended-widget-opts-tabcontent-visibility,
689 .so-content .widgetopts_id_fld {
690 display: none;
691 }
692
693 .widgetopts-license-status {
694 display: block;
695 width: 100%;
696 font-size: 12px;
697 font-style: italic;
698 padding-top: 8px;
699 }
700 .widgetopts-license-inactive {
701 color: #dc3232;
702 font-weight: bold;
703 }
704 span.widgetopts-license-active {
705 color: #46b450;
706 font-weight: bold;
707 }
708 .widgetopts-license-status {
709 display: none;
710 }
711 .widgetopts-license-expired {
712 display: block;
713 width: 100%;
714 padding: 5px;
715 color: #a94442;
716 background-color: #f2dede;
717 border: 1px solid #ebccd1;
718 box-sizing: border-box;
719 border-radius: 4px;
720 margin-top: 8px;
721 }
722
723 /** Search **/
724 #widgetopts-widgets-filter {
725 width: 100%;
726 max-width: 250px;
727 position: relative;
728 display: block;
729 padding: 12px 0px 1px;
730 clear: both;
731 }
732 input#widgetopts-widgets-search {
733 width: 100%;
734 height: 30px;
735 padding: 6px 30px;
736 }
737 .widgetopts-search-icon {
738 display: block;
739 position: absolute;
740 top: 13px;
741 left: 2px;
742 width: 30px;
743 height: 30px;
744 line-height: 28px;
745 text-align: center;
746 color: #72777c;
747 }
748 .widgetopts-search-icon:after {
749 content: "\f179";
750 font: 400 20px/1 dashicons;
751 vertical-align: middle;
752 -webkit-font-smoothing: antialiased;
753 -moz-osx-font-smoothing: grayscale;
754 }
755 .widgetopts-clear-results {
756 position: absolute;
757 top: 13px;
758 right: 2px;
759 width: 30px;
760 height: 30px;
761 padding: 0;
762 border: 0;
763 cursor: pointer;
764 background: 0 0;
765 color: #a00;
766 text-decoration: none;
767 outline: 0;
768 display: none;
769 }
770 .widgetopts-clear-results:before {
771 content: "\f335";
772 font: 400 20px/1 dashicons;
773 vertical-align: middle;
774 -webkit-font-smoothing: antialiased;
775 -moz-osx-font-smoothing: grayscale;
776 }
777 .widgetopts-is-visible {
778 display: block !important;
779 }
780 .widgetopts-is-hidden {
781 display: none !important;
782 }
783
784 /** Search **/
785 #widgetopts-widgets-filter {
786 width: 100%;
787 max-width: 250px;
788 position: relative;
789 display: block;
790 padding: 12px 0px 1px;
791 clear: both;
792 }
793 input#widgetopts-widgets-search {
794 width: 100%;
795 height: 30px;
796 padding: 6px 30px;
797 }
798 .widgetopts-search-icon {
799 display: block;
800 position: absolute;
801 top: 13px;
802 left: 2px;
803 width: 30px;
804 height: 30px;
805 line-height: 28px;
806 text-align: center;
807 color: #72777c;
808 }
809 .widgetopts-search-icon:after {
810 content: "\f179";
811 font: 400 20px/1 dashicons;
812 vertical-align: middle;
813 -webkit-font-smoothing: antialiased;
814 -moz-osx-font-smoothing: grayscale;
815 }
816 .widgetopts-clear-results {
817 position: absolute;
818 top: 13px;
819 right: 2px;
820 width: 30px;
821 height: 30px;
822 padding: 0;
823 border: 0;
824 cursor: pointer;
825 background: 0 0;
826 color: #a00;
827 text-decoration: none;
828 outline: 0;
829 display: none;
830 }
831 .widgetopts-clear-results:before {
832 content: "\f335";
833 font: 400 20px/1 dashicons;
834 vertical-align: middle;
835 -webkit-font-smoothing: antialiased;
836 -moz-osx-font-smoothing: grayscale;
837 }
838 .widgetopts-is-visible {
839 display: block !important;
840 }
841 .widgetopts-is-hidden {
842 display: none !important;
843 }
844
845 /** Widgets Chooser **/
846 #widgetopts-widgets-chooser {
847 position: relative;
848 width: 100%;
849 }
850 input.widgetopts-widgets-search {
851 width: 100%;
852 margin: 1px 0px;
853 height: 30px;
854 padding: 6px 30px;
855 }
856 #widgetopts-widgets-chooser .widgetopts-search-icon,
857 #widgetopts-widgets-chooser .widgetopts-clear-results {
858 top: 1px;
859 }
860
861 .widgetsopts-chooser ul,
862 #widgets-right .widget-in-question .widget-top,
863 .widget-top:hover,
864 div#widgets-right .widget-top:hover,
865 #widgets-right .widget-top:hover {
866 border-color: #999;
867 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
868 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
869 }
870
871 .widgetsopts-chooser ul.widgetopts-chooser-sidebars {
872 margin: 0;
873 list-style-type: none;
874 max-height: 300px;
875 overflow: auto;
876 }
877
878 .widgetsopts-chooser {
879 margin-top: 10px;
880 padding: 10px;
881 background: #f7f7f7;
882 }
883
884 .widgetsopts-chooser ul {
885 border: 1px solid #ccc;
886 }
887
888 .widgetsopts-chooser li {
889 padding: 10px 15px 10px 35px;
890 border-bottom: 1px solid #ccc;
891 background: #fff;
892 margin: 0;
893 cursor: pointer;
894 outline: none;
895 position: relative;
896 -webkit-transition: background 0.2s ease-in-out;
897 transition: background 0.2s ease-in-out;
898 }
899
900 /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
901 .widgetsopts-chooser li:hover,
902 .widgetsopts-chooser li:focus {
903 background: rgba(255, 255, 255, 0.7);
904 }
905
906 .widgetsopts-chooser li:focus:before {
907 content: "\f147";
908 display: block;
909 -webkit-font-smoothing: antialiased;
910 font: normal 26px/1 dashicons;
911 color: #555d66;
912 position: absolute;
913 top: 7px;
914 left: 5px;
915 }
916
917 .widgetsopts-chooser li:last-child {
918 border: none;
919 }
920
921 .widgetsopts-chooser li.widgetopts-chooser-selected {
922 background: #00a0d2;
923 color: #fff;
924 }
925
926 .widgetsopts-chooser li.widgetopts-chooser-selected:before,
927 .widgetsopts-chooser li.widgetopts-chooser-selected:focus:before {
928 content: "\f147";
929 display: block;
930 -webkit-font-smoothing: antialiased;
931 font: normal 26px/1 dashicons;
932 color: #fff;
933 position: absolute;
934 top: 7px;
935 left: 5px;
936 }
937
938 .widgetsopts-chooser .widgetsopts-chooser-actions {
939 padding: 10px 0 12px 0;
940 text-align: center;
941 }
942
943 .widgetsopts-chooser button {
944 margin-right: 5px;
945 }
946
947 /**
948 * Sidebar Options
949 */
950 .widgetopts-sidebaropts {
951 display: block;
952 clear: both;
953 padding: 10px;
954 background: #eee;
955 border-top: 1px solid #e5e5e5;
956 }
957 .widgets-holder-wrap.closed .widgetopts-sidebaropts {
958 display: none;
959 }
960 .widgetopts-sidebaropts a {
961 text-decoration: none !important;
962 color: #777 !important;
963 font-size: 11px !important;
964 padding-right: 2px !important;
965 }
966 .widgetopts-super {
967 text-align: center;
968 background: #ff7f29 !important;
969 color: #000 !important;
970 padding: 4px 20px !important;
971 border: 1px solid #ff7f29 !important;
972 }
973 /*.widgetopts-super a {
974 color: #777 !important;
975 }
976 .widgetopts-super:hover {
977 background: #eee;
978 color: #777;
979 }
980 .widgetopts-super:hover a {
981 color: #777 !important;
982 }*/
983 .widgetopts-sidebaropts a .dashicons {
984 font-size: 15px !important;
985 line-height: 21px !important;
986 text-align: right !important;
987 }
988 .sidebaropts-confirm {
989 display: none;
990 background: #fff;
991 border: 1px solid #ccc;
992 color: #a00;
993 padding: 15px 18px;
994 margin: 10px 0px 0px;
995 text-align: center;
996 }
997
998 /* DEMO Options */
999 .extended-widget-opts-tabcontent .extended-widget-opts-demo-feature {
1000 margin-top: 1em;
1001 }
1002 .extended-widget-opts-demo-feature {
1003 position: relative;
1004 }
1005
1006 .extended-widget-opts-demo-feature > * {
1007 z-index: 1;
1008 }
1009 .extended-widget-opts-demo-feature:before {
1010 content: "";
1011 display: block;
1012 position: absolute;
1013 top: 0px;
1014 left: 0px;
1015 right: 0px;
1016 bottom: 0px;
1017 z-index: 2;
1018 background: #fff1b8;
1019 opacity: 0.85;
1020 }
1021 .extended-widget-opts-demo-feature .extended-widget-opts-demo-warning {
1022 display: flex;
1023 align-items: center;
1024 justify-content: center;
1025 position: absolute;
1026 top: 50%;
1027 left: 0px;
1028 right: 0px;
1029 z-index: 3;
1030 flex-wrap: wrap;
1031 transform: translate(0, -50%);
1032 }
1033 .extended-widget-opts-demo-feature .extended-widget-opts-demo-warning > * {
1034 width: 100%;
1035 }
1036 .extended-widget-opts-feature-warning {
1037 background: #fff1b8;
1038 padding: 15px;
1039 }
1040
1041 .extended-widget-opts-tabcontent-pages .select2-container,
1042 .extended-widget-opts-tabcontent-taxonomies .select2-container {
1043 width: 100% !important;
1044 }
1045 .extended-widget-opts-tabcontent-pages
1046 .select2-container--default
1047 .select2-selection--multiple
1048 .select2-selection__rendered,
1049 .extended-widget-opts-tabcontent-taxonomies
1050 .select2-container--default
1051 .select2-selection--multiple
1052 .select2-selection__rendered {
1053 padding: 0px 8px;
1054 }
1055 .extended-widget-opts-tabcontent-pages
1056 .select2-container--default
1057 .select2-selection--multiple
1058 .select2-selection__rendered
1059 li.select2-search,
1060 .extended-widget-opts-tabcontent-pages
1061 .select2-container--default
1062 .select2-selection--multiple
1063 .select2-selection__rendered
1064 .select2-search__field,
1065 .extended-widget-opts-tabcontent-taxonomies
1066 .select2-container--default
1067 .select2-selection--multiple
1068 .select2-selection__rendered
1069 li.select2-search,
1070 .extended-widget-opts-tabcontent-taxonomies
1071 .select2-container--default
1072 .select2-selection--multiple
1073 .select2-selection__rendered
1074 .select2-search__field {
1075 width: 100% !important;
1076 display: block;
1077 padding: 0px 3px;
1078 }
1079
1080 .widgetopts-sidebar-widget a.widgetopts-link {
1081 display: block;
1082 margin-top: 10px;
1083 font-size: 1em;
1084 }
1085
1086 .widgetopts-sidebar-widget a.widgetopts-link svg {
1087 width: 1.2em;
1088 margin: 0 0.2em 0;
1089 height: 1.4em;
1090 vertical-align: middle;
1091 fill: currentcolor;
1092 }
1093
1094 .extended-widget-opts-form .select2.select2-container,
1095 .widgetopts-form .select2.select2-container {
1096 width: 100% !important;
1097 }
1098
1099 .extended-widget-opts-form .multiselect-container.dropdown-menu,
1100 .widgetopts-form .multiselect-container.dropdown-menu {
1101 top: 100%;
1102 left: 0;
1103 z-index: 1000;
1104 display: none;
1105 float: left;
1106 min-width: 10rem;
1107 padding: 0.5rem 0;
1108 margin: 0.125rem 0 0;
1109 color: #212529;
1110 text-align: left;
1111 list-style: none;
1112 background-color: #fff;
1113 background-clip: padding-box;
1114 border: 1px solid rgba(0, 0, 0, 0.15);
1115 border-radius: 0.25rem;
1116 width: 100%;
1117 }
1118
1119 .extended-widget-opts-form .multiselect-container .dropdown-item,
1120 .widgetopts-form .multiselect-container .dropdown-item {
1121 display: block;
1122 width: 100%;
1123 padding: 0.25rem 1.5rem;
1124 clear: both;
1125 font-weight: 400;
1126 color: #212529;
1127 text-align: inherit;
1128 white-space: nowrap;
1129 background-color: transparent;
1130 border: 0;
1131 }
1132
1133 .extended-widget-opts-form
1134 .multiselect-native-select
1135 .multiselect.custom-select,
1136 .widgetopts-form .multiselect-native-select .multiselect.custom-select {
1137 display: inline-block;
1138 width: 100%;
1139 height: calc(1.5em + 0.75rem + 2px);
1140 padding: 0.375rem 1.75rem 0.375rem 0.75rem;
1141 font-weight: 400;
1142 line-height: 1.5;
1143 color: #495057;
1144 vertical-align: middle;
1145 border: 1px solid #ced4da;
1146 border-radius: 0.25rem;
1147 -webkit-appearance: none;
1148 -moz-appearance: none;
1149 appearance: none;
1150 background-color: #fff;
1151 cursor: pointer;
1152 text-align: left;
1153 }
1154
1155 .extended-widget-opts-form .multiselect-native-select .dropdown-menu.show,
1156 .widgetopts-form .multiselect-native-select .dropdown-menu.show {
1157 display: block;
1158 }
1159
1160 .extended-widget-opts-form .multiselect-native-select .btn-group.hide,
1161 .widgetopts-form .multiselect-native-select .btn-group.hide {
1162 display: none !important;
1163 }
1164
1165 .extended-widget-opts-form .multiselect-native-select .btn-group,
1166 .widgetopts-form .multiselect-native-select .btn-group {
1167 position: relative;
1168 display: -ms-inline-flexbox;
1169 display: inline-flex;
1170 vertical-align: middle;
1171 width: 100%;
1172 }
1173
1174 .extended-widget-opts-form
1175 .select2-container
1176 .select2-selection--multiple
1177 .select2-selection__rendered {
1178 display: inline-block;
1179 }
1180
1181 .extended-widget-opts-form
1182 .select2-container--default
1183 .select2-selection--multiple {
1184 padding-bottom: 0;
1185 }
1186
1187 .extended-widget-opts-form
1188 .select2-container
1189 .select2-search--inline
1190 .select2-search__field {
1191 margin-top: 0;
1192 }
1193
1194 .extended-widget-opts-form .select2-selection__rendered li {
1195 margin-bottom: 0;
1196 }
1197
1198 .extended-widget-opts-form
1199 .select2-container--default
1200 .select2-selection--multiple
1201 .select2-selection__choice {
1202 padding-right: 5px;
1203 margin-left: 0px !important;
1204 margin-right: 5px;
1205 }
1206
1207 .extended-widget-opts-form .select2-search__field,
1208 .widgetopts-form .select2-search__field {
1209 min-height: 28.7px !important;
1210 margin-left: 0px !important;
1211 padding-left: 0px !important;
1212 }
1213
1214 .extended-widget-opts-form .select2-results__option,
1215 .widgetopts-form .select2-results__option {
1216 padding: 6px 28px 6px 12px !important;
1217 }
1218
1219 .extended-widget-opts-form .select2-search,
1220 .widgetopts-form .select2-search {
1221 margin-left: 0px !important;
1222 }
1223
1224 .extended-widget-opts-form
1225 .select2-search.select2-search--inline
1226 .select2-search__field,
1227 .widgetopts-form .select2-search.select2-search--inline .select2-search__field {
1228 padding-left: 0px !important;
1229 width: auto !important;
1230 }
1231
1232 .extended-widget-opts-form .select2-container .select2-search--inline,
1233 .widgetopts-form .select2-container .select2-search--inline {
1234 float: none !important;
1235 padding-left: 0px !important;
1236 }
1237
1238 .extended-widget-opts-form ul.select2-selection__rendered,
1239 .widgetopts-form ul.select2-selection__rendered {
1240 padding-left: 12px !important;
1241 padding-top: 0 !important;
1242 padding-right: 12px !important;
1243 padding-bottom: 3px !important;
1244 display: flex !important;
1245 justify-content: start;
1246 align-items: center;
1247 width: fit-content;
1248 flex-wrap: wrap;
1249 margin-top: 0;
1250 margin-bottom: 0;
1251 }
1252
1253 /* .extended-widget-opts-form
1254 .select2
1255 ul.select2-selection__rendered:not(
1256 :has(li.select2-search.select2-search--inline)
1257 ),
1258 .widgetopts-form
1259 .select2
1260 ul.select2-selection__rendered:not(
1261 :has(li.select2-search.select2-search--inline)
1262 ) {
1263 display: inline !important;
1264 } */
1265
1266 .extended-widget-opts-form
1267 .select2
1268 .select2-selection.select2-selection--multiple
1269 ul.select2-selection__rendered:not(:has(li)),
1270 .widgetopts-form
1271 .select2
1272 .select2-selection.select2-selection--multiple
1273 ul.select2-selection__rendered:not(:has(li)) {
1274 display: none !important;
1275 }
1276
1277 .extended-widget-opts-form .multiselect-container .multiselect-all .form-check,
1278 .extended-widget-opts-form
1279 .multiselect-container
1280 .multiselect-group
1281 .form-check,
1282 .extended-widget-opts-form
1283 .multiselect-container
1284 .multiselect-option
1285 .form-check,
1286 .widgetopts-form .multiselect-container .multiselect-all .form-check,
1287 .widgetopts-form .multiselect-container .multiselect-group .form-check,
1288 .widgetopts-form .multiselect-container .multiselect-option .form-check {
1289 padding: 0 5px 0 0px;
1290 }
1291
1292 .extended-widget-opts-form
1293 .select2.select2-container
1294 .select2-search.select2-search--inline
1295 textarea.select2-search__field,
1296 .widgetopts-form
1297 .select2.select2-container
1298 .select2-search.select2-search--inline
1299 textarea.select2-search__field {
1300 padding-left: 12px !important;
1301 padding-top: 5px;
1302 }
1303
1304 .disabled-section {
1305 position: relative;
1306 cursor: not-allowed;
1307 }
1308 .disabled-section:after {
1309 content: "";
1310 z-index: 9;
1311 position: absolute;
1312 top: 0px;
1313 left: 0px;
1314 right: 0px;
1315 bottom: 0px;
1316 background: #fff1b8;
1317 opacity: 0.85;
1318 }
1319
1320 /* FEATURE LOCK */
1321 .disabled-section .extended-widget-opts-demo-warning {
1322 display: flex;
1323 align-items: center;
1324 justify-content: center;
1325 position: absolute;
1326 top: 50%;
1327 left: 0px;
1328 right: 0px;
1329 z-index: 10;
1330 flex-wrap: wrap;
1331 transform: translate(0, -50%);
1332 }
1333
1334 .block-editor-widgetopts-container
1335 > .components-panel__body-title
1336 .components-button
1337 .components-panel__icon,
1338 .extended-widget-opts-panel .extended-widget-opts-icon {
1339 background: url(../images/wo-logo.png);
1340 background-size: 100% 100%;
1341 }
1342
1343 .block-editor-widgetopts-container
1344 > .components-panel__body-title
1345 .components-button
1346 .components-panel__icon:before {
1347 content: "";
1348 }
1349
1350 body.wp-customizer .extended-widget-opts-tabs .wp-picker-holder .iris-slider {
1351 height: 1px !important;
1352 }
1353
1354 body.wp-customizer .select2-container,
1355 body.nav-menus-php > .select2-container {
1356 z-index: 999999;
1357 }
1358
1359 .widgetopts-get-latest-updates {
1360 display: flex;
1361 align-items: center;
1362 grid-gap: 0.5em;
1363 }
1364
1365 .widgetopts-get-latest-updates
1366 input[name="widgetopts_update_and_feaures_email"] {
1367 height: fit-content;
1368 }
1369
1370 .widgetopts-get-latest-updates #widgetoptsSubmitUpdateFeaturesEmail {
1371 height: fit-content;
1372 }
1373
1374 /**fixed conflict of all in one seo multi select**/
1375 .multiselect.aioseo-select {
1376 overflow: unset !important;
1377 }
1378