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

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

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