PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.0.7
Adminify – White Label, Admin Menu Editor, Login Customizer v4.0.7
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.7, at assets/css/wp-adminify-default-ui.css

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