PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.0.3.5
Adminify – White Label, Admin Menu Editor, Login Customizer v4.0.3.5
4.3.1 4.3.0 4.2.26 4.2.25 4.2.24 4.2.23 4.2.22 4.2.21 4.2.20 4.2.19 4.2.18 4.2.17 4.2.16 4.2.15 4.2.14 4.2.13 4.2.12 4.2.11 4.2.10 4.2.9 4.2.8 4.2.7 4.2.6 4.2.5 4.1.17 All 164 releases
adminify / assets / css / adminify-menu-editor.css

adminify-menu-editor.css in Adminify – White Label, Admin Menu Editor, Login Customizer 4.0.3.5, at assets/css/adminify-menu-editor.css

1,541 lines 41.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!***************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./dev/scss/_menu-editor.scss ***!
3 \***************************************************************************************************************************************************************************************************************************************/
4 /*
5 * Useable Mixin
6 */
7 /*
8 * Useable Mixin
9 */
10 /* Start of Overlay Upgrade Popup */
11 :root {
12 --wp-adminify-popup-color: #ff631a;
13 }
14
15 .wp-adminify-popup * {
16 animation: none 0s ease 0s 1 normal none running;
17 backface-visibility: visible;
18 background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
19 border: medium none currentcolor;
20 border-collapse: separate;
21 -o-border-image: none;
22 border-image: none;
23 border-radius: 0;
24 border-spacing: 0;
25 bottom: auto;
26 box-shadow: none;
27 box-sizing: content-box;
28 caption-side: top;
29 clear: none;
30 clip: auto;
31 color: #000;
32 -moz-columns: auto;
33 columns: auto;
34 -moz-column-count: auto;
35 column-count: auto;
36 -moz-column-fill: balance;
37 column-fill: balance;
38 -moz-column-gap: normal;
39 column-gap: normal;
40 -moz-column-rule: medium none currentcolor;
41 column-rule: medium none currentcolor;
42 -moz-column-span: 1;
43 column-span: 1;
44 -moz-column-width: auto;
45 column-width: auto;
46 content: normal;
47 counter-increment: none;
48 counter-reset: none;
49 cursor: auto;
50 display: inline;
51 empty-cells: show;
52 float: none;
53 font-family: serif;
54 font-size: medium;
55 font-style: normal;
56 font-variant: normal;
57 font-weight: normal;
58 font-stretch: normal;
59 line-height: normal;
60 height: auto;
61 -webkit-hyphens: none;
62 hyphens: none;
63 left: auto;
64 letter-spacing: normal;
65 list-style: disc outside none;
66 margin: 0;
67 max-height: none;
68 max-width: none;
69 min-height: 0;
70 min-width: 0;
71 opacity: 1;
72 orphans: 2;
73 outline: medium none currentcolor;
74 overflow: visible;
75 overflow-x: visible;
76 overflow-y: visible;
77 padding: 0;
78 page-break-after: auto;
79 page-break-before: auto;
80 page-break-inside: auto;
81 perspective: none;
82 perspective-origin: 50% 50%;
83 position: static;
84 right: auto;
85 -moz-tab-size: 8;
86 -o-tab-size: 8;
87 tab-size: 8;
88 table-layout: auto;
89 text-align: left;
90 -moz-text-align-last: auto;
91 text-align-last: auto;
92 -webkit-text-decoration: none;
93 text-decoration: none;
94 text-indent: 0;
95 text-shadow: none;
96 text-transform: none;
97 top: auto;
98 transform: none;
99 transform-origin: 50% 50% 0;
100 transform-style: flat;
101 transition: none 0s ease 0s;
102 vertical-align: baseline;
103 visibility: visible;
104 white-space: normal;
105 widows: 2;
106 width: auto;
107 word-spacing: normal;
108 z-index: auto;
109 all: initial;
110 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
111 }
112
113 .wp-adminify-popup {
114 position: fixed;
115 width: 100%;
116 height: 100%;
117 padding: 0;
118 margin: 0;
119 border: 0;
120 top: 0;
121 left: 0;
122 display: flex;
123 align-items: center;
124 justify-content: center;
125 z-index: 99999999 !important;
126 }
127
128 .wp-adminify-popup-overlay {
129 position: absolute;
130 top: 0;
131 left: 0;
132 width: 100%;
133 height: 100%;
134 background: rgba(0, 0, 0, 0.5);
135 }
136
137 .wp-adminify-popup-modal {
138 width: 600px;
139 max-width: 600px !important;
140 height: 600px;
141 max-height: 600px !important;
142 color: white;
143 background: #222;
144 background-position: center;
145 background-size: cover;
146 background-repeat: no-repeat;
147 padding: 0;
148 margin: 0;
149 transform: scale(0.9);
150 display: flex;
151 align-items: flex-end;
152 justify-content: center;
153 border-radius: 3px;
154 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
155 }
156
157 .wp-adminify-popup-modal-close {
158 position: absolute;
159 top: 5px;
160 right: 10px;
161 font-size: 36px;
162 cursor: pointer;
163 color: #fff;
164 transition: 0.3s;
165 display: flex;
166 justify-content: center;
167 align-items: center;
168 width: 40px;
169 height: 40px;
170 padding: 0;
171 margin: 0;
172 opacity: 0.5;
173 }
174
175 .wp-adminify-popup-modal-close:hover {
176 opacity: 1;
177 }
178
179 .wp-adminify-popup-modal-footer {
180 width: 100%;
181 height: 225px;
182 max-height: 225px !important;
183 display: flex;
184 flex-direction: column;
185 align-items: center;
186 justify-content: flex-end;
187 padding: 15px 0;
188 }
189
190 .wp-adminify-popup-countdown {
191 display: flex;
192 flex-direction: column;
193 align-items: center;
194 justify-content: space-evenly;
195 gap: 10px;
196 }
197
198 .wp-adminify-popup-countdown-text {
199 font-size: 14px;
200 font-weight: 600;
201 color: white;
202 position: relative;
203 line-height: 1.2;
204 }
205
206 .wp-adminify-popup-countdown-time {
207 display: flex;
208 align-items: center;
209 justify-content: space-evenly;
210 gap: 10px;
211 }
212 .wp-adminify-popup-countdown-time > div {
213 display: flex;
214 flex-direction: column;
215 align-items: center;
216 justify-content: space-evenly;
217 gap: 5px;
218 }
219 .wp-adminify-popup-countdown-time > div > span {
220 font-size: 20px;
221 font-weight: 600;
222 color: white;
223 }
224 .wp-adminify-popup-countdown-time > div > span:nth-child(1) {
225 border: 2px solid rgba(255, 255, 255, 0.6);
226 height: 40px;
227 width: 45px;
228 font-size: 22px;
229 display: flex;
230 align-items: center;
231 justify-content: center;
232 border-radius: 5px;
233 }
234 .wp-adminify-popup-countdown-time > div > span:nth-child(2) {
235 font-size: 12px;
236 font-weight: 500;
237 color: rgba(255, 255, 255, 0.8);
238 }
239 .wp-adminify-popup-countdown-time > span {
240 font-size: 50px;
241 color: white;
242 margin-top: -25px;
243 }
244
245 .wp-adminify-popup-button {
246 height: 50px;
247 background: #ff631a;
248 background: var(--wp-adminify-popup-color);
249 color: #222;
250 font-size: 18px;
251 font-weight: 600;
252 letter-spacing: 0.5px;
253 display: inline-flex;
254 align-items: center;
255 justify-content: center;
256 border: 0;
257 border-radius: 5px;
258 cursor: pointer;
259 transition: 0.3s;
260 color: white;
261 padding: 0 30px;
262 margin: 20px 0;
263 transition: 0.2s;
264 position: relative;
265 -webkit-text-decoration: none;
266 text-decoration: none;
267 }
268
269 .wp-adminify-popup-button:after {
270 content: "";
271 position: absolute;
272 top: 0;
273 left: 0;
274 width: 0%;
275 height: 100%;
276 background: rgba(255, 255, 255, 0.2);
277 transition: 0.3s;
278 }
279 .wp-adminify-popup-button:hover {
280 color: white;
281 }
282 .wp-adminify-popup-button:hover:after {
283 width: 100%;
284 }
285
286 .wp-adminify-wwc > p {
287 margin-top: 0;
288 padding-top: 0;
289 margin-bottom: 20px;
290 }
291
292 .wp-adminify-wwc-content {
293 margin-bottom: 25px;
294 color: #646970;
295 }
296
297 /* responsive */
298 @media (max-width: 576px) {
299 .wp-adminify-popup-countdown {
300 transform: scale(0.99);
301 }
302 }
303 /* End of Overlay Upgrade Popup */
304 .wp-adminify-addons-wrapper {
305 background: #fff;
306 padding: 24px;
307 margin-right: 16px;
308 border: 1px solid #dedee7;
309 border-radius: 2px;
310 display: flex;
311 flex-direction: column;
312 margin-top: 16px;
313 }
314 .wp-adminify-addons-wrapper .wp-adminify-addons-header .wp-adminify-addons-title > h2 {
315 color: #322f41;
316 font-size: 24px;
317 font-weight: 600;
318 line-height: 32px;
319 margin: 0;
320 }
321 .wp-adminify-addons-wrapper .wp-adminify-addons-header .wp-adminify-addons-title h3 {
322 font-size: 14px;
323 font-weight: 400;
324 color: #736e91;
325 margin: 8px 0 0 0;
326 }
327 .wp-adminify-addons-wrapper .wp-filter {
328 display: flex;
329 justify-content: space-between;
330 align-items: center;
331 border: 0;
332 margin: 32px 0 16px 0;
333 padding: 0;
334 box-shadow: none;
335 }
336 .wp-adminify-addons-wrapper .wp-filter .filter-links li a {
337 font-size: 13px !important;
338 font-weight: 600 !important;
339 line-height: 20px !important;
340 color: #48455f !important;
341 }
342 .wp-adminify-addons-wrapper .wp-filter .filter-links li a.current {
343 color: var(--adminify-primary);
344 border-bottom: 3px solid var(--adminify-primary);
345 }
346 .wp-adminify-addons-wrapper .wp-filter .filter-links li a:focus {
347 box-shadow: none;
348 }
349 .wp-adminify-addons-wrapper .wp-filter .filter-links li.plugin-install-recommended a {
350 position: relative;
351 z-index: 99;
352 }
353 .wp-adminify-addons-wrapper .wp-filter .filter-links li.plugin-install-recommended a::after {
354 position: absolute;
355 content: "";
356 width: 100%;
357 height: 28px;
358 top: 7px;
359 left: -8px;
360 padding: 4px 8px;
361 border-radius: 4px;
362 background-color: #eaecfa;
363 z-index: -99;
364 }
365 .wp-adminify-addons-wrapper .wp-list-table #the-list {
366 display: grid;
367 grid-template-columns: 1fr 1fr 1fr;
368 grid-gap: 16px;
369 gap: 16px;
370 }
371 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card {
372 float: none !important;
373 margin: 0 !important;
374 width: 100%;
375 border: 1px solid #dedee7;
376 border-radius: 2px;
377 }
378 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top {
379 padding: 16px 16px 0 16px;
380 }
381 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name {
382 margin-left: 80px;
383 }
384 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name h3 {
385 margin: 0 12px 4px 0;
386 }
387 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name h3 a {
388 font-size: 16px;
389 font-weight: 600;
390 line-height: 20px;
391 color: #48455f;
392 }
393 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .name .plugin-icon {
394 position: absolute;
395 top: 16px;
396 left: 20px;
397 width: 60px;
398 height: 60px;
399 margin: 0 20px 20px 0;
400 }
401 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .desc {
402 margin: 0 128px 0 80px;
403 }
404 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .desc p {
405 font-size: 13px;
406 font-weight: 400;
407 line-height: 20px;
408 color: #736e91;
409 margin: 0;
410 }
411 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.install-now {
412 border: 1px solid var(--adminify-primary);
413 color: var(--adminify-primary) !important;
414 }
415 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.activate-now {
416 border-color: #17b26a !important;
417 background-color: #17b26a !important;
418 color: #fff;
419 }
420 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .button.update-now {
421 border-color: #f4b740 !important;
422 color: #f4b740;
423 }
424 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top .action-links .plugin-action-buttons .open-plugin-details-modal {
425 color: var(--adminify-primary) !important;
426 }
427 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-bottom {
428 padding: 12px 16px;
429 background-color: var(--adminify-preset-background);
430 border-top: 1px solid #dedee7;
431 border-radius: 0 0 2px 2px;
432 }
433 .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .authors cite a {
434 color: var(--adminify-primary) !important;
435 }
436 .wp-adminify-addons-wrapper .plugin-card .desc {
437 margin: 0 0 0 80px !important;
438 }
439 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top {
440 position: relative;
441 overflow: hidden;
442 }
443 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top:hover .adminify-plugin-details {
444 opacity: 1;
445 top: 0;
446 }
447 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details {
448 opacity: 0;
449 position: absolute;
450 top: 100%;
451 left: 0;
452 width: 100%;
453 height: 100%;
454 display: flex;
455 align-items: center;
456 justify-content: center;
457 gap: 16px;
458 background: rgba(0, 0, 0, 0.8);
459 transition: all 0.15s;
460 }
461 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details > a {
462 color: #fff;
463 border: 1px solid var(--adminify-primary);
464 background: var(--adminify-primary);
465 font-size: 12px;
466 font-weight: 700;
467 line-height: 1.3;
468 padding: 8px 12px;
469 border-radius: 2px;
470 cursor: pointer;
471 transition: all 0.15s;
472 }
473 .wp-adminify-addons-wrapper .plugin-card .plugin-card-top .adminify-plugin-details > a.adminify-view-details {
474 color: var(--adminify-primary);
475 border: 1px solid var(--adminify-primary);
476 background: #fff;
477 }
478 .wp-adminify-addons-wrapper .column-downloaded .plugin-status {
479 font-size: 12px;
480 font-weight: 500;
481 line-height: 16px;
482 color: #48455f;
483 }
484 .wp-adminify-addons-wrapper .column-downloaded .plugin-status .plugin-status-active {
485 color: #17b26a;
486 font-weight: 400;
487 }
488 .wp-adminify-addons-wrapper .column-downloaded .plugin-status .plugin-status-not-install {
489 color: #8c89a9;
490 font-weight: 400;
491 }
492 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons {
493 margin: 0;
494 }
495 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons li {
496 margin-bottom: 0;
497 }
498 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.install-now {
499 border: 1px solid #4552da;
500 color: #4552da !important;
501 background: transparent !important;
502 }
503 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.install-now:hover {
504 background: #4552da !important;
505 color: #fff !important;
506 border-color: #4552da !important;
507 }
508 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.activate-now {
509 border-color: #17b26a !important;
510 background-color: #17b26a !important;
511 color: #fff !important;
512 }
513 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.activate-now:hover {
514 background: transparent !important;
515 color: #17b26a !important;
516 border-color: #17b26a !important;
517 }
518 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now {
519 border-color: #f4b740 !important;
520 background-color: #f4b740 !important;
521 color: #fff;
522 }
523 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now::before {
524 color: #fff;
525 }
526 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now:hover {
527 background: transparent !important;
528 color: #f4b740 !important;
529 border-color: #f4b740 !important;
530 }
531 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now:hover::before {
532 color: #f4b740;
533 }
534 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message {
535 display: flex;
536 align-items: center;
537 }
538 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message::before {
539 font-family: dashicons;
540 content: "\f463";
541 font-size: 12px;
542 animation: rotation 2s infinite linear;
543 }
544 .wp-adminify-addons-wrapper .plugin-status-active {
545 color: #17b26a;
546 }
547 .wp-adminify-addons-wrapper .plugin-status-inactive {
548 color: #f04438;
549 }
550 .wp-adminify-addons-wrapper .plugin-status-not-install {
551 color: #1d2327;
552 }
553 .wp-adminify-addons-wrapper .plugin-status {
554 line-height: 34px;
555 }
556 .wp-adminify-addons-wrapper .hide {
557 display: none;
558 }
559
560 /*
561 * Useable Mixin
562 */
563 .wp-adminify .adminify-copyright {
564 display: flex;
565 flex-direction: column;
566 gap: 8px;
567 }
568 .wp-adminify .adminify-copyright p {
569 color: #736e91;
570 }
571 .wp-adminify .adminify-copyright p a {
572 color: var(--adminify-primary);
573 -webkit-text-decoration: none;
574 text-decoration: none;
575 }
576 .wp-adminify .adminify--footer {
577 display: flex;
578 align-items: center;
579 justify-content: space-between;
580 }
581 .wp-adminify .adminify--footer .adminify-footer-right {
582 float: right;
583 display: flex;
584 flex-direction: column;
585 gap: 8px;
586 }
587 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col {
588 display: flex;
589 justify-content: end;
590 gap: 24px;
591 }
592 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span {
593 color: #736e91;
594 }
595 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span .adminify-info-status {
596 display: inline-block;
597 padding: 1px 4px;
598 border-radius: 2px;
599 color: #fff;
600 }
601 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span:last-child {
602 font-weight: 500;
603 }
604 .wp-adminify .adminify--footer > p,
605 .wp-adminify .adminify--footer > .clear {
606 display: none;
607 }
608
609 .adminify-cloneable-item .adminify-cloneable-value {
610 display: none;
611 }
612 .adminify-cloneable-item .adminify-fieldset select {
613 border-color: #dedee7;
614 }
615 .adminify-cloneable-item .adminify-fieldset select:focus {
616 color: #48455f;
617 box-shadow: none;
618 }
619 .adminify-cloneable-item .adminify-fieldset a.adminify--remove, .adminify-cloneable-item .adminify-fieldset a.adminify-icon-remove {
620 color: #fff;
621 }
622 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-sort::before {
623 color: var(--adminify-primary);
624 }
625 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-clone::before {
626 color: #17b26a;
627 }
628 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-remove::before {
629 color: #f04438;
630 }
631
632 .wp-adminify #_wp_adminify_admin_page_display .inside {
633 margin: 8px 0 0;
634 }
635 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper {
636 display: flex;
637 gap: 20px;
638 padding: 26px 0;
639 border-top: 1px solid #dedee7;
640 }
641 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section {
642 padding: 0;
643 }
644 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section .adminify-section-title {
645 display: none;
646 }
647 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav {
648 width: 225px;
649 height: 100%;
650 padding-left: 12px;
651 }
652 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav ul,
653 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav li {
654 margin: 0;
655 }
656 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a {
657 display: block;
658 font-size: 13px;
659 font-weight: 500;
660 color: #48455f;
661 padding: 8px 12px;
662 border-radius: 2px;
663 }
664 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a.adminify-active {
665 color: #fff;
666 background-color: var(--adminify-primary);
667 }
668 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content {
669 width: calc(100% - 225px);
670 border-left: 1px solid #dedee7;
671 }
672 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections {
673 padding: 12px;
674 padding-top: 0;
675 }
676 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections:has(.adminify-field-checkbox):nth-child(2) {
677 padding-top: 0;
678 }
679
680 .wp-adminify .editor-editor-interface .editor-header .edit-post-fullscreen-mode-close:hover::before {
681 box-shadow: none;
682 }
683 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header {
684 border-color: #dedee7;
685 }
686 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header button:hover {
687 color: var(--adminify-primary);
688 }
689 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header [aria-orientation=horizontal]::after {
690 border-color: var(--adminify-primary);
691 }
692 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button {
693 box-shadow: inset 0 0 0 1px #dedee7 !important;
694 }
695 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button:hover {
696 color: var(--adminify-primary);
697 }
698 .wp-adminify .editor-editor-interface .interface-complementary-area .components-button:not(.is-small.has-icon) {
699 color: var(--adminify-primary);
700 }
701 .wp-adminify .editor-editor-interface .components-form-toggle input[type=checkbox]:focus + .components-form-toggle__track {
702 box-shadow: none !important;
703 }
704 .wp-adminify .editor-editor-interface .components-form-toggle.is-checked .components-form-toggle__track {
705 border-color: var(--adminify-primary) !important;
706 background-color: var(--adminify-primary) !important;
707 }
708 .wp-adminify .editor-editor-interface .components-panel__body .components-button.is-primary {
709 color: #fff !important;
710 background: var(--adminify-primary) !important;
711 }
712 .wp-adminify .editor-editor-interface .pre-publish-checklist .icon svg {
713 width: 18px;
714 height: 18px;
715 }
716 .wp-adminify .editor-editor-interface .postbox-header {
717 display: flex;
718 justify-content: space-between;
719 align-items: center;
720 padding: 0 16px;
721 height: 56px;
722 }
723 .wp-adminify .editor-editor-interface .postbox-header h2 {
724 padding: 0 !important;
725 }
726 .wp-adminify .editor-editor-interface .postbox-header .handle-actions {
727 display: flex;
728 align-items: center;
729 gap: 6px;
730 }
731 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button {
732 width: -moz-max-content;
733 width: max-content;
734 height: -moz-max-content;
735 height: max-content;
736 }
737 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button .span::before {
738 font-size: 18px;
739 }
740 .wp-adminify .editor-editor-interface .postbox-header:hover {
741 height: 56px !important;
742 }
743
744 body {
745 overflow-x: hidden;
746 }
747
748 a {
749 -webkit-text-decoration: none;
750 text-decoration: none;
751 }
752
753 .adminify-btn {
754 color: #fff;
755 font-size: 12px;
756 font-weight: 700;
757 line-height: 1.3;
758 padding: 8px 12px;
759 border-radius: 2px;
760 cursor: pointer;
761 transition: all 0.15s;
762 }
763 .adminify-btn-primary {
764 border: 1px solid var(--adminify-primary);
765 background: var(--adminify-primary);
766 }
767 .adminify-btn-primary:hover {
768 color: var(--adminify-primary);
769 background: transparent;
770 border-color: var(--adminify-primary);
771 }
772 .adminify-btn-outline-primary {
773 border: 1px solid var(--adminify-primary);
774 color: var(--adminify-primary);
775 }
776 .adminify-btn-outline-primary:hover {
777 color: var(--adminify-primary);
778 }
779 .adminify-btn-success {
780 border: 1px solid #17b26a;
781 background: #17b26a;
782 }
783 .adminify-btn-success:hover {
784 color: #17b26a;
785 background: transparent;
786 border-color: #17b26a;
787 }
788 .adminify-btn-outline-success {
789 border: 1px solid #17b26a;
790 color: #17b26a;
791 }
792 .adminify-btn-outline-success:hover {
793 color: #17b26a;
794 }
795 .adminify-btn-secondary {
796 border: 1px solid #48455f;
797 background: #48455f;
798 }
799 .adminify-btn-secondary:hover {
800 color: #48455f;
801 background: transparent;
802 border-color: #48455f;
803 }
804 .adminify-btn-outline-secondary {
805 border: 1px solid #48455f;
806 color: #48455f;
807 }
808 .adminify-btn-outline-secondary:hover {
809 color: #48455f;
810 }
811 .adminify-btn-warning {
812 border: 1px solid #f79009;
813 background: #f79009;
814 }
815 .adminify-btn-warning:hover {
816 color: #f79009;
817 background: transparent;
818 border-color: #f79009;
819 }
820 .adminify-btn-outline-warning {
821 border: 1px solid #f79009;
822 color: #f79009;
823 }
824 .adminify-btn-outline-warning:hover {
825 color: #f79009;
826 }
827 .adminify-btn-danger {
828 border: 1px solid #f04438;
829 background: #f04438;
830 }
831 .adminify-btn-danger:hover {
832 color: #f04438;
833 background: transparent;
834 border-color: #f04438;
835 }
836 .adminify-btn-outline-danger {
837 border: 1px solid #f04438;
838 color: #f04438;
839 }
840 .adminify-btn-outline-danger:hover {
841 color: #f04438;
842 }
843
844 .adminify-tag {
845 font-size: 12px;
846 font-weight: 500;
847 line-height: 16px;
848 padding: 2px 8px;
849 border-radius: 40px;
850 -webkit-text-decoration: none;
851 text-decoration: none;
852 }
853 .adminify-tag-primary {
854 color: #3a3ae9;
855 border: 1px solid #afafe9;
856 background: #e9e9f6;
857 }
858 .adminify-tag-primary:hover {
859 color: var(--adminify-primary);
860 }
861 .adminify-tag-secondary {
862 color: #48455f;
863 border: 1px solid #c4c4d4;
864 background: #eaeaf0;
865 }
866 .adminify-tag-secondary:hover {
867 color: #48455f;
868 }
869 .adminify-tag-warning {
870 color: #f79009;
871 border: 2px solid #fedf89;
872 background: #fffaeb;
873 }
874 .adminify-tag-danger {
875 color: #f04438;
876 border: 2px solid #fecdca;
877 background: #fef3f2;
878 }
879 .adminify-tag-danger:hover {
880 color: #f04438;
881 }
882 .adminify-tag-purple {
883 color: #6938ef;
884 border: 2px solid #d9d6fe;
885 background: #f4f3ff;
886 }
887 .adminify-tag-purple:hover {
888 color: #6938ef;
889 }
890
891 .adminify-missing-addons {
892 background-color: #fffbe9;
893 border: solid #f4b740;
894 border-width: 0 0 0 2px;
895 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
896 padding: 13px 1rem;
897 display: flex;
898 align-items: center;
899 gap: 8px;
900 }
901 .adminify-missing-addons p {
902 margin: 0;
903 }
904 .adminify-missing-addons p a {
905 color: var(--adminify-primary);
906 }
907
908 .adminify-pro-notice {
909 align-items: center;
910 }
911
912 .adminify-missing-addons {
913 flex-wrap: wrap;
914 }
915
916 .wp-adminify-notice-latest_updates {
917 padding: 10px 40px 40px;
918 }
919
920 .adminify-block {
921 display: block !important;
922 }
923
924 .adminify-flex {
925 display: flex;
926 }
927
928 .\!adminify-flex {
929 display: flex !important;
930 }
931
932 .adminify-grid {
933 display: grid;
934 }
935
936 .adminify-col-fit {
937 grid-template-columns: fit-content(8ch) 1fr !important;
938 }
939
940 .adminify-flex-col {
941 display: flex;
942 flex-direction: column;
943 }
944
945 .adminify-flex-center {
946 display: flex;
947 align-items: center;
948 }
949
950 .adminify-justify-center {
951 justify-content: center;
952 }
953
954 .adminify-justify-between {
955 justify-content: space-between;
956 }
957
958 .adminify-gap-1 {
959 gap: 4px;
960 }
961
962 .adminify-gap-2 {
963 gap: 8px;
964 }
965
966 .adminify-gap-3 {
967 gap: 12px;
968 }
969
970 .adminify-gap-4 {
971 gap: 16px;
972 }
973
974 .adminify-m-0 {
975 margin: 0;
976 }
977
978 .adminify-mt-1 {
979 margin-top: 4px;
980 }
981
982 .adminify-mt-2 {
983 margin-top: 8px;
984 }
985
986 .adminify-mt-3 {
987 margin-top: 12px;
988 }
989
990 .adminify-mt-4 {
991 margin-top: 16px;
992 }
993
994 .adminify-mt-5 {
995 margin-top: 20px;
996 }
997
998 .adminify-mt-6 {
999 margin-top: 24px;
1000 }
1001
1002 .adminify-mt-7 {
1003 margin-top: 28px;
1004 }
1005
1006 .adminify-mt-8 {
1007 margin-top: 32px;
1008 }
1009
1010 .adminify-mt-9 {
1011 margin-top: 36px;
1012 }
1013
1014 .adminify-mt-10 {
1015 margin-top: 40px;
1016 }
1017
1018 .adminify-p-0 {
1019 padding: 0 !important;
1020 }
1021
1022 .adminify-p-1 {
1023 padding: 4px;
1024 }
1025
1026 .adminify-p-2 {
1027 padding: 8px;
1028 }
1029
1030 .adminify-p-3 {
1031 padding: 12px;
1032 }
1033
1034 .adminify-p-4 {
1035 padding: 16px;
1036 }
1037
1038 .adminify-p-5 {
1039 padding: 20px;
1040 }
1041
1042 .adminify-p-6 {
1043 padding: 24px;
1044 }
1045
1046 .adminify-pt-0 {
1047 padding-top: 0 !important;
1048 }
1049
1050 .adminify-pt-1 {
1051 padding-top: 4px;
1052 }
1053
1054 .adminify-pt-2 {
1055 padding-top: 8px;
1056 }
1057
1058 .adminify-pt-3 {
1059 padding-top: 12px;
1060 }
1061
1062 .adminify-pt-4 {
1063 padding-top: 16px;
1064 }
1065
1066 .adminify-pt-5 {
1067 padding-top: 20px;
1068 }
1069
1070 .adminify-pt-6 {
1071 padding-top: 24px;
1072 }
1073
1074 .adminify-pt-7 {
1075 padding-top: 28px;
1076 }
1077
1078 .adminify-pt-8 {
1079 padding-top: 32px;
1080 }
1081
1082 .adminify-pt-9 {
1083 padding-top: 36px;
1084 }
1085
1086 .adminify-pt-10 {
1087 padding-top: 40px;
1088 }
1089
1090 .adminify-pl-0 {
1091 padding-left: 0 !important;
1092 }
1093
1094 .notice-wp-adminify:has(img) {
1095 display: flex;
1096 }
1097 .notice-wp-adminify:has(img) img {
1098 width: 50px;
1099 }
1100
1101 #the-list .column-featured_image img {
1102 width: 50px;
1103 }
1104
1105 .wp-adminify .wp-submenu .adminify-addons-text {
1106 color: #ffa500;
1107 }
1108 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1109 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a {
1110 background-color: #ffa500;
1111 }
1112 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1113 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1114 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1115 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1116 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1117 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode {
1118 color: #000;
1119 }
1120 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1121 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover {
1122 background-color: #ffa500 !important;
1123 }
1124
1125 #TB_window {
1126 width: 70% !important;
1127 height: 750px !important;
1128 top: 50% !important;
1129 left: 50% !important;
1130 margin: 0 !important;
1131 transform: translate(-50%, -50%);
1132 border-radius: 2px;
1133 }
1134 #TB_window #TB_title #TB_closeWindowButton span::before {
1135 color: #f04438;
1136 }
1137 #TB_window #TB_title #TB_closeWindowButton:focus span {
1138 box-shadow: none;
1139 }
1140 #TB_window #TB_iframeContent {
1141 width: 100% !important;
1142 height: 750px !important;
1143 }
1144
1145 .wp-adminify input:focus,
1146 .wp-adminify a:focus,
1147 .wp-adminify button:focus {
1148 box-shadow: none !important;
1149 }
1150 .wp-adminify .wp-list-table,
1151 .wp-adminify .widefat,
1152 .wp-adminify .fixed {
1153 table-layout: inherit !important;
1154 }
1155 .wp-adminify .wp-list-table .edit-description,
1156 .wp-adminify .wp-list-table .edit-title,
1157 .wp-adminify .widefat .edit-description,
1158 .wp-adminify .widefat .edit-title,
1159 .wp-adminify .fixed .edit-description,
1160 .wp-adminify .fixed .edit-title {
1161 max-height: -moz-max-content !important;
1162 max-height: max-content !important;
1163 overflow: visible !important;
1164 flex-wrap: wrap;
1165 }
1166 .wp-adminify .wp-list-table .edit-description *,
1167 .wp-adminify .wp-list-table .edit-title *,
1168 .wp-adminify .widefat .edit-description *,
1169 .wp-adminify .widefat .edit-title *,
1170 .wp-adminify .fixed .edit-description *,
1171 .wp-adminify .fixed .edit-title * {
1172 white-space: normal !important;
1173 }
1174
1175 .adminify-ui #wpcontent {
1176 padding-left: 0 !important;
1177 padding: 0 20px !important;
1178 }
1179 .adminify-ui .wrap,
1180 .adminify-ui #screen-meta-links {
1181 margin: 0 !important;
1182 }
1183 .adminify-ui #screen-meta-links {
1184 display: flex !important;
1185 justify-content: flex-end;
1186 float: none;
1187 float: initial;
1188 }
1189 .adminify-ui #screen-meta {
1190 margin-right: 0 !important;
1191 margin-left: 0 !important;
1192 }
1193
1194 @media screen and (max-width: 320px) {
1195 .wp-adminify .notice * a {
1196 font-size: 10px;
1197 margin-top: 6px;
1198 }
1199 .wp-adminify .notice *:has(div h4) div {
1200 width: 100%;
1201 }
1202 .wp-adminify .notice * input {
1203 width: 100%;
1204 }
1205 .wp-adminify .notice * div:has(input) {
1206 padding-left: 0 !important;
1207 padding-right: 0 !important;
1208 }
1209 }
1210 @media screen and (max-width: 600px) {
1211 #wpbody {
1212 padding-top: 0 !important;
1213 }
1214 }
1215 @media screen and (max-width: 992px) {
1216 .wp-adminify .notice {
1217 flex-wrap: wrap;
1218 gap: 16px;
1219 }
1220 .wp-adminify .notice[style] {
1221 flex-wrap: wrap !important;
1222 }
1223 .wp-adminify .notice * {
1224 flex-wrap: wrap;
1225 gap: 16px;
1226 justify-content: center;
1227 }
1228 }
1229 @media screen and (max-width: 1024px) {
1230 #wpbody-content {
1231 padding-bottom: 0 !important;
1232 }
1233 .wp-core-ui .button,
1234 .wp-core-ui .button.button-large,
1235 .wp-core-ui .button.button-small,
1236 input#publish,
1237 input#save-post,
1238 a.preview,
1239 .wrap .page-title-action {
1240 font-size: 13px;
1241 line-height: 2.15384615;
1242 min-height: 30px;
1243 margin: 0;
1244 padding: 0 10px;
1245 }
1246 .wp-core-ui select {
1247 padding: 0 24px 0 8px;
1248 min-height: 30px;
1249 }
1250 input[type=checkbox],
1251 input[type=radio] {
1252 width: 1rem;
1253 height: 1rem;
1254 }
1255 input[type=checkbox]:checked::before {
1256 height: 1.3125rem !important;
1257 width: 1.3125rem !important;
1258 }
1259 }
1260 #evo_et1_color .evo_et1_color_circle {
1261 border-color: var(--adminify-menu-border);
1262 }
1263
1264 .wp-adminify .wp-adminify--menu--editor--container {
1265 max-width: 85%;
1266 margin: 0 auto;
1267 padding: 0 15px;
1268 }
1269 .wp-adminify .wp-adminify--menu--editor--container a {
1270 -webkit-text-decoration: none;
1271 text-decoration: none;
1272 }
1273 .wp-adminify .wp-adminify--menu--editor--container a:focus {
1274 box-shadow: none;
1275 }
1276 .wp-adminify .wp-adminify--menu--editor--container .adminify-menu-editor-help-urls {
1277 font-size: 1.5rem;
1278 font-weight: 600;
1279 color: #48455f;
1280 }
1281 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown {
1282 position: relative;
1283 }
1284 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu {
1285 display: none;
1286 position: absolute;
1287 top: 110%;
1288 right: 0;
1289 }
1290 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content {
1291 width: 96px;
1292 background: #fff;
1293 padding: 12px;
1294 border: 1px solid #dedee7;
1295 border-radius: 2px;
1296 }
1297 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content .adminify-dropdown-item {
1298 -webkit-text-decoration: none;
1299 text-decoration: none;
1300 color: var(--adminify-primary);
1301 font-weight: 600;
1302 }
1303 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-trigger:hover + .adminify-dropdown-menu {
1304 display: block;
1305 }
1306 .wp-adminify .wp-adminify--menu--editor--container .adminify-text-wrap,
1307 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings {
1308 margin-top: 36px;
1309 }
1310 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item {
1311 background: #fff;
1312 border: 0;
1313 border-radius: 3px;
1314 box-shadow: 0 0 5px 1px rgba(20, 20, 42, 0.1);
1315 }
1316 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .menu-editor-title {
1317 color: #48455f;
1318 font-size: 14px;
1319 font-weight: 700;
1320 line-height: 25px;
1321 -webkit-text-decoration: none;
1322 text-decoration: none;
1323 padding: 1rem;
1324 }
1325 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion {
1326 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1327 }
1328 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs {
1329 border-bottom: 1px solid #dedee7;
1330 padding: 0.5rem 1rem 0;
1331 }
1332 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs ul {
1333 border: 0;
1334 }
1335 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li {
1336 margin: 0;
1337 }
1338 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link {
1339 background-color: transparent;
1340 border: 0;
1341 color: #736e91;
1342 display: inline-block;
1343 padding: 0;
1344 padding: 0 1.25rem 10px;
1345 position: relative;
1346 }
1347 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link:before {
1348 content: "";
1349 background-color: transparent;
1350 border-top-left-radius: 3px;
1351 border-top-right-radius: 3px;
1352 height: 3px;
1353 width: 100%;
1354 left: 0;
1355 bottom: 0;
1356 position: absolute;
1357 }
1358 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active {
1359 color: var(--adminify-primary);
1360 }
1361 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active:before {
1362 background-color: var(--adminify-primary);
1363 }
1364 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane {
1365 border: 0;
1366 padding: 0.5rem 1.25rem 1.25rem;
1367 display: flex;
1368 flex-direction: column;
1369 gap: 16px;
1370 }
1371 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane > span {
1372 margin: 0 0 15px 0;
1373 display: block;
1374 }
1375 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form {
1376 display: flex;
1377 flex-direction: column;
1378 gap: 16px;
1379 }
1380 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns {
1381 display: flex;
1382 gap: 16px;
1383 }
1384 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column {
1385 display: flex;
1386 flex-direction: column;
1387 flex-basis: 0;
1388 flex-grow: 1;
1389 flex-shrink: 1;
1390 }
1391 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column label {
1392 color: #736e91;
1393 margin-bottom: 4px;
1394 }
1395 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column input {
1396 color: #667085;
1397 border: 1px solid #dedee7;
1398 padding: 6px 8px;
1399 line-height: 1.3;
1400 }
1401 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column input:focus {
1402 box-shadow: none;
1403 border-color: var(--adminify-primary);
1404 }
1405 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select:after {
1406 display: none;
1407 }
1408 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .select {
1409 height: auto;
1410 }
1411 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize .tokenize:focus {
1412 border: 1px solid #dedee7;
1413 }
1414 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container {
1415 border: 1px solid #dedee7;
1416 box-sizing: border-box;
1417 border-radius: 4px;
1418 height: auto;
1419 margin: 0;
1420 padding: 4px 35px 4px 10px;
1421 position: relative;
1422 min-width: 12rem;
1423 }
1424 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li {
1425 margin: 0;
1426 padding: 0;
1427 }
1428 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.placeholder {
1429 border: 0;
1430 top: 50%;
1431 left: 15px;
1432 margin-top: -11px;
1433 position: absolute;
1434 z-index: -1;
1435 }
1436 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search {
1437 display: inline-block;
1438 min-width: 10px;
1439 z-index: 1;
1440 }
1441 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search:before {
1442 display: none;
1443 }
1444 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token-search input {
1445 border: none !important;
1446 background-color: transparent !important;
1447 box-shadow: none;
1448 outline: none;
1449 line-height: 1.2 !important;
1450 padding: 0 !important;
1451 height: 100%;
1452 width: 100%;
1453 min-width: 100%;
1454 z-index: -1;
1455 }
1456 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token {
1457 margin: 3px;
1458 z-index: 3;
1459 position: relative;
1460 margin: 3px 5px 3px 0;
1461 padding: 4px 20px 4px 6px;
1462 max-width: 100%;
1463 border-radius: 3px;
1464 color: #48455f;
1465 border: 1px solid #c4c4d4;
1466 background: #eaeaf0;
1467 font-weight: 500;
1468 line-height: 13px;
1469 cursor: default;
1470 }
1471 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token .dismiss {
1472 padding: 0 0 0 3px;
1473 font-size: 18px;
1474 line-height: 0.6;
1475 color: #736e91;
1476 }
1477 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container li.token .dismiss:hover {
1478 color: #48455f;
1479 }
1480 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokens-container::after {
1481 content: "\e604";
1482 color: #736e91;
1483 font-family: "simple-line-icons";
1484 font-size: 10px;
1485 position: absolute;
1486 top: 0;
1487 right: 0;
1488 height: 100%;
1489 width: 28px;
1490 display: flex;
1491 align-items: center;
1492 justify-content: center;
1493 border-radius: 0px 6px 6px 0px;
1494 }
1495 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize.focus > .tokens-container {
1496 border-color: var(--adminify-primary);
1497 box-shadow: none;
1498 }
1499 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form .columns .column .tokenize.focus > .tokens-container:after {
1500 content: "\e607";
1501 }
1502 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .remove-add-new-menu {
1503 display: flex;
1504 justify-content: end;
1505 }
1506 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .remove-add-new-menu span {
1507 color: #f04438;
1508 font-weight: 600;
1509 cursor: pointer;
1510 }
1511 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify-add-new-menu-editor-item {
1512 border-radius: 6px;
1513 text-align: center;
1514 padding: 16px;
1515 background: #fff;
1516 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1517 border: 2px dashed #c4c4d4;
1518 cursor: pointer;
1519 }
1520 .wp-adminify .tokenize-dropdown > .dropdown-menu {
1521 margin-top: 1px;
1522 background: #fff;
1523 border: 1px solid #dedee7;
1524 padding: 10px 0;
1525 }
1526 .wp-adminify .tokenize-dropdown > .dropdown-menu li {
1527 line-height: 1;
1528 margin: 0;
1529 padding: 0;
1530 }
1531 .wp-adminify .tokenize-dropdown > .dropdown-menu li a {
1532 color: #736e91;
1533 display: inline-block;
1534 line-height: 24px;
1535 padding: 0 15px;
1536 width: 100%;
1537 }
1538 .wp-adminify .tokenize-dropdown > .dropdown-menu li a:hover {
1539 color: var(--adminify-primary);
1540 }
1541