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

adminify-menu-editor.css in Adminify – White Label, Admin Menu Editor, Login Customizer 3.2.0, at assets/css/adminify-menu-editor.css

552 lines 17.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 body.wp-adminify {
2 --adminify-text-color: #fff;
3 }
4
5 body.wp-adminify {
6 --adminify-text-color: #fff;
7 }
8
9 .wp-adminify .wp-adminify--menu--editor--container {
10 max-width: 930px;
11 margin: 0 auto;
12 padding: 0 15px;
13 }
14 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content p {
15 color: #000;
16 display: inline-block;
17 font-size: 14px;
18 font-weight: 400;
19 line-height: 20px;
20 margin: 5px 0;
21 width: 100%;
22 }
23 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .wp-adminify--page--title--actions {
24 margin-bottom: 1rem;
25 }
26 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .page-title-action {
27 float: none;
28 padding: 0 1.5625rem;
29 top: -3px;
30 }
31 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-trigger button {
32 background-color: var(--adminify-text-color);
33 border: 1px solid var(--adminify-btn-bg);
34 -webkit-border-radius: 6px;
35 border-radius: 6px;
36 height: 36px;
37 margin-top: -3px;
38 padding: 0 9px;
39 }
40 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-trigger button .icon {
41 color: var(--adminify-btn-bg);
42 font-size: 18px;
43 float: left;
44 height: auto;
45 width: auto;
46 margin: 0;
47 padding: 0;
48 }
49 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-trigger button .icon path {
50 fill: var(--adminify-btn-bg);
51 }
52 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-menu {
53 min-width: 8rem;
54 }
55 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-menu .dropdown-item {
56 color: #14142B;
57 font-size: 14px;
58 font-weight: 600;
59 line-height: 20px;
60 padding: 5px 15px;
61 width: 100%;
62 }
63 .wp-adminify.wp-adminify_page_adminify-menu-editor #wpbody-content .dropdown-menu hr {
64 display: none;
65 }
66 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector {
67 background-color: rgba(78, 75, 102, 0.54);
68 display: -webkit-box;
69 display: -webkit-flex;
70 display: -ms-flexbox;
71 display: flex;
72 -webkit-box-align: center;
73 -webkit-align-items: center;
74 -ms-flex-align: center;
75 align-items: center;
76 -webkit-box-pack: center;
77 -webkit-justify-content: center;
78 -ms-flex-pack: center;
79 justify-content: center;
80 height: 100vh;
81 width: 100vw;
82 top: 0;
83 left: 0;
84 position: fixed;
85 z-index: 99999;
86 }
87 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup {
88 height: 70vh;
89 width: 80vw;
90 margin: 0;
91 overflow: hidden;
92 overflow-y: scroll;
93 padding: 20px;
94 position: inherit;
95 -ms-overflow-style: none;
96 scrollbar-width: none;
97 }
98 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup::-webkit-scrollbar {
99 display: none;
100 }
101 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup input[type=text],
102 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup select {
103 border: 1px solid #F1F1F3;
104 -webkit-border-radius: 6px;
105 border-radius: 6px;
106 color: #4E4B66;
107 max-width: inherit;
108 width: 100%;
109 }
110 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .fip-icons-container {
111 border: 0;
112 display: -webkit-box;
113 display: -webkit-flex;
114 display: -ms-flexbox;
115 display: flex;
116 -webkit-box-align: center;
117 -webkit-align-items: center;
118 -ms-flex-align: center;
119 align-items: center;
120 -webkit-box-pack: start;
121 -webkit-justify-content: flex-start;
122 -ms-flex-pack: start;
123 justify-content: flex-start;
124 -webkit-flex-wrap: wrap;
125 -ms-flex-wrap: wrap;
126 flex-wrap: wrap;
127 padding: 10px 0;
128 }
129 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .fip-icons-container span {
130 border: 1px solid #F1F1F3;
131 -webkit-border-radius: 6px;
132 border-radius: 6px;
133 height: auto;
134 width: auto;
135 line-height: inherit;
136 min-width: 5%;
137 }
138 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .fip-icons-container span:hover, .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .fip-icons-container span.current-icon {
139 background-color: var(--adminify-btn-bg);
140 border-color: var(--adminify-btn-bg);
141 color: var(--adminify-text-color);
142 }
143 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .fip-icons-container span i {
144 height: auto;
145 width: auto;
146 line-height: 38px;
147 }
148 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .selector-footer {
149 color: #4E4B66;
150 display: inline-block;
151 width: 100%;
152 }
153 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .selector-footer span {
154 font-size: 12px;
155 font-weight: 600;
156 }
157 .wp-adminify.wp-adminify_page_adminify-menu-editor .selector-popup-wrap.icons-selector .selector-popup .selector-footer i {
158 background-color: var(--adminify-btn-bg);
159 color: var(--adminify-text-color);
160 font-size: 16px;
161 height: 15px;
162 width: 15px;
163 line-height: 15px;
164 text-align: center;
165 }
166 .wp-adminify .wp-adminify--menu--editor--settings .accordion {
167 background-color: transparent;
168 margin-bottom: 1rem;
169 width: 100%;
170 }
171 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item {
172 -webkit-border-radius: 6px;
173 border-radius: 6px;
174 text-align: center;
175 padding: 16px;
176 background: var(--adminify-text-color);
177 -webkit-box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
178 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
179 border: 2px dashed #4E4B66 !important;
180 cursor: pointer;
181 }
182 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item.upgrade-pro {
183 position: relative;
184 background: rgba(200, 200, 200, 0.5);
185 pointer-events: none;
186 }
187 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item.upgrade-pro .adminify-pro-notice {
188 width: 220px;
189 position: absolute;
190 left: 10%;
191 padding: 5px !important;
192 border: 0;
193 top: 50%;
194 -webkit-transform: translateY(-50%);
195 -ms-transform: translateY(-50%);
196 transform: translateY(-50%);
197 }
198 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item.upgrade-pro .adminify-pro-notice p {
199 width: -webkit-calc(100% - 50px) !important;
200 width: calc(100% - 50px) !important;
201 text-align: left;
202 margin: 0 !important;
203 }
204 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item .inner-text i {
205 margin-right: 5px;
206 margin-top: -2px;
207 }
208 .wp-adminify .wp-adminify--menu--editor--settings .accordion.add-new-menu-editor-item .inner-text .title {
209 color: #4E4B66;
210 font-size: 14px;
211 font-weight: 700;
212 }
213 .wp-adminify .wp-adminify--menu--editor--settings .accordion .accordion:last-child {
214 margin-bottom: 0;
215 }
216 .wp-adminify .wp-adminify--menu--editor--settings .accordion .menu-editor-title {
217 color: #4E4B66;
218 display: -webkit-box;
219 display: -webkit-flex;
220 display: -ms-flexbox;
221 display: flex;
222 -webkit-box-align: center;
223 -webkit-align-items: center;
224 -ms-flex-align: center;
225 align-items: center;
226 font-size: 14px;
227 font-weight: 700;
228 line-height: 25px;
229 position: relative;
230 }
231 .wp-adminify .wp-adminify--menu--editor--settings .accordion .menu-editor-title:before {
232 content: "\f347";
233 font-family: dashicons;
234 font-size: 16px;
235 right: 1rem;
236 position: absolute;
237 }
238 .wp-adminify .wp-adminify--menu--editor--settings .accordion .menu-editor-title.show:before {
239 content: "\f343";
240 }
241 .wp-adminify .wp-adminify--menu--editor--settings .accordion .menu-editor-title span {
242 font-weight: 700 !important;
243 }
244 .wp-adminify .wp-adminify--menu--editor--settings .accordion .menu-editor-title span.awaiting-mod {
245 display: none !important;
246 }
247 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs {
248 border-bottom: 1px solid #CFCFCF;
249 padding: 0.5rem 1rem 0;
250 }
251 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs ul {
252 border: 0;
253 }
254 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs li {
255 margin: 0;
256 }
257 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs li .nav-link {
258 background-color: transparent;
259 border: 0;
260 color: rgba(78, 75, 102, 0.72);
261 display: inline-block;
262 font-size: 14px;
263 font-weight: 400;
264 line-height: 20px;
265 padding: 0;
266 padding: 0 1.25rem 10px;
267 position: relative;
268 }
269 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs li .nav-link:before {
270 content: "";
271 background-color: transparent;
272 -webkit-border-top-left-radius: 3px;
273 border-top-left-radius: 3px;
274 -webkit-border-top-right-radius: 3px;
275 border-top-right-radius: 3px;
276 height: 3px;
277 width: 100%;
278 left: 0;
279 bottom: 0;
280 position: absolute;
281 }
282 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs li .nav-link.active {
283 color: var(--adminify-btn-bg);
284 }
285 .wp-adminify .wp-adminify--menu--editor--settings .accordion .tabs li .nav-link.active:before {
286 background-color: var(--adminify-btn-bg);
287 }
288 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel {
289 -webkit-box-shadow: none;
290 box-shadow: none;
291 }
292 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .remove-add-new-menu {
293 height: 20px;
294 display: block;
295 margin-top: 20px;
296 }
297 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .remove-add-new-menu span {
298 font-size: 16px;
299 text-align: right;
300 float: right;
301 color: red;
302 cursor: pointer;
303 }
304 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .remove-add-new-menu span i {
305 position: relative;
306 bottom: -1px;
307 }
308 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .tab-pane {
309 border: 0;
310 padding: 0.5rem 1.25rem 1.25rem;
311 }
312 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .tab-pane > span {
313 color: #4E4B66;
314 font-size: 14px;
315 font-weight: 400;
316 line-height: 20px;
317 margin: 0 0 15px 0;
318 display: block;
319 }
320 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form {
321 display: inline-block;
322 width: 100%;
323 }
324 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form label {
325 color: #4E4B66;
326 display: block;
327 font-size: 13px;
328 font-weight: 400;
329 line-height: 16px;
330 margin-bottom: 7px;
331 }
332 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form input[type=text],
333 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form input[type=url] {
334 width: 100%;
335 }
336 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form input[type=button] {
337 background-color: var(--adminify-text-color);
338 border: 1px solid rgba(78, 75, 102, 0.54);
339 -webkit-border-radius: 6px;
340 border-radius: 6px;
341 color: #4E4B66;
342 font-size: 14px;
343 font-weight: 400;
344 line-height: 34px;
345 padding: 0 1rem;
346 }
347 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .select:after {
348 display: none;
349 }
350 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .select {
351 height: auto;
352 }
353 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokenize .tokenize:focus {
354 -webkit-box-shadow: none;
355 box-shadow: none;
356 outline: 0;
357 }
358 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container {
359 background-color: #F1F1F3;
360 border: 0;
361 -webkit-border-radius: 6px;
362 border-radius: 6px;
363 height: auto;
364 margin: 0;
365 padding: 5px 35px 5px 10px;
366 position: relative;
367 min-width: 12rem;
368 }
369 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container:after {
370 content: "\e604";
371 color: var(--adminify-text-color);
372 font-family: "simple-line-icons";
373 font-size: 10px;
374 position: absolute;
375 top: 0;
376 right: 0;
377 background: #2447ff;
378 height: 100%;
379 width: 28px;
380 display: -webkit-box;
381 display: -webkit-flex;
382 display: -ms-flexbox;
383 display: flex;
384 -webkit-box-align: center;
385 -webkit-align-items: center;
386 -ms-flex-align: center;
387 align-items: center;
388 -webkit-box-pack: center;
389 -webkit-justify-content: center;
390 -ms-flex-pack: center;
391 justify-content: center;
392 -webkit-border-radius: 0px 6px 6px 0px;
393 border-radius: 0px 6px 6px 0px;
394 }
395 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li {
396 margin: 0;
397 padding: 0;
398 }
399 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.placeholder {
400 border: 0;
401 color: rgba(78, 75, 102, 0.72);
402 font-size: 13px;
403 top: 50%;
404 left: 15px;
405 margin-top: -11px;
406 position: absolute;
407 z-index: -1;
408 }
409 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token-search {
410 display: inline-block;
411 border: none;
412 min-width: 10px;
413 z-index: 1;
414 }
415 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token-search:before {
416 display: none;
417 }
418 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token-search input {
419 border: none !important;
420 background-color: transparent !important;
421 -webkit-box-shadow: none;
422 box-shadow: none;
423 outline: none;
424 line-height: 1.2 !important;
425 padding: 0 !important;
426 height: 100%;
427 width: 100%;
428 min-width: 100%;
429 z-index: -1;
430 }
431 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token {
432 border: 0;
433 margin: 3px;
434 z-index: 3;
435 }
436 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token .dismiss {
437 color: #c30052;
438 padding: 0 0 0 3px;
439 }
440 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokens-container li.token span {
441 background-color: var(--adminify-text-color);
442 border: 1px solid #F1F1F3;
443 -webkit-border-radius: 4px;
444 border-radius: 4px;
445 -webkit-box-shadow: none;
446 box-shadow: none;
447 color: #14142B;
448 font-size: 12px;
449 line-height: 1;
450 padding: 3px 15px 3px 5px;
451 }
452 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokenize.focus > .tokens-container {
453 border: 0;
454 -webkit-box-shadow: none;
455 box-shadow: none;
456 }
457 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .tokenize.focus > .tokens-container:after {
458 content: "\e607";
459 }
460 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .is-clickable-no {
461 opacity: 0.3;
462 pointer-events: none;
463 cursor: default;
464 }
465 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .upgrade-pro .adminify-pro-notice {
466 width: 300px;
467 padding: 5px !important;
468 margin-left: 8px;
469 margin-top: -5px;
470 }
471 .wp-adminify .wp-adminify--menu--editor--settings .accordion .panel .menu-editor-form .upgrade-pro .adminify-pro-notice p {
472 width: -webkit-calc(100% - 50px) !important;
473 width: calc(100% - 50px) !important;
474 text-align: left;
475 margin: 0 !important;
476 }
477 .wp-adminify .wp-adminify--menu--editor--settings .accordion .accordion {
478 -webkit-box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
479 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
480 }
481 .wp-adminify .wp-adminify--menu--editor--settings .accordion.adminify_sub_menu_item .tab-pane {
482 padding: 0 !important;
483 }
484 .wp-adminify .wp-adminify-menu-editor-loader {
485 background-color: rgba(255, 255, 255, 0.75);
486 position: absolute;
487 left: -webkit-calc(50% - 30px);
488 left: calc(50% - 30px);
489 top: -webkit-calc(25vh - 30px);
490 top: calc(25vh - 30px);
491 width: 30px;
492 height: 30px;
493 -webkit-border-radius: 50%;
494 border-radius: 50%;
495 background: conic-gradient(#0000 10%, #0347ff);
496 -webkit-mask: radial-gradient(farthest-side, #0000 -webkit-calc(100% - 8px), #000 0);
497 -webkit-animation: wp_adminify_loader_keyframe 1s infinite linear;
498 animation: wp_adminify_loader_keyframe 1s infinite linear;
499 z-index: 1;
500 }
501 .wp-adminify .wp-adminify--menu--editor--settings {
502 opacity: 0.5;
503 position: relative;
504 -webkit-transition: all 0.3s ease-in-out;
505 -o-transition: all 0.3s ease-in-out;
506 transition: all 0.3s ease-in-out;
507 }
508 .wp-adminify .loaded.wp-adminify--menu--editor--settings {
509 opacity: 1;
510 }
511 @-webkit-keyframes wp_adminify_loader_keyframe {
512 to {
513 -webkit-transform: rotate(1turn);
514 transform: rotate(1turn);
515 }
516 }
517 @keyframes wp_adminify_loader_keyframe {
518 to {
519 -webkit-transform: rotate(1turn);
520 transform: rotate(1turn);
521 }
522 }
523
524 .tokenize-dropdown > .dropdown-menu {
525 background: var(--adminify-text-color);
526 -webkit-box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
527 box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07);
528 border: 0;
529 -webkit-border-radius: 6px;
530 border-radius: 6px;
531 padding: 10px 0;
532 }
533
534 .tokenize-dropdown > .dropdown-menu li {
535 line-height: 1;
536 margin: 0;
537 padding: 0;
538 }
539
540 .tokenize-dropdown > .dropdown-menu li a {
541 color: rgba(78, 75, 102, 0.72);
542 display: inline-block;
543 line-height: 24px;
544 padding: 0 15px;
545 width: 100%;
546 }
547
548 .tokenize-dropdown > .dropdown-menu li a:hover {
549 color: var(--adminify-btn-bg);
550 }
551
552 /*# sourceMappingURL=adminify-menu-editor.css.map*/