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

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