PluginProbe
Adminify – White Label, Admin Menu Editor, Login Customizer / 4.2.19
Adminify – White Label, Admin Menu Editor, Login Customizer v4.2.19
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 / admin / css / wp-adminify--folder.css

wp-adminify--folder.css in Adminify – White Label, Admin Menu Editor, Login Customizer 4.2.19, at assets/admin/css/wp-adminify--folder.css

1,471 lines 74.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*************************************************************************************************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./dev/admin/modules/folder/folder.scss ***!
3 \*************************************************************************************************************************************************************************************************************************************************************/
4 body.wp-adminify {
5 --adminify-primary: #3a3ae9;
6 --adminify-preset-background: #f0f0f1;
7 --adminify-text-color: #fff;
8 --adminify-input-bg: #f1f1f3;
9 }
10
11 /*
12 * Useable Mixin
13 */
14 .wp-adminify a {
15 -webkit-text-decoration: none;
16 text-decoration: none;
17 }
18 .wp-adminify.has-folder-options #wpbody {
19 display: flex;
20 flex-direction: row;
21 align-items: flex-start;
22 gap: 16px;
23 }
24 .wp-adminify #wp-adminify--folder-app {
25 height: -webkit-fill-available;
26 position: relative;
27 padding-bottom: 65px;
28 margin-top: 8px;
29 }
30 .wp-adminify .wp-adminify--folder-widget {
31 position: sticky;
32 top: 48px;
33 flex-shrink: 0;
34 width: 280px;
35 min-height: calc(100vh - 32px);
36 max-height: calc(100vh - 32px);
37 margin: 0;
38 box-sizing: border-box;
39 }
40 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app {
41 border: 1px solid #dedee7;
42 border-radius: 4px;
43 background-color: #fff;
44 }
45 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul {
46 margin: 0;
47 }
48 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul li {
49 margin: 0;
50 }
51 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--header {
52 display: flex;
53 align-items: center;
54 justify-content: space-between;
55 padding: 16px;
56 border-bottom: 1px solid #dedee7;
57 }
58 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--header span {
59 font-size: 16px;
60 font-weight: 600;
61 line-height: 28px;
62 color: #182230;
63 }
64 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--header a {
65 font-size: 11px;
66 font-weight: 700;
67 line-height: 16px;
68 color: #fff;
69 text-align: center;
70 padding: 6px 10px;
71 border-radius: 2px;
72 border: 1px solid var(--adminify-primary);
73 background-color: var(--adminify-primary);
74 padding: 5px 10px;
75 }
76 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions {
77 display: flex;
78 align-items: center;
79 gap: 10px;
80 padding: 12px;
81 border-bottom: 1px solid #dedee7;
82 }
83 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions input[type=checkbox] {
84 border-color: #a8a6bf;
85 }
86 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers {
87 display: flex;
88 align-items: center;
89 gap: 6px;
90 }
91 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .btn--folder-rename {
92 font-size: 11px;
93 font-weight: 700;
94 line-height: 16px;
95 color: #fff;
96 text-align: center;
97 padding: 6px 10px;
98 border-radius: 2px;
99 border: 1px solid #17b26a;
100 background-color: #17b26a;
101 }
102 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .btn--folder-delete {
103 font-size: 11px;
104 font-weight: 700;
105 line-height: 16px;
106 color: #fff;
107 text-align: center;
108 padding: 6px 10px;
109 border-radius: 2px;
110 border: 1px solid #f04438;
111 background-color: #f04438;
112 }
113 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list {
114 display: flex;
115 align-items: center;
116 gap: 4px;
117 }
118 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-expand, .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-sort {
119 display: inline-flex;
120 }
121 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-expand svg, .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-sort svg {
122 width: 16px;
123 height: 16px;
124 }
125 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-expand {
126 font-size: 11px;
127 font-weight: 700;
128 line-height: 16px;
129 color: #000;
130 text-align: center;
131 padding: 6px 10px;
132 border-radius: 2px;
133 border: 1px solid #e5e5e5;
134 background-color: #e5e5e5;
135 cursor: pointer;
136 }
137 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--actions-triggers .folder-sort--list .btn--folder-sort {
138 font-size: 11px;
139 font-weight: 700;
140 line-height: 16px;
141 color: #fff;
142 text-align: center;
143 padding: 6px 10px;
144 border-radius: 2px;
145 border: 1px solid #48455f;
146 background-color: #48455f;
147 cursor: pointer;
148 }
149 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--search {
150 padding: 0 16px 16px 16px;
151 }
152 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--search input {
153 width: 100%;
154 padding: 6px 32px 6px 16px;
155 border-color: #dedee7;
156 border-radius: 2px;
157 font-size: 13px;
158 font-weight: 400;
159 line-height: 20px;
160 color: #8c89a9;
161 }
162 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--search input:focus {
163 border-color: #dedee7 !important;
164 box-shadow: none !important;
165 }
166 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--stats {
167 padding: 16px;
168 }
169 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--stats li {
170 padding: 8px;
171 border-radius: 2px;
172 }
173 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--stats li a {
174 display: flex;
175 align-items: center;
176 justify-content: space-between;
177 font-size: 13px;
178 font-weight: 500;
179 line-height: 20px;
180 color: #48455f;
181 outline: none;
182 box-shadow: none;
183 }
184 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--stats li.active {
185 background-color: #f4f4fa;
186 }
187 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--stats li.active a {
188 color: var(--adminify-primary);
189 }
190 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul.folder--lists {
191 padding: 16px;
192 padding-right: 4px;
193 margin-right: 4px;
194 border-top: 1px solid #dedee7;
195 max-height: calc(100vh - 424px);
196 overflow-y: auto;
197 overflow-x: auto;
198 /* Handle on hover */
199 }
200 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul.folder--lists::-webkit-scrollbar {
201 width: 4px;
202 }
203 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul.folder--lists::-webkit-scrollbar-thumb {
204 background: #888;
205 border-radius: 4px;
206 }
207 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app ul.folder--lists::-webkit-scrollbar-thumb:hover {
208 background: transparent;
209 }
210 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root {
211 position: relative;
212 padding-left: 8px;
213 }
214 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row {
215 display: flex;
216 align-items: center;
217 gap: 6px;
218 position: relative;
219 z-index: 1;
220 padding: 4px 0;
221 }
222 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control {
223 position: relative;
224 flex-shrink: 0;
225 display: flex;
226 align-items: center;
227 justify-content: center;
228 width: 22px;
229 height: 20px;
230 }
231 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--folder-toggle {
232 position: relative;
233 display: flex;
234 align-items: center;
235 justify-content: center;
236 padding: 0;
237 border: none;
238 background: transparent;
239 cursor: pointer;
240 }
241 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--folder-toggle .wp-adminify--icon {
242 font-size: 20px;
243 width: 20px;
244 height: 20px;
245 }
246 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--folder-toggle .wp-adminify--badge {
247 position: absolute;
248 bottom: 2px;
249 right: 3px;
250 width: 10px;
251 height: 10px;
252 font-size: 10px;
253 line-height: 12px;
254 color: #fff;
255 display: flex;
256 align-items: center;
257 justify-content: center;
258 opacity: 0.7;
259 }
260 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--folder-toggle .wp-adminify--badge::before {
261 font-size: 10px;
262 font-weight: bold;
263 }
264 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--icon {
265 font-size: 20px;
266 width: 20px;
267 height: 20px;
268 }
269 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--control {
270 -moz-appearance: none;
271 appearance: none;
272 -webkit-appearance: none;
273 width: 16px;
274 height: 16px;
275 border-radius: 3px;
276 background-color: #fff;
277 cursor: pointer;
278 margin: 0;
279 position: relative;
280 transition: all 0.15s ease;
281 }
282 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--control:checked {
283 background-color: var(--adminify-primary);
284 border-color: var(--adminify-primary);
285 }
286 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--control:checked::after {
287 content: "";
288 position: absolute;
289 left: 4px;
290 top: 1px;
291 width: 4px;
292 height: 8px;
293 border: solid #fff;
294 border-width: 0 2px 2px 0;
295 transform: rotate(45deg);
296 }
297 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row .wp-adminify--icon-control .wp-adminify--control:hover {
298 border-color: var(--adminify-primary);
299 }
300 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a {
301 flex: 1;
302 display: flex;
303 align-items: center;
304 justify-content: space-between;
305 padding: 6px 8px;
306 border-radius: 4px;
307 -webkit-text-decoration: none;
308 text-decoration: none;
309 background-color: #fff;
310 outline: none;
311 box-shadow: none;
312 }
313 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a .wp-adminify--name {
314 font-size: 14px;
315 font-weight: 400;
316 line-height: 20px;
317 color: #4e4b66;
318 }
319 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a .wp-adminify--count {
320 color: #4e4b66;
321 }
322 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a:hover {
323 background: #ececec;
324 }
325 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a.adminify-drop-hover {
326 background-color: var(--adminify-primary) !important;
327 }
328 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a.adminify-drop-hover span,
329 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root .wp-adminify--folder-row > a.adminify-drop-hover .wp-adminify--name {
330 color: #fff !important;
331 }
332 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a {
333 position: relative;
334 display: flex;
335 align-items: center;
336 justify-content: space-between;
337 padding: 6px;
338 margin: 2px 0;
339 border-radius: 4px;
340 -webkit-text-decoration: none;
341 text-decoration: none;
342 background-color: #fff;
343 z-index: 1;
344 }
345 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a .wp-adminify--folder-left {
346 display: flex;
347 align-items: center;
348 gap: 8px;
349 }
350 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a .wp-adminify--folder-left .wp-adminify--icon-control {
351 display: flex;
352 align-items: center;
353 justify-content: center;
354 width: 18px;
355 height: 18px;
356 }
357 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a .wp-adminify--folder-left .wp-adminify--name {
358 font-size: 14px;
359 font-weight: 400;
360 line-height: 20px;
361 color: #4e4b66;
362 }
363 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a:hover {
364 background: #ececec;
365 }
366 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a.adminify-drop-hover {
367 background-color: var(--adminify-primary) !important;
368 }
369 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a.adminify-drop-hover span,
370 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root > a.adminify-drop-hover .wp-adminify--name {
371 color: #fff;
372 }
373 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root::after {
374 position: absolute;
375 top: 18px;
376 left: 0;
377 content: "";
378 width: 16px;
379 height: 0;
380 border-top: 1px dashed #c0c0c0;
381 }
382 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root::before {
383 position: absolute;
384 content: "";
385 top: 0;
386 left: 0;
387 height: calc(100% + 4px);
388 width: 0;
389 border-left: 1px dashed #c0c0c0;
390 }
391 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root:first-child::before {
392 top: 18px;
393 height: calc(100% - 14px);
394 }
395 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root:last-child::before {
396 height: 18px;
397 }
398 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root:only-child::before {
399 height: 22px;
400 }
401 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root:first-child:last-child::before {
402 top: 0;
403 height: 18px;
404 }
405 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li ul.adminify--sub-menu {
406 display: none;
407 margin: 0;
408 padding: 0;
409 list-style: none;
410 }
411 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu {
412 position: fixed;
413 display: block;
414 min-width: 160px;
415 padding: 6px 0;
416 margin: 0;
417 list-style: none;
418 border: none;
419 border-radius: 6px;
420 background-color: #fff;
421 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
422 z-index: 999999;
423 }
424 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li {
425 margin: 0;
426 padding: 0;
427 }
428 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a {
429 display: flex;
430 align-items: center;
431 gap: 10px;
432 padding: 8px 14px;
433 color: #1e1e1e;
434 -webkit-text-decoration: none;
435 text-decoration: none;
436 font-size: 13px;
437 font-weight: 400;
438 line-height: 20px;
439 transition: background-color 0.15s ease;
440 }
441 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a .adminify-menu-icon {
442 font-size: 16px;
443 width: 16px;
444 height: 16px;
445 color: #757575;
446 display: flex;
447 align-items: center;
448 justify-content: center;
449 }
450 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a .adminify-menu-icon::before {
451 font-size: 16px;
452 }
453 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a .adminify-menu-text {
454 flex: 1;
455 }
456 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a:hover {
457 background-color: #f0f0f0;
458 }
459 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a:hover .adminify-menu-icon {
460 color: var(--adminify-primary);
461 }
462 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a.adminify-menu-delete {
463 color: #d63638;
464 }
465 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a.adminify-menu-delete .adminify-menu-icon {
466 color: #d63638;
467 }
468 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li a.adminify-menu-delete:hover {
469 background-color: #fcf0f1;
470 }
471 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.sub-menu--open > .adminify--sub-menu.adminify--context-menu li.adminify-menu-separator {
472 height: 1px;
473 margin: 6px 0;
474 background-color: #e0e0e0;
475 }
476 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists {
477 position: relative;
478 margin-left: 8px;
479 margin-top: 0;
480 padding-left: 0;
481 }
482 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists::before {
483 content: "";
484 position: absolute;
485 left: 0;
486 width: 0;
487 height: 18px;
488 border-left: 1px dashed #c0c0c0;
489 }
490 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists li.folder--single-root {
491 padding-left: 8px;
492 }
493 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists li.folder--single-root::before {
494 border-left: 1px dashed #c0c0c0;
495 }
496 .wp-adminify .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists li.folder--single-root::after {
497 border-top: 1px dashed #c0c0c0;
498 }
499 .wp-adminify .wp-adminify--popup-area {
500 position: fixed;
501 top: 0;
502 left: 0;
503 width: 100%;
504 height: 100%;
505 visibility: hidden;
506 opacity: 0;
507 z-index: -1;
508 margin: 0 auto;
509 background-color: rgba(0, 0, 0, 0.6);
510 backdrop-filter: blur(4px);
511 transition: opacity 0.25s ease, visibility 0.25s ease;
512 }
513 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container {
514 width: 100%;
515 max-width: 480px;
516 box-sizing: border-box;
517 margin: 0 auto;
518 position: relative;
519 top: 50%;
520 transform: translateY(-50%) scale(0.95);
521 transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
522 padding: 0 20px;
523 }
524 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner {
525 position: relative;
526 margin: 0 auto;
527 padding: 0;
528 border: none;
529 border-radius: 12px;
530 background-color: #fff;
531 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.05);
532 overflow: hidden;
533 }
534 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder,
535 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder,
536 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder,
537 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder {
538 padding: 28px 32px 32px;
539 }
540 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify--popup-close,
541 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify--popup-close,
542 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify--popup-close,
543 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify--popup-close {
544 position: absolute;
545 top: 16px;
546 right: 16px;
547 display: flex;
548 align-items: center;
549 justify-content: center;
550 width: 32px;
551 height: 32px;
552 border-radius: 8px;
553 background-color: transparent;
554 transition: background-color 0.15s ease;
555 -webkit-text-decoration: none;
556 text-decoration: none;
557 }
558 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify--popup-close:hover,
559 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify--popup-close:hover,
560 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify--popup-close:hover,
561 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify--popup-close:hover {
562 background-color: #fee2e2;
563 }
564 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify--popup-close span,
565 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify--popup-close span,
566 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify--popup-close span,
567 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify--popup-close span {
568 display: flex;
569 }
570 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify--popup-close span::before,
571 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify--popup-close span::before,
572 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify--popup-close span::before,
573 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify--popup-close span::before {
574 font-size: 20px;
575 color: #f04438;
576 }
577 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder h3,
578 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder h3,
579 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder h3,
580 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder h3 {
581 font-size: 20px;
582 font-weight: 600;
583 line-height: 28px;
584 color: #182230;
585 margin: 0 0 24px 0;
586 padding-right: 40px;
587 }
588 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name,
589 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color,
590 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name,
591 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color,
592 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name,
593 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color,
594 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name,
595 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color {
596 display: flex;
597 flex-direction: column;
598 gap: 8px;
599 margin-bottom: 20px;
600 }
601 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name > div:first-child,
602 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color > div:first-child,
603 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name > div:first-child,
604 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color > div:first-child,
605 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name > div:first-child,
606 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color > div:first-child,
607 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name > div:first-child,
608 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color > div:first-child {
609 font-size: 13px;
610 font-weight: 600;
611 line-height: 18px;
612 color: #374151;
613 text-transform: uppercase;
614 letter-spacing: 0.5px;
615 }
616 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name > div:last-child,
617 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color > div:last-child,
618 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name > div:last-child,
619 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color > div:last-child,
620 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name > div:last-child,
621 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color > div:last-child,
622 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name > div:last-child,
623 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color > div:last-child {
624 width: 100%;
625 }
626 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name input,
627 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color input,
628 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name input,
629 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color input,
630 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name input,
631 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color input,
632 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name input,
633 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color input {
634 width: 100%;
635 padding: 12px 16px;
636 border: 1px solid #e5e7eb;
637 border-radius: 8px;
638 font-size: 14px;
639 font-weight: 400;
640 line-height: 20px;
641 color: #182230;
642 background-color: #f9fafb;
643 transition: all 0.15s ease;
644 box-sizing: border-box;
645 }
646 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name input::-moz-placeholder, .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color input::-moz-placeholder {
647 color: #9ca3af;
648 }
649 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name input::placeholder,
650 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color input::placeholder,
651 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name input::placeholder,
652 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color input::placeholder,
653 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name input::placeholder,
654 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color input::placeholder,
655 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name input::placeholder,
656 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color input::placeholder {
657 color: #9ca3af;
658 }
659 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name input:hover,
660 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color input:hover,
661 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name input:hover,
662 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color input:hover,
663 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name input:hover,
664 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color input:hover,
665 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name input:hover,
666 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color input:hover {
667 border-color: #d1d5db;
668 }
669 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name input:focus,
670 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color input:focus,
671 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name input:focus,
672 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color input:focus,
673 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name input:focus,
674 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color input:focus,
675 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name input:focus,
676 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color input:focus {
677 border-color: var(--adminify-primary) !important;
678 background-color: #fff;
679 box-shadow: 0 0 0 3px rgba(91, 57, 242, 0.1) !important;
680 outline: none;
681 }
682 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors,
683 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors,
684 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors,
685 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors,
686 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors,
687 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors,
688 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors,
689 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors {
690 display: flex;
691 gap: 10px;
692 margin: 0;
693 padding: 0;
694 list-style: none;
695 }
696 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors li,
697 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors li,
698 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors li,
699 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors li,
700 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors li,
701 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors li,
702 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors li,
703 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors li {
704 display: inline-block;
705 margin: 0;
706 }
707 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors li a,
708 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors li a,
709 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors li a,
710 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors li a,
711 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors li a,
712 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors li a,
713 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors li a,
714 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors li a {
715 position: relative;
716 display: flex;
717 align-items: center;
718 justify-content: center;
719 width: 32px;
720 height: 32px;
721 outline: none;
722 border-radius: 50%;
723 -webkit-text-decoration: none;
724 text-decoration: none;
725 transition: transform 0.15s ease, box-shadow 0.15s ease;
726 border: 2px solid transparent;
727 }
728 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors li a:hover,
729 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors li a:hover,
730 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors li a:hover,
731 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors li a:hover,
732 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors li a:hover,
733 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors li a:hover,
734 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors li a:hover,
735 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors li a:hover {
736 transform: scale(1.1);
737 }
738 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors li.active a,
739 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors li.active a,
740 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors li.active a,
741 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors li.active a,
742 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors li.active a,
743 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors li.active a,
744 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors li.active a,
745 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors li.active a {
746 box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentColor;
747 transform: scale(1.1);
748 }
749 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__name .wp-adminify--colors li.active a::before,
750 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder__color .wp-adminify--colors li.active a::before,
751 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__name .wp-adminify--colors li.active a::before,
752 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder__color .wp-adminify--colors li.active a::before,
753 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__name .wp-adminify--colors li.active a::before,
754 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder__color .wp-adminify--colors li.active a::before,
755 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__name .wp-adminify--colors li.active a::before,
756 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder__color .wp-adminify--colors li.active a::before {
757 content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
758 filter: brightness(9);
759 }
760 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .button,
761 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .button,
762 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .button,
763 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .button {
764 display: inline-flex;
765 align-items: center;
766 justify-content: center;
767 padding: 10px 20px;
768 border-radius: 8px;
769 font-size: 14px;
770 font-weight: 500;
771 line-height: 20px;
772 -webkit-text-decoration: none;
773 text-decoration: none;
774 cursor: pointer;
775 transition: all 0.15s ease;
776 border: 1px solid #e5e7eb;
777 background-color: #fff;
778 color: #374151;
779 }
780 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .button:hover,
781 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .button:hover,
782 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .button:hover,
783 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .button:hover {
784 background-color: #f3f4f6;
785 border-color: #d1d5db;
786 }
787 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .button.button-primary,
788 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .button.button-primary,
789 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .button.button-primary,
790 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .button.button-primary {
791 background-color: var(--adminify-primary);
792 border-color: var(--adminify-primary);
793 color: #fff;
794 box-shadow: 0 2px 8px rgba(91, 57, 242, 0.3);
795 }
796 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .button.button-primary:hover,
797 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .button.button-primary:hover,
798 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .button.button-primary:hover,
799 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .button.button-primary:hover {
800 filter: brightness(0.9);
801 box-shadow: 0 4px 12px rgba(91, 57, 242, 0.4);
802 transform: translateY(-1px);
803 }
804 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .button.button-primary:active,
805 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .button.button-primary:active,
806 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .button.button-primary:active,
807 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .button.button-primary:active {
808 transform: translateY(0);
809 }
810 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .adminify-save-folder,
811 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .adminify-save-folder,
812 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .adminify-save-folder,
813 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .adminify-save-folder {
814 display: flex;
815 justify-content: flex-end;
816 margin-top: 8px;
817 }
818 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .popup--new-folder-error,
819 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .popup--new-folder-error,
820 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .popup--new-folder-error,
821 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .popup--new-folder-error {
822 margin-top: 16px;
823 padding: 12px 16px;
824 border-radius: 8px;
825 background-color: #fef2f2;
826 border: 1px solid #fecaca;
827 color: #dc2626;
828 font-size: 13px;
829 font-weight: 500;
830 line-height: 18px;
831 }
832 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify-folder--pro-notice,
833 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify-folder--pro-notice,
834 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify-folder--pro-notice,
835 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify-folder--pro-notice {
836 padding: 20px;
837 border-radius: 8px;
838 background: linear-gradient(135deg, #fef3c7, #fde68a);
839 border: 1px solid #f59e0b;
840 }
841 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--create-new-folder .wp-adminify-folder--pro-notice a,
842 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--rename-folder .wp-adminify-folder--pro-notice a,
843 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder .wp-adminify-folder--pro-notice a,
844 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder .wp-adminify-folder--pro-notice a {
845 color: #d97706;
846 font-weight: 600;
847 }
848 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder {
849 text-align: center;
850 padding: 40px 32px;
851 }
852 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder::before {
853 content: "";
854 display: block;
855 width: 64px;
856 height: 64px;
857 margin: 0 auto 20px;
858 background-color: #fef2f2;
859 border-radius: 50%;
860 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E");
861 background-repeat: no-repeat;
862 background-position: center;
863 background-size: 32px;
864 }
865 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder h3 {
866 padding-right: 0;
867 text-align: center;
868 margin-bottom: 12px;
869 }
870 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder p {
871 color: #6b7280;
872 font-size: 14px;
873 font-weight: 400;
874 line-height: 22px;
875 margin: 0 0 28px 0;
876 }
877 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder > div:last-child {
878 display: flex;
879 gap: 12px;
880 justify-content: center;
881 }
882 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder > div:last-child .button {
883 min-width: 120px;
884 }
885 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder > div:last-child .button-primary {
886 background-color: #f04438;
887 border-color: #f04438;
888 box-shadow: 0 2px 8px rgba(240, 68, 56, 0.3);
889 }
890 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--delete-folder > div:last-child .button-primary:hover {
891 filter: brightness(0.9);
892 box-shadow: 0 4px 12px rgba(240, 68, 56, 0.4);
893 }
894 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder {
895 text-align: center;
896 padding: 40px 32px;
897 }
898 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder::before {
899 content: "";
900 display: block;
901 width: 64px;
902 height: 64px;
903 margin: 0 auto 20px;
904 background-color: #eff6ff;
905 border-radius: 50%;
906 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z'/%3E%3C/svg%3E");
907 background-repeat: no-repeat;
908 background-position: center;
909 background-size: 32px;
910 }
911 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder h3 {
912 padding-right: 0;
913 text-align: center;
914 margin-bottom: 12px;
915 }
916 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder p {
917 color: #6b7280;
918 font-size: 14px;
919 font-weight: 400;
920 line-height: 22px;
921 margin: 0 0 28px 0;
922 }
923 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder > div:last-child {
924 display: flex;
925 gap: 12px;
926 justify-content: center;
927 }
928 .wp-adminify .wp-adminify--popup-area .wp-adminify--popup-container .wp-adminify--popup-container_inner .popup--move-to-folder > div:last-child .button {
929 min-width: 130px;
930 }
931 .wp-adminify.wp-adminify--popup-show {
932 position: relative;
933 }
934 .wp-adminify.wp-adminify--popup-show .wp-adminify--popup-area {
935 visibility: visible;
936 opacity: 1;
937 z-index: 9999;
938 }
939 .wp-adminify.wp-adminify--popup-show .wp-adminify--popup-area .wp-adminify--popup-container {
940 transform: translateY(-50%) scale(1);
941 }
942 .wp-adminify.has-folder-options #wpbody-content {
943 flex: 1;
944 min-width: 0;
945 box-sizing: border-box;
946 }
947 .wp-adminify table {
948 position: relative;
949 z-index: 2;
950 }
951 .wp-adminify table td.column-adminify_move::before {
952 content: "" !important;
953 }
954 .wp-adminify table .column-adminify_move {
955 width: 40px;
956 }
957 .wp-adminify table .column-adminify_move .adminify-move-file--title {
958 display: none;
959 }
960 .wp-adminify table .column-adminify_move .dashicons-move::before {
961 font-size: 16px;
962 }
963 .wp-adminify table .column-adminify_move.adminify-draggable .ui-draggable-dragging {
964 display: flex;
965 align-items: center;
966 gap: 8px;
967 width: -moz-max-content;
968 width: max-content;
969 padding: 6px 12px;
970 border-radius: 2px;
971 background-color: #ddd;
972 z-index: 5;
973 }
974 .wp-adminify table .column-adminify_move.adminify-draggable .ui-draggable-dragging .adminify-move-file--title {
975 display: block !important;
976 }
977 .wp-adminify.rtl.has-folder-options #wpbody {
978 flex-direction: row-reverse;
979 }
980 .wp-adminify.rtl .wp-adminify--folder-widget {
981 border-right: none;
982 border-left: 1px solid #dedee7;
983 }
984 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--search input {
985 padding: 6px 16px 6px 32px;
986 }
987 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app ul.folder--lists {
988 padding-right: 16px;
989 padding-left: 4px;
990 margin-right: 0;
991 margin-left: 4px;
992 }
993 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root {
994 padding-left: 0;
995 padding-right: 8px;
996 }
997 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root::after {
998 left: auto;
999 right: 0;
1000 }
1001 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists li.folder--single-root::before {
1002 left: auto;
1003 right: 0;
1004 border-left: none;
1005 border-right: 1px dashed #c0c0c0;
1006 }
1007 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists {
1008 margin-left: 0;
1009 margin-right: 8px;
1010 }
1011 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists::before {
1012 left: auto;
1013 right: 0;
1014 border-left: none;
1015 border-right: 1px dashed #c0c0c0;
1016 }
1017 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists li.folder--single-root {
1018 padding-left: 0;
1019 padding-right: 8px;
1020 }
1021 .wp-adminify.rtl .wp-adminify--folder-widget .wp-adminify--folder-app .folder--lists .folder--sub-lists li.folder--single-root::before {
1022 border-left: none;
1023 border-right: 1px dashed #c0c0c0;
1024 }
1025 .wp-adminify.rtl .wp-adminify--popup-area .wp-adminify--popup-close {
1026 right: auto !important;
1027 left: 16px;
1028 }
1029 .wp-adminify.rtl .wp-adminify--popup-area h3 {
1030 padding-right: 0 !important;
1031 padding-left: 40px;
1032 }
1033 .wp-adminify.rtl .wp-adminify--popup-area .popup--delete-folder h3,
1034 .wp-adminify.rtl .wp-adminify--popup-area .popup--move-to-folder h3 {
1035 padding-left: 0;
1036 }
1037 .wp-adminify.rtl .wp-adminify--popup-area .popup--new-folder__name > div:first-child,
1038 .wp-adminify.rtl .wp-adminify--popup-area .popup--new-folder__color > div:first-child {
1039 text-align: right;
1040 }
1041 .wp-adminify.rtl .wp-adminify--popup-area .popup--new-folder__name input,
1042 .wp-adminify.rtl .wp-adminify--popup-area .popup--new-folder__color input {
1043 text-align: right;
1044 }
1045 .wp-adminify.rtl .wp-adminify--popup-area .wp-adminify--colors {
1046 justify-content: flex-start;
1047 }
1048 .wp-adminify.rtl .wp-adminify--popup-area .adminify-save-folder {
1049 justify-content: flex-start;
1050 }
1051
1052 .adminify-drag-helper {
1053 position: fixed !important;
1054 display: inline-flex;
1055 align-items: center;
1056 gap: 8px;
1057 padding: 8px 14px;
1058 background-color: #32373c;
1059 color: #fff;
1060 font-size: 13px;
1061 font-weight: 500;
1062 line-height: 1.4;
1063 border-radius: 4px;
1064 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
1065 white-space: nowrap;
1066 z-index: 9999999 !important;
1067 pointer-events: none;
1068 }
1069 .adminify-drag-helper__icon {
1070 font-size: 16px;
1071 }
1072 .adminify-drag-helper__icon::before {
1073 color: #fff;
1074 }
1075 .adminify-drag-helper__text {
1076 color: #fff;
1077 }
1078
1079 .ui-draggable-dragging {
1080 z-index: 999999 !important;
1081 pointer-events: none;
1082 }
1083
1084 .attachments-browser li.attachment.ui-draggable-dragging {
1085 z-index: 999999 !important;
1086 opacity: 0.8;
1087 }
1088
1089 body.adminify--items-dragging .attachments-browser .attachments {
1090 position: relative;
1091 z-index: 1;
1092 }
1093 body.adminify--items-dragging .wp-adminify--folder-widget {
1094 z-index: 10 !important;
1095 }
1096 body.adminify--items-dragging .folder--lists li > a,
1097 body.adminify--items-dragging .folder--stats li > a {
1098 transition: all 0.15s ease;
1099 }
1100 body.adminify--items-dragging .folder--lists li > a.adminify-drop-hover,
1101 body.adminify--items-dragging .folder--stats li > a.adminify-drop-hover {
1102 background-color: #0073aa !important;
1103 color: #fff !important;
1104 transform: scale(1.02);
1105 box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3);
1106 }
1107 body.adminify--items-dragging .folder--lists li > a.adminify-drop-hover span,
1108 body.adminify--items-dragging .folder--lists li > a.adminify-drop-hover .wp-adminify--name,
1109 body.adminify--items-dragging .folder--lists li > a.adminify-drop-hover .wp-adminify--count,
1110 body.adminify--items-dragging .folder--stats li > a.adminify-drop-hover span,
1111 body.adminify--items-dragging .folder--stats li > a.adminify-drop-hover .wp-adminify--name,
1112 body.adminify--items-dragging .folder--stats li > a.adminify-drop-hover .wp-adminify--count {
1113 color: #fff !important;
1114 }
1115 body.adminify--items-dragging .folder--lists li > a.adminify-drop-hover .dashicons::before,
1116 body.adminify--items-dragging .folder--stats li > a.adminify-drop-hover .dashicons::before {
1117 color: #fff !important;
1118 }
1119
1120 .adminify--context-menu-portal {
1121 min-width: 170px;
1122 padding: 6px 0;
1123 margin: 0;
1124 list-style: none;
1125 border: none;
1126 border-radius: 6px;
1127 background-color: #fff;
1128 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
1129 }
1130 .adminify--context-menu-portal li {
1131 margin: 0;
1132 padding: 0;
1133 }
1134 .adminify--context-menu-portal li a {
1135 display: flex;
1136 align-items: center;
1137 gap: 10px;
1138 padding: 8px 14px;
1139 color: #1e1e1e;
1140 -webkit-text-decoration: none;
1141 text-decoration: none;
1142 font-size: 13px;
1143 font-weight: 400;
1144 line-height: 20px;
1145 transition: background-color 0.15s ease;
1146 }
1147 .adminify--context-menu-portal li a .adminify-menu-icon {
1148 font-size: 16px;
1149 width: 16px;
1150 height: 16px;
1151 color: #757575;
1152 display: flex;
1153 align-items: center;
1154 justify-content: center;
1155 }
1156 .adminify--context-menu-portal li a .adminify-menu-icon::before {
1157 font-size: 16px;
1158 }
1159 .adminify--context-menu-portal li a .adminify-menu-text {
1160 flex: 1;
1161 }
1162 .adminify--context-menu-portal li a:hover {
1163 background-color: #f0f0f0;
1164 }
1165 .adminify--context-menu-portal li a:hover .adminify-menu-icon {
1166 color: #5c39f2;
1167 }
1168 .adminify--context-menu-portal li a.adminify-menu-delete {
1169 color: #d63638;
1170 }
1171 .adminify--context-menu-portal li a.adminify-menu-delete .adminify-menu-icon {
1172 color: #d63638;
1173 }
1174 .adminify--context-menu-portal li a.adminify-menu-delete:hover {
1175 background-color: #fcf0f1;
1176 }
1177 .adminify--context-menu-portal li.adminify-menu-separator {
1178 height: 1px;
1179 margin: 6px 0;
1180 background-color: #e0e0e0;
1181 }
1182
1183 #wp-media-modal.wp-adminify-has-folders .media-frame-menu-heading {
1184 display: none !important;
1185 }
1186 #wp-media-modal.wp-adminify-has-folders .media-frame-title, #wp-media-modal.wp-adminify-has-folders .media-frame-router, #wp-media-modal.wp-adminify-has-folders .media-frame-content, #wp-media-modal.wp-adminify-has-folders .media-frame-toolbar {
1187 margin-left: 296px;
1188 transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1189 }
1190 #wp-media-modal.wp-adminify-has-folders .media-frame-menu {
1191 bottom: auto;
1192 bottom: initial;
1193 display: block !important;
1194 height: 100%;
1195 width: 296px;
1196 transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1197 }
1198 #wp-media-modal.wp-adminify-has-folders .media-frame-menu .media-menu {
1199 padding-top: 15px !important;
1200 }
1201 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-folder-container .wp-adminify--folder-widget {
1202 margin: auto;
1203 }
1204 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice {
1205 position: relative;
1206 margin: 20px 14px;
1207 padding: 28px 20px 24px;
1208 background-color: #fff;
1209 border: 1px solid #e5e7eb;
1210 border-radius: 12px;
1211 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
1212 text-align: center;
1213 }
1214 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-notice-close {
1215 position: absolute;
1216 top: 10px;
1217 right: 10px;
1218 display: flex;
1219 align-items: center;
1220 justify-content: center;
1221 width: 28px;
1222 height: 28px;
1223 background: none;
1224 border: none;
1225 border-radius: 6px;
1226 cursor: pointer;
1227 color: #f04438;
1228 padding: 0;
1229 transition: background-color 0.15s ease;
1230 }
1231 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-notice-close:hover {
1232 background-color: #fee2e2;
1233 }
1234 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-notice-icon {
1235 display: flex;
1236 align-items: center;
1237 justify-content: center;
1238 width: 52px;
1239 height: 52px;
1240 margin: 0 auto 16px;
1241 border-radius: 50%;
1242 border: 1.5px solid var(--adminify-primary);
1243 color: var(--adminify-primary);
1244 }
1245 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice h4 {
1246 margin: 0 0 8px 0;
1247 font-size: 15px;
1248 font-weight: 600;
1249 color: #1e1e1e;
1250 line-height: 1.4;
1251 }
1252 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice p {
1253 margin: 0 0 20px 0;
1254 font-size: 12.5px;
1255 line-height: 1.6;
1256 color: #6b7280;
1257 }
1258 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-notice-actions {
1259 display: flex;
1260 justify-content: center;
1261 }
1262 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-btn {
1263 display: inline-block;
1264 padding: 9px 24px;
1265 background-color: var(--adminify-primary);
1266 color: #fff;
1267 -webkit-text-decoration: none;
1268 text-decoration: none;
1269 border-radius: 8px;
1270 font-size: 13px;
1271 font-weight: 600;
1272 line-height: 1.4;
1273 box-shadow: 0 2px 6px rgba(58, 58, 233, 0.25);
1274 transition: all 0.15s ease;
1275 }
1276 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-btn:hover {
1277 filter: brightness(0.9);
1278 box-shadow: 0 4px 10px rgba(58, 58, 233, 0.35);
1279 transform: translateY(-1px);
1280 color: #fff;
1281 }
1282 #wp-media-modal.wp-adminify-has-folders .wp-adminify--modal-pro-notice .wp-adminify--modal-pro-btn:active {
1283 transform: translateY(0);
1284 }
1285 #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-title, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-router, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-content, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-toolbar {
1286 margin-left: 56px;
1287 }
1288 #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-menu {
1289 width: 56px;
1290 }
1291 #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame:not(.hide-menu) .media-frame-menu {
1292 width: 200px !important;
1293 }
1294 #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame:not(.hide-menu) .media-frame-title, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame:not(.hide-menu) .media-frame-router, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame:not(.hide-menu) .media-frame-content, #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame:not(.hide-menu) .media-frame-toolbar {
1295 margin-left: 0 !important;
1296 }
1297
1298 .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders .media-frame:not(.hide-menu) .media-frame-title, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders .media-frame:not(.hide-menu) .media-frame-router, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders .media-frame:not(.hide-menu) .media-frame-content, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders .media-frame:not(.hide-menu) .media-frame-toolbar {
1299 margin-left: 100px;
1300 }
1301 .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-title, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-router, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-content, .wp-adminify-classic-editor #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-toolbar {
1302 margin-left: 56px !important;
1303 }
1304
1305 .rtl #wp-media-modal.wp-adminify-has-folders .media-frame-title, .rtl #wp-media-modal.wp-adminify-has-folders .media-frame-router, .rtl #wp-media-modal.wp-adminify-has-folders .media-frame-content, .rtl #wp-media-modal.wp-adminify-has-folders .media-frame-toolbar {
1306 margin-left: 0;
1307 margin-right: 296px;
1308 transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1309 }
1310 .rtl #wp-media-modal.wp-adminify-has-folders .media-frame-menu {
1311 left: auto;
1312 right: 0;
1313 }
1314 .rtl #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-title, .rtl #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-router, .rtl #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-content, .rtl #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-toolbar {
1315 margin-left: 0;
1316 margin-right: 56px;
1317 }
1318
1319 .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-title, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-router, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-content, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-toolbar {
1320 margin-left: 0 !important;
1321 margin-right: 100px !important;
1322 transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1323 }
1324 .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-title, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-router, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-content, .rtl .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame-toolbar {
1325 margin-left: 0 !important;
1326 margin-right: -148px !important;
1327 }
1328
1329 .wp-adminify.elementor-editor-active .folder--actions input[type=checkbox], .wp-adminify.elementor-editor-active .folder--lists input[type=checkbox] {
1330 -moz-appearance: none;
1331 appearance: none;
1332 -webkit-appearance: none;
1333 width: 16px;
1334 height: 16px;
1335 min-width: 16px;
1336 border: 1px solid #dedee7;
1337 border-radius: 3px;
1338 background-color: #fff;
1339 cursor: pointer;
1340 margin: 0;
1341 position: relative;
1342 }
1343 .wp-adminify.elementor-editor-active .folder--actions input[type=checkbox]::before, .wp-adminify.elementor-editor-active .folder--lists input[type=checkbox]::before {
1344 content: none !important;
1345 }
1346 .wp-adminify.elementor-editor-active .folder--actions input[type=checkbox]:checked, .wp-adminify.elementor-editor-active .folder--lists input[type=checkbox]:checked {
1347 background-color: var(--adminify-primary, var(--adminify-primary));
1348 border-color: var(--adminify-primary, var(--adminify-primary));
1349 }
1350 .wp-adminify.elementor-editor-active .folder--actions input[type=checkbox]:checked::after, .wp-adminify.elementor-editor-active .folder--lists input[type=checkbox]:checked::after {
1351 content: "";
1352 position: absolute;
1353 left: 4px;
1354 top: 3px !important;
1355 width: 4px;
1356 height: 8px;
1357 border: solid #fff;
1358 border-width: 0 2px 2px 0;
1359 transform: rotate(45deg);
1360 }
1361 .wp-adminify.elementor-editor-active ul.folder--lists {
1362 max-height: calc(100vh - 482px) !important;
1363 }
1364 .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-title, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-router, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-content, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame-toolbar {
1365 margin-left: 100px !important;
1366 transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1367 }
1368 .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame.hide-menu .media-frame-title, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame.hide-menu .media-frame-router, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame.hide-menu .media-frame-content, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders .media-frame.hide-menu .media-frame-toolbar {
1369 margin-left: 296px !important;
1370 transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1371 }
1372 .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame.hide-menu .media-frame-title, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame.hide-menu .media-frame-router, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame.hide-menu .media-frame-content, .wp-adminify.elementor-editor-active #wp-media-modal.wp-adminify-has-folders.adminify-folder-collapsed .media-frame.hide-menu .media-frame-toolbar {
1373 margin-left: 56px !important;
1374 transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1375 }
1376
1377 .wp-adminify--folder-widget {
1378 position: relative;
1379 transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1380 }
1381 .wp-adminify--folder-widget .wp-adminify--folder-app {
1382 transition: opacity 0.25s ease, visibility 0.25s ease;
1383 }
1384 .wp-adminify--folder-widget .wp-adminify--sidebar-toggle {
1385 position: absolute;
1386 top: 50px;
1387 right: -14px;
1388 z-index: 100;
1389 display: flex;
1390 align-items: center;
1391 justify-content: center;
1392 width: 28px;
1393 height: 28px;
1394 padding: 0;
1395 border: 1px solid #dcdcde;
1396 border-radius: 50%;
1397 background-color: #fff;
1398 cursor: pointer;
1399 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
1400 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1401 }
1402 .wp-adminify--folder-widget .wp-adminify--sidebar-toggle .dashicons {
1403 font-size: 16px;
1404 width: 16px;
1405 height: 16px;
1406 color: #50575e;
1407 line-height: 1;
1408 transition: transform 0.3s ease;
1409 }
1410 .wp-adminify--folder-widget .wp-adminify--sidebar-toggle .dashicons::before {
1411 line-height: 16px;
1412 }
1413 .wp-adminify--folder-widget .wp-adminify--sidebar-toggle:hover {
1414 background-color: #f6f7f7;
1415 border-color: #c3c4c7;
1416 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
1417 }
1418 .wp-adminify--folder-widget .wp-adminify--sidebar-toggle:hover .dashicons {
1419 color: #2271b1;
1420 }
1421 .wp-adminify--folder-widget.is-collapsed {
1422 width: 40px !important;
1423 min-width: 40px !important;
1424 }
1425 .wp-adminify--folder-widget.is-collapsed .wp-adminify--folder-app {
1426 opacity: 0;
1427 visibility: hidden;
1428 pointer-events: none;
1429 }
1430 .wp-adminify--folder-widget.is-collapsed .wp-adminify--sidebar-toggle {
1431 right: 6px;
1432 background-color: #fff;
1433 border-color: #c3c4c7;
1434 width: 32px;
1435 height: 32px;
1436 border-radius: 4px;
1437 }
1438 .wp-adminify--folder-widget.is-collapsed .wp-adminify--sidebar-toggle .dashicons {
1439 font-size: 20px;
1440 width: 20px;
1441 height: 20px;
1442 color: var(--adminify-primary);
1443 }
1444 .wp-adminify--folder-widget.is-collapsed .wp-adminify--sidebar-toggle::after {
1445 content: "";
1446 position: absolute;
1447 right: -6px;
1448 top: 50%;
1449 transform: translateY(-50%);
1450 width: 0;
1451 height: 0;
1452 border-top: 5px solid transparent;
1453 border-bottom: 5px solid transparent;
1454 border-left: 6px solid gray;
1455 }
1456
1457 .rtl .wp-adminify--folder-widget .wp-adminify--sidebar-toggle {
1458 right: auto;
1459 left: -14px;
1460 }
1461 .rtl .wp-adminify--folder-widget.is-collapsed .wp-adminify--sidebar-toggle {
1462 right: auto;
1463 left: 6px;
1464 }
1465 .rtl .wp-adminify--folder-widget.is-collapsed .wp-adminify--sidebar-toggle::after {
1466 right: auto;
1467 left: -6px;
1468 border-left: none;
1469 border-right: 6px solid gray;
1470 }
1471