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

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