PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.0.1.2
Adminify – White Label, Admin Menu Editor, Login Customizer v4.0.1.2
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.1.2, at assets/css/adminify-menu-editor.css

1,522 lines 40.7 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.activate-now {
504 border-color: #17b26a !important;
505 background-color: #17b26a !important;
506 color: #fff !important;
507 }
508 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now {
509 border-color: #f4b740 !important;
510 background-color: #f4b740 !important;
511 color: #fff;
512 }
513 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.update-now::before {
514 color: #fff;
515 }
516 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message {
517 display: flex;
518 align-items: center;
519 }
520 .wp-adminify-addons-wrapper .column-compatibility .plugin-action-buttons button.updating-message::before {
521 font-family: dashicons;
522 content: "\f463";
523 font-size: 12px;
524 animation: rotation 2s infinite linear;
525 }
526 .wp-adminify-addons-wrapper .plugin-status-active {
527 color: #17b26a;
528 }
529 .wp-adminify-addons-wrapper .plugin-status-inactive {
530 color: #f04438;
531 }
532 .wp-adminify-addons-wrapper .plugin-status-not-install {
533 color: #1d2327;
534 }
535 .wp-adminify-addons-wrapper .plugin-status {
536 line-height: 34px;
537 }
538 .wp-adminify-addons-wrapper .hide {
539 display: none;
540 }
541
542 /*
543 * Useable Mixin
544 */
545 .wp-adminify .adminify-copyright {
546 display: flex;
547 flex-direction: column;
548 gap: 8px;
549 }
550 .wp-adminify .adminify-copyright p {
551 color: #736e91;
552 }
553 .wp-adminify .adminify-copyright p a {
554 color: var(--adminify-primary);
555 -webkit-text-decoration: none;
556 text-decoration: none;
557 }
558 .wp-adminify .adminify--footer {
559 display: flex;
560 align-items: center;
561 justify-content: space-between;
562 }
563 .wp-adminify .adminify--footer .adminify-footer-right {
564 float: right;
565 display: flex;
566 flex-direction: column;
567 gap: 8px;
568 }
569 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col {
570 display: flex;
571 justify-content: end;
572 gap: 24px;
573 }
574 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span {
575 color: #736e91;
576 }
577 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span .adminify-info-status {
578 display: inline-block;
579 padding: 1px 4px;
580 border-radius: 2px;
581 color: #fff;
582 }
583 .wp-adminify .adminify--footer .adminify-footer-right .adminify-system-info-col .adminify-system-info span:last-child {
584 font-weight: 500;
585 }
586 .wp-adminify .adminify--footer > p,
587 .wp-adminify .adminify--footer > .clear {
588 display: none;
589 }
590
591 .adminify-cloneable-item .adminify-cloneable-value {
592 display: none;
593 }
594 .adminify-cloneable-item .adminify-fieldset select {
595 border-color: #dedee7;
596 }
597 .adminify-cloneable-item .adminify-fieldset select:focus {
598 color: #48455f;
599 box-shadow: none;
600 }
601 .adminify-cloneable-item .adminify-fieldset a.adminify--remove, .adminify-cloneable-item .adminify-fieldset a.adminify-icon-remove {
602 color: #fff;
603 }
604 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-sort::before {
605 color: var(--adminify-primary);
606 }
607 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-clone::before {
608 color: #17b26a;
609 }
610 .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-remove::before {
611 color: #f04438;
612 }
613
614 .wp-adminify #_wp_adminify_admin_page_display .inside {
615 margin: 8px 0 0;
616 }
617 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper {
618 display: flex;
619 gap: 20px;
620 padding: 26px 0;
621 border-top: 1px solid #dedee7;
622 }
623 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section {
624 padding: 0;
625 }
626 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-section .adminify-section-title {
627 display: none;
628 }
629 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav {
630 width: 225px;
631 height: 100%;
632 padding-left: 12px;
633 }
634 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav ul,
635 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav li {
636 margin: 0;
637 }
638 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a {
639 display: block;
640 font-size: 13px;
641 font-weight: 500;
642 color: #48455f;
643 padding: 8px 12px;
644 border-radius: 2px;
645 }
646 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a.adminify-active {
647 color: #fff;
648 background-color: var(--adminify-primary);
649 }
650 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content {
651 width: calc(100% - 225px);
652 border-left: 1px solid #dedee7;
653 }
654 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections {
655 padding: 12px;
656 padding-top: 0;
657 }
658 .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-content .adminify-sections:has(.adminify-field-checkbox):nth-child(2) {
659 padding-top: 0;
660 }
661
662 .wp-adminify .editor-editor-interface .editor-header .edit-post-fullscreen-mode-close:hover::before {
663 box-shadow: none;
664 }
665 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header {
666 border-color: #dedee7;
667 }
668 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header button:hover {
669 color: var(--adminify-primary);
670 }
671 .wp-adminify .editor-editor-interface .interface-complementary-area .components-panel__header [aria-orientation=horizontal]::after {
672 border-color: var(--adminify-primary);
673 }
674 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button {
675 box-shadow: inset 0 0 0 1px #dedee7 !important;
676 }
677 .wp-adminify .editor-editor-interface .interface-complementary-area .editor-post-featured-image button:hover {
678 color: var(--adminify-primary);
679 }
680 .wp-adminify .editor-editor-interface .interface-complementary-area .components-button:not(.is-small.has-icon) {
681 color: var(--adminify-primary);
682 }
683 .wp-adminify .editor-editor-interface .components-form-toggle input[type=checkbox]:focus + .components-form-toggle__track {
684 box-shadow: none !important;
685 }
686 .wp-adminify .editor-editor-interface .components-form-toggle.is-checked .components-form-toggle__track {
687 border-color: var(--adminify-primary) !important;
688 background-color: var(--adminify-primary) !important;
689 }
690 .wp-adminify .editor-editor-interface .components-panel__body .components-button.is-primary {
691 color: #fff !important;
692 background: var(--adminify-primary) !important;
693 }
694 .wp-adminify .editor-editor-interface .pre-publish-checklist .icon svg {
695 width: 18px;
696 height: 18px;
697 }
698 .wp-adminify .editor-editor-interface .postbox-header {
699 display: flex;
700 justify-content: space-between;
701 align-items: center;
702 padding: 0 16px;
703 height: 56px;
704 }
705 .wp-adminify .editor-editor-interface .postbox-header h2 {
706 padding: 0 !important;
707 }
708 .wp-adminify .editor-editor-interface .postbox-header .handle-actions {
709 display: flex;
710 align-items: center;
711 gap: 6px;
712 }
713 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button {
714 width: -moz-max-content;
715 width: max-content;
716 height: -moz-max-content;
717 height: max-content;
718 }
719 .wp-adminify .editor-editor-interface .postbox-header .handle-actions button .span::before {
720 font-size: 18px;
721 }
722 .wp-adminify .editor-editor-interface .postbox-header:hover {
723 height: 56px !important;
724 }
725
726 body {
727 overflow-x: hidden;
728 }
729
730 a {
731 -webkit-text-decoration: none;
732 text-decoration: none;
733 }
734
735 .adminify-btn {
736 color: #fff;
737 font-size: 12px;
738 font-weight: 700;
739 line-height: 1.3;
740 padding: 8px 12px;
741 border-radius: 2px;
742 cursor: pointer;
743 transition: all 0.15s;
744 }
745 .adminify-btn-primary {
746 border: 1px solid var(--adminify-primary);
747 background: var(--adminify-primary);
748 }
749 .adminify-btn-primary:hover {
750 color: var(--adminify-primary);
751 background: transparent;
752 border-color: var(--adminify-primary);
753 }
754 .adminify-btn-outline-primary {
755 border: 1px solid var(--adminify-primary);
756 color: var(--adminify-primary);
757 }
758 .adminify-btn-outline-primary:hover {
759 color: var(--adminify-primary);
760 }
761 .adminify-btn-success {
762 border: 1px solid #17b26a;
763 background: #17b26a;
764 }
765 .adminify-btn-success:hover {
766 color: #17b26a;
767 background: transparent;
768 border-color: #17b26a;
769 }
770 .adminify-btn-outline-success {
771 border: 1px solid #17b26a;
772 color: #17b26a;
773 }
774 .adminify-btn-outline-success:hover {
775 color: #17b26a;
776 }
777 .adminify-btn-secondary {
778 border: 1px solid #48455f;
779 background: #48455f;
780 }
781 .adminify-btn-secondary:hover {
782 color: #48455f;
783 background: transparent;
784 border-color: #48455f;
785 }
786 .adminify-btn-outline-secondary {
787 border: 1px solid #48455f;
788 color: #48455f;
789 }
790 .adminify-btn-outline-secondary:hover {
791 color: #48455f;
792 }
793 .adminify-btn-warning {
794 border: 1px solid #f79009;
795 background: #f79009;
796 }
797 .adminify-btn-warning:hover {
798 color: #f79009;
799 background: transparent;
800 border-color: #f79009;
801 }
802 .adminify-btn-outline-warning {
803 border: 1px solid #f79009;
804 color: #f79009;
805 }
806 .adminify-btn-outline-warning:hover {
807 color: #f79009;
808 }
809 .adminify-btn-danger {
810 border: 1px solid #f04438;
811 background: #f04438;
812 }
813 .adminify-btn-danger:hover {
814 color: #f04438;
815 background: transparent;
816 border-color: #f04438;
817 }
818 .adminify-btn-outline-danger {
819 border: 1px solid #f04438;
820 color: #f04438;
821 }
822 .adminify-btn-outline-danger:hover {
823 color: #f04438;
824 }
825
826 .adminify-tag {
827 font-size: 12px;
828 font-weight: 500;
829 line-height: 16px;
830 padding: 2px 8px;
831 border-radius: 40px;
832 -webkit-text-decoration: none;
833 text-decoration: none;
834 }
835 .adminify-tag-primary {
836 color: #3a3ae9;
837 border: 1px solid #afafe9;
838 background: #e9e9f6;
839 }
840 .adminify-tag-primary:hover {
841 color: var(--adminify-primary);
842 }
843 .adminify-tag-secondary {
844 color: #48455f;
845 border: 1px solid #c4c4d4;
846 background: #eaeaf0;
847 }
848 .adminify-tag-secondary:hover {
849 color: #48455f;
850 }
851 .adminify-tag-warning {
852 color: #f79009;
853 border: 2px solid #fedf89;
854 background: #fffaeb;
855 }
856 .adminify-tag-danger {
857 color: #f04438;
858 border: 2px solid #fecdca;
859 background: #fef3f2;
860 }
861 .adminify-tag-danger:hover {
862 color: #f04438;
863 }
864 .adminify-tag-purple {
865 color: #6938ef;
866 border: 2px solid #d9d6fe;
867 background: #f4f3ff;
868 }
869 .adminify-tag-purple:hover {
870 color: #6938ef;
871 }
872
873 .adminify-pro-notice,
874 .adminify-missing-addons {
875 background-color: #fffbe9;
876 border: solid #f4b740;
877 border-width: 0 0 0 2px;
878 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
879 padding: 13px 1rem;
880 display: flex;
881 align-items: center;
882 gap: 8px;
883 }
884 .adminify-pro-notice p,
885 .adminify-missing-addons p {
886 margin: 0;
887 }
888 .adminify-pro-notice p a,
889 .adminify-missing-addons p a {
890 color: var(--adminify-primary);
891 }
892
893 .adminify-pro-notice {
894 align-items: center;
895 }
896
897 .adminify-missing-addons {
898 flex-wrap: wrap;
899 }
900
901 .wp-adminify-notice-latest_updates {
902 padding: 10px 40px 40px;
903 }
904
905 .adminify-block {
906 display: block !important;
907 }
908
909 .adminify-flex {
910 display: flex;
911 }
912
913 .\!adminify-flex {
914 display: flex !important;
915 }
916
917 .adminify-grid {
918 display: grid;
919 }
920
921 .adminify-col-fit {
922 grid-template-columns: fit-content(8ch) 1fr !important;
923 }
924
925 .adminify-flex-col {
926 display: flex;
927 flex-direction: column;
928 }
929
930 .adminify-flex-center {
931 display: flex;
932 align-items: center;
933 }
934
935 .adminify-justify-center {
936 justify-content: center;
937 }
938
939 .adminify-justify-between {
940 justify-content: space-between;
941 }
942
943 .adminify-gap-1 {
944 gap: 4px;
945 }
946
947 .adminify-gap-2 {
948 gap: 8px;
949 }
950
951 .adminify-gap-3 {
952 gap: 12px;
953 }
954
955 .adminify-gap-4 {
956 gap: 16px;
957 }
958
959 .adminify-m-0 {
960 margin: 0;
961 }
962
963 .adminify-mt-1 {
964 margin-top: 4px;
965 }
966
967 .adminify-mt-2 {
968 margin-top: 8px;
969 }
970
971 .adminify-mt-3 {
972 margin-top: 12px;
973 }
974
975 .adminify-mt-4 {
976 margin-top: 16px;
977 }
978
979 .adminify-mt-5 {
980 margin-top: 20px;
981 }
982
983 .adminify-mt-6 {
984 margin-top: 24px;
985 }
986
987 .adminify-mt-7 {
988 margin-top: 28px;
989 }
990
991 .adminify-mt-8 {
992 margin-top: 32px;
993 }
994
995 .adminify-mt-9 {
996 margin-top: 36px;
997 }
998
999 .adminify-mt-10 {
1000 margin-top: 40px;
1001 }
1002
1003 .adminify-p-0 {
1004 padding: 0 !important;
1005 }
1006
1007 .adminify-p-1 {
1008 padding: 4px;
1009 }
1010
1011 .adminify-p-2 {
1012 padding: 8px;
1013 }
1014
1015 .adminify-p-3 {
1016 padding: 12px;
1017 }
1018
1019 .adminify-p-4 {
1020 padding: 16px;
1021 }
1022
1023 .adminify-p-5 {
1024 padding: 20px;
1025 }
1026
1027 .adminify-p-6 {
1028 padding: 24px;
1029 }
1030
1031 .adminify-pt-0 {
1032 padding-top: 0 !important;
1033 }
1034
1035 .adminify-pt-1 {
1036 padding-top: 4px;
1037 }
1038
1039 .adminify-pt-2 {
1040 padding-top: 8px;
1041 }
1042
1043 .adminify-pt-3 {
1044 padding-top: 12px;
1045 }
1046
1047 .adminify-pt-4 {
1048 padding-top: 16px;
1049 }
1050
1051 .adminify-pt-5 {
1052 padding-top: 20px;
1053 }
1054
1055 .adminify-pt-6 {
1056 padding-top: 24px;
1057 }
1058
1059 .adminify-pt-7 {
1060 padding-top: 28px;
1061 }
1062
1063 .adminify-pt-8 {
1064 padding-top: 32px;
1065 }
1066
1067 .adminify-pt-9 {
1068 padding-top: 36px;
1069 }
1070
1071 .adminify-pt-10 {
1072 padding-top: 40px;
1073 }
1074
1075 .adminify-pl-0 {
1076 padding-left: 0 !important;
1077 }
1078
1079 .notice-wp-adminify:has(img) {
1080 display: flex;
1081 }
1082 .notice-wp-adminify:has(img) img {
1083 width: 50px;
1084 }
1085
1086 #the-list .column-featured_image img {
1087 width: 50px;
1088 }
1089
1090 .wp-adminify .wp-submenu .adminify-addons-text {
1091 color: #ffa500;
1092 }
1093 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current,
1094 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a {
1095 background-color: #ffa500;
1096 }
1097 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .fs-submenu-item,
1098 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .pricing,
1099 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current .upgrade-mode,
1100 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .fs-submenu-item,
1101 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .pricing,
1102 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a .upgrade-mode {
1103 color: #000;
1104 }
1105 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) > a.current:hover,
1106 .wp-adminify .wp-submenu li:has(.fs-submenu-item.pricing, .fs-submenu-item.pricing.upgrade-mode) a:hover {
1107 background-color: #ffa500 !important;
1108 }
1109
1110 #TB_window {
1111 width: 70% !important;
1112 height: 750px !important;
1113 top: 50% !important;
1114 left: 50% !important;
1115 margin: 0 !important;
1116 transform: translate(-50%, -50%);
1117 border-radius: 2px;
1118 }
1119 #TB_window #TB_title #TB_closeWindowButton span::before {
1120 color: #f04438;
1121 }
1122 #TB_window #TB_title #TB_closeWindowButton:focus span {
1123 box-shadow: none;
1124 }
1125 #TB_window #TB_iframeContent {
1126 width: 100% !important;
1127 height: 750px !important;
1128 }
1129
1130 .wp-adminify input:focus,
1131 .wp-adminify a:focus,
1132 .wp-adminify button:focus {
1133 box-shadow: none !important;
1134 }
1135 .wp-adminify .wp-list-table,
1136 .wp-adminify .widefat,
1137 .wp-adminify .fixed {
1138 table-layout: inherit !important;
1139 }
1140 .wp-adminify .wp-list-table .edit-description,
1141 .wp-adminify .wp-list-table .edit-title,
1142 .wp-adminify .widefat .edit-description,
1143 .wp-adminify .widefat .edit-title,
1144 .wp-adminify .fixed .edit-description,
1145 .wp-adminify .fixed .edit-title {
1146 max-height: -moz-max-content !important;
1147 max-height: max-content !important;
1148 overflow: visible !important;
1149 flex-wrap: wrap;
1150 }
1151 .wp-adminify .wp-list-table .edit-description *,
1152 .wp-adminify .wp-list-table .edit-title *,
1153 .wp-adminify .widefat .edit-description *,
1154 .wp-adminify .widefat .edit-title *,
1155 .wp-adminify .fixed .edit-description *,
1156 .wp-adminify .fixed .edit-title * {
1157 white-space: normal !important;
1158 }
1159
1160 .adminify-ui #wpcontent {
1161 padding-left: 0 !important;
1162 padding: 0 20px !important;
1163 }
1164 .adminify-ui .wrap,
1165 .adminify-ui #screen-meta-links {
1166 margin: 0 !important;
1167 }
1168 .adminify-ui #screen-meta-links {
1169 display: flex !important;
1170 justify-content: flex-end;
1171 float: none;
1172 float: initial;
1173 }
1174 .adminify-ui #screen-meta {
1175 margin-right: 0 !important;
1176 margin-left: 0 !important;
1177 }
1178
1179 @media screen and (max-width: 320px) {
1180 .wp-adminify .notice * a {
1181 font-size: 10px;
1182 margin-top: 6px;
1183 }
1184 .wp-adminify .notice *:has(div h4) div {
1185 width: 100%;
1186 }
1187 .wp-adminify .notice * input {
1188 width: 100%;
1189 }
1190 .wp-adminify .notice * div:has(input) {
1191 padding-left: 0 !important;
1192 padding-right: 0 !important;
1193 }
1194 }
1195 @media screen and (max-width: 600px) {
1196 #wpbody {
1197 padding-top: 0 !important;
1198 }
1199 }
1200 @media screen and (max-width: 992px) {
1201 .wp-adminify .notice {
1202 flex-wrap: wrap;
1203 gap: 16px;
1204 }
1205 .wp-adminify .notice[style] {
1206 flex-wrap: wrap !important;
1207 }
1208 .wp-adminify .notice * {
1209 flex-wrap: wrap;
1210 gap: 16px;
1211 justify-content: center;
1212 }
1213 }
1214 @media screen and (max-width: 1024px) {
1215 #wpbody-content {
1216 padding-bottom: 0 !important;
1217 }
1218 .wp-core-ui .button,
1219 .wp-core-ui .button.button-large,
1220 .wp-core-ui .button.button-small,
1221 input#publish,
1222 input#save-post,
1223 a.preview,
1224 .wrap .page-title-action {
1225 font-size: 13px;
1226 line-height: 2.15384615;
1227 min-height: 30px;
1228 margin: 0;
1229 padding: 0 10px;
1230 }
1231 .wp-core-ui select {
1232 padding: 0 24px 0 8px;
1233 min-height: 30px;
1234 }
1235 input[type=checkbox],
1236 input[type=radio] {
1237 width: 1rem;
1238 height: 1rem;
1239 }
1240 input[type=checkbox]:checked::before {
1241 height: 1.3125rem !important;
1242 width: 1.3125rem !important;
1243 }
1244 }
1245 .wp-adminify .wp-adminify--menu--editor--container {
1246 max-width: 85%;
1247 margin: 0 auto;
1248 padding: 0 15px;
1249 }
1250 .wp-adminify .wp-adminify--menu--editor--container a {
1251 -webkit-text-decoration: none;
1252 text-decoration: none;
1253 }
1254 .wp-adminify .wp-adminify--menu--editor--container a:focus {
1255 box-shadow: none;
1256 }
1257 .wp-adminify .wp-adminify--menu--editor--container .adminify-menu-editor-help-urls {
1258 font-size: 1.5rem;
1259 font-weight: 600;
1260 color: #48455f;
1261 }
1262 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown {
1263 position: relative;
1264 }
1265 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu {
1266 display: none;
1267 position: absolute;
1268 top: 110%;
1269 right: 0;
1270 }
1271 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content {
1272 width: 96px;
1273 background: #fff;
1274 padding: 12px;
1275 border: 1px solid #dedee7;
1276 border-radius: 2px;
1277 }
1278 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-menu .adminify-dropdown-content .adminify-dropdown-item {
1279 -webkit-text-decoration: none;
1280 text-decoration: none;
1281 color: var(--adminify-primary);
1282 font-weight: 600;
1283 }
1284 .wp-adminify .wp-adminify--menu--editor--container .adminify-dropdown .adminify-dropdown-trigger:hover + .adminify-dropdown-menu {
1285 display: block;
1286 }
1287 .wp-adminify .wp-adminify--menu--editor--container .adminify-text-wrap,
1288 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings {
1289 margin-top: 36px;
1290 }
1291 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item {
1292 background: #fff;
1293 border: 0;
1294 border-radius: 3px;
1295 box-shadow: 0 0 5px 1px rgba(20, 20, 42, 0.1);
1296 }
1297 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .menu-editor-title {
1298 color: #48455f;
1299 font-size: 14px;
1300 font-weight: 700;
1301 line-height: 25px;
1302 -webkit-text-decoration: none;
1303 text-decoration: none;
1304 padding: 1rem;
1305 }
1306 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion {
1307 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1308 }
1309 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs {
1310 border-bottom: 1px solid #dedee7;
1311 padding: 0.5rem 1rem 0;
1312 }
1313 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs ul {
1314 border: 0;
1315 }
1316 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li {
1317 margin: 0;
1318 }
1319 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link {
1320 background-color: transparent;
1321 border: 0;
1322 color: #736e91;
1323 display: inline-block;
1324 padding: 0;
1325 padding: 0 1.25rem 10px;
1326 position: relative;
1327 }
1328 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link:before {
1329 content: "";
1330 background-color: transparent;
1331 border-top-left-radius: 3px;
1332 border-top-right-radius: 3px;
1333 height: 3px;
1334 width: 100%;
1335 left: 0;
1336 bottom: 0;
1337 position: absolute;
1338 }
1339 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active {
1340 color: var(--adminify-primary);
1341 }
1342 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tabs li .nav-link.active:before {
1343 background-color: var(--adminify-primary);
1344 }
1345 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane {
1346 border: 0;
1347 padding: 0.5rem 1.25rem 1.25rem;
1348 display: flex;
1349 flex-direction: column;
1350 gap: 16px;
1351 }
1352 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane > span {
1353 margin: 0 0 15px 0;
1354 display: block;
1355 }
1356 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify_menu_item .accordion-body .tab-content .tab-pane .menu-editor-form {
1357 display: flex;
1358 flex-direction: column;
1359 gap: 16px;
1360 }
1361 .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 {
1362 display: flex;
1363 gap: 16px;
1364 }
1365 .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 {
1366 display: flex;
1367 flex-direction: column;
1368 flex-basis: 0;
1369 flex-grow: 1;
1370 flex-shrink: 1;
1371 }
1372 .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 {
1373 color: #736e91;
1374 margin-bottom: 4px;
1375 }
1376 .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 {
1377 color: #667085;
1378 border: 1px solid #dedee7;
1379 padding: 6px 8px;
1380 line-height: 1.3;
1381 }
1382 .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 {
1383 box-shadow: none;
1384 border-color: var(--adminify-primary);
1385 }
1386 .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 {
1387 display: none;
1388 }
1389 .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 {
1390 height: auto;
1391 }
1392 .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 {
1393 border: 1px solid #dedee7;
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 .tokens-container {
1396 border: 1px solid #dedee7;
1397 box-sizing: border-box;
1398 border-radius: 4px;
1399 height: auto;
1400 margin: 0;
1401 padding: 4px 35px 4px 10px;
1402 position: relative;
1403 min-width: 12rem;
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 .tokens-container li {
1406 margin: 0;
1407 padding: 0;
1408 }
1409 .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 {
1410 border: 0;
1411 top: 50%;
1412 left: 15px;
1413 margin-top: -11px;
1414 position: absolute;
1415 z-index: -1;
1416 }
1417 .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 {
1418 display: inline-block;
1419 min-width: 10px;
1420 z-index: 1;
1421 }
1422 .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 {
1423 display: none;
1424 }
1425 .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 {
1426 border: none !important;
1427 background-color: transparent !important;
1428 box-shadow: none;
1429 outline: none;
1430 line-height: 1.2 !important;
1431 padding: 0 !important;
1432 height: 100%;
1433 width: 100%;
1434 min-width: 100%;
1435 z-index: -1;
1436 }
1437 .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 {
1438 margin: 3px;
1439 z-index: 3;
1440 position: relative;
1441 margin: 3px 5px 3px 0;
1442 padding: 4px 20px 4px 6px;
1443 max-width: 100%;
1444 border-radius: 3px;
1445 color: #48455f;
1446 border: 1px solid #c4c4d4;
1447 background: #eaeaf0;
1448 font-weight: 500;
1449 line-height: 13px;
1450 cursor: default;
1451 }
1452 .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 {
1453 padding: 0 0 0 3px;
1454 font-size: 18px;
1455 line-height: 0.6;
1456 color: #736e91;
1457 }
1458 .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 {
1459 color: #48455f;
1460 }
1461 .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 {
1462 content: "\e604";
1463 color: #736e91;
1464 font-family: "simple-line-icons";
1465 font-size: 10px;
1466 position: absolute;
1467 top: 0;
1468 right: 0;
1469 height: 100%;
1470 width: 28px;
1471 display: flex;
1472 align-items: center;
1473 justify-content: center;
1474 border-radius: 0px 6px 6px 0px;
1475 }
1476 .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 {
1477 border-color: var(--adminify-primary);
1478 box-shadow: none;
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 .tokenize.focus > .tokens-container:after {
1481 content: "\e607";
1482 }
1483 .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 {
1484 display: flex;
1485 justify-content: end;
1486 }
1487 .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 {
1488 color: #f04438;
1489 font-weight: 600;
1490 cursor: pointer;
1491 }
1492 .wp-adminify .wp-adminify--menu--editor--container .wp-adminify--menu--editor--settings .adminify-add-new-menu-editor-item {
1493 border-radius: 6px;
1494 text-align: center;
1495 padding: 16px;
1496 background: #fff;
1497 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
1498 border: 2px dashed #c4c4d4;
1499 cursor: pointer;
1500 }
1501 .wp-adminify .tokenize-dropdown > .dropdown-menu {
1502 margin-top: 1px;
1503 background: #fff;
1504 border: 1px solid #dedee7;
1505 padding: 10px 0;
1506 }
1507 .wp-adminify .tokenize-dropdown > .dropdown-menu li {
1508 line-height: 1;
1509 margin: 0;
1510 padding: 0;
1511 }
1512 .wp-adminify .tokenize-dropdown > .dropdown-menu li a {
1513 color: #736e91;
1514 display: inline-block;
1515 line-height: 24px;
1516 padding: 0 15px;
1517 width: 100%;
1518 }
1519 .wp-adminify .tokenize-dropdown > .dropdown-menu li a:hover {
1520 color: var(--adminify-primary);
1521 }
1522