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 / wp-adminify-default-ui.css

wp-adminify-default-ui.css in Adminify – White Label, Admin Menu Editor, Login Customizer trunk, at assets/css/wp-adminify-default-ui.css

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