PluginProbe ʕ •ᴥ•ʔ
Folders – Unlimited Folders to Organize Media Library Folder, Pages, Posts, File Manager / 2.8
Folders – Unlimited Folders to Organize Media Library Folder, Pages, Posts, File Manager v2.8
3.1.9 3.1.8 3.1.7 2.9.3 2.9.4 2.9.5 2.9.6 2.9.7 2.9.8 3.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 trunk 1.3.7 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.3.8 2.3.9 2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 2.6.6 2.6.7 2.6.8 2.6.9 2.7 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.8 2.8.1 2.8.2 2.8.3 2.8.4 2.8.5 2.8.6 2.8.7 2.8.8 2.8.9 2.9 2.9.1 2.9.2
folders / assets / css / design.css
folders / assets / css Last commit date
admin-setting.css 5 years ago design.css 5 years ago design.min.css 5 years ago folder-icon.css 5 years ago folders.css 4 years ago folders.min.css 4 years ago jquery.mcustomscrollbar.min.css 5 years ago jstree.css 5 years ago jstree.min.css 5 years ago media-clean.css 4 years ago media.css 5 years ago new-media.css 5 years ago page-post-media.css 4 years ago page-post-media.min.css 4 years ago replace-media.css 5 years ago select2.min.css 5 years ago settings.css 4 years ago spectrum.min.css 6 years ago
design.css
1927 lines
1 .wcp-custom-menu {
2 padding-left: 0;
3 }
4 .wcp-custom-menu a, .wcp-custom-menu a:focus {
5 outline: none;
6 box-shadow: none;
7 }
8 .wcp-custom-menu {
9 position: relative
10 }
11 .wcp-container ul {
12 list-style: none
13 }
14 .wcp-container .route {
15 position: relative;
16 list-style-type: none;
17 border: 0;
18 margin: 0;
19 padding: 0;
20 top: 0;
21 max-height: 100% !important;
22 width: 100%;
23 border-radius: 2px;
24 z-index: -1;
25 background: 0 0
26 }
27 .wcp-container .route span {
28 position: absolute;
29 top: 2px;
30 left: 0;
31 z-index: 10;
32 width: 20px;
33 height: 18px;
34 text-indent: 0;
35 font-size: 20px;
36 background: no-repeat;
37 text-align: center;
38 }
39 .wcp-container .route .title {
40 position: absolute;
41 border: 0;
42 margin: 0;
43 padding: 0;
44 height: 30px;
45 width: 200px;
46 text-indent: 28px;
47 background: 0 0;
48 box-shadow: none;
49 font-size: 13px;
50 line-height: 26px;
51 border-radius: 4px;
52 -webkit-border-radius: 4px;
53 -moz-border-radius: 4px;
54 overflow: hidden;
55 font-weight: normal;
56 }
57 .wcp-container .first-title {
58 margin-left: 10px
59 }
60 .wcp-container .space {
61 position: relative;
62 list-style-type: none;
63 border: 0;
64 margin: 0 0 0 20px;
65 padding: 0 0 30px 0;
66 width: 40px;
67 top: 30px;
68 height: 100%;
69 z-index: 1
70 }
71 .wcp-container .first-space {
72 margin-left: 0px;
73 top: 0px;
74 padding: 0;
75 }
76 i.fa-caret-right {
77 transition: .1s;
78 -webkit-transition: .1s;
79 -moz-transition: .1s
80 }
81 li.active > span > i.fa-caret-right {
82 transform: rotate(90deg);
83 -webkit-transform: rotate(90deg);
84 -moz-transform: rotate(90deg)
85 }
86 li.active > span > i.fa-folder:before {
87 content: "\f07c"
88 }
89 .has-sub-tree > ul.ui-sortable li {
90 display: none
91 }
92 .has-sub-tree.active > ul.ui-sortable > li {
93 display: block
94 }
95 .nav-icon {
96 display: none;
97 left: -10px !important;
98 cursor: pointer;
99 }
100 .has-sub-tree > .nav-icon {
101 display: block
102 }
103 .wcp-content {
104 position: fixed !important;
105 top: 32px;
106 left: 160px;
107 bottom: 0;
108 width: 280px;
109 box-sizing: border-box;
110 z-index: 1;
111 direction: ltr;
112 transition: all .15s linear;
113 -webkit-transition: all .15s linear;
114 -moz-transition: all .15s linear;
115 }
116 body.add-folder-zindex .wcp-content {
117 z-index: 10000;
118 }
119 html[dir=rtl] .wcp-content {
120 left: auto;
121 right: 160px
122 }
123 body.folded .wcp-content {
124 left: 36px
125 }
126 html[dir=rtl] body.folded .wcp-content {
127 left: auto;
128 right: 36px
129 }
130 body.wp-admin #wpcontent {
131 padding-left: 305px;
132 transition: all .15s linear;
133 -webkit-transition: all .15s linear;
134 -moz-transition: all .15s linear
135 }
136 html[dir=rtl] body.wp-admin #wpcontent {
137 padding-left: 0;
138 padding-right: 305px
139 }
140 .wcp-container {
141 padding: 20px 20px 20px 16px
142 }
143 .form-title {
144 font-size: 23px;
145 font-weight: 400;
146 margin: 0;
147 padding: 0 0 10px 0;
148 line-height: 29px;
149 min-height: 36px
150 }
151 .form-operations {
152 border: solid 1px #e5e5e5;
153 border-right: none;
154 margin-bottom: 20px
155 }
156 .form-operations ul {
157 margin: 0;
158 padding: 0
159 }
160 .form-operations li {
161 display: block;
162 float: left;
163 width: 20%;
164 text-align: center;
165 background: #fff;
166 margin: 0;
167 padding: 0
168 }
169 .form-operations li a {
170 display: block;
171 padding: 10px 0;
172 border-right: solid 1px #e5e5e5;
173 font-size: 16px;
174 color: #727272
175 }
176 .clearfix {
177 clear: both
178 }
179 .wcp-parent-data {
180 position: relative
181 }
182 .wcp-parent {
183 position: absolute;
184 left: -21px;
185 font-weight: 700;
186 font-size: 14px
187 }
188 .wcp-parent .fa {
189 font-size: 18px;
190 margin-right: 8px
191 }
192 .wcp-form-data {
193 background: #fff;
194 border: solid 1px #f1f1f1;
195 padding: 15px;
196 display: none;
197 margin-bottom: 20px
198 }
199 .wcp-form-title {
200 color: #727272;
201 font-size: 14px;
202 text-transform: uppercase;
203 padding: 0 0 10px 0
204 }
205 .wcp-form-data .form-field {
206 padding: 0 0 10px 0
207 }
208 .wcp-form-data .form-field input, .wcp-form-data .form-field select {
209 width: 100%
210 }
211 button#wcp-save-folder {
212 float: right
213 }
214 .wcp-form-message span {
215 display: block;
216 padding: 5px 10px;
217 background: #ffabab;
218 margin-bottom: 10px;
219 color: #000;
220 border: solid 1px #8c0000;
221 border-radius: 4px
222 }
223 .wcp-container .route.active-item > h3.title {
224 background: #008ec2;
225 color: #fff;
226 border-radius: 4px
227 }
228 .wcp-container .route span.ui-icon {
229 line-height: 24px;
230 font-size: 18px;
231 cursor: move;
232 left: 5px;
233 top: 2px;
234 height: 26px
235 }
236 .route.active-item > span.ui-icon {
237 background: #008ec2;
238 color: #fff
239 }
240 #custom-menu.active > ul > li.route {
241 display: block
242 }
243 .wcp-parent.active > i.fa-caret-right {
244 transform: rotate(90deg);
245 -webkit-transform: rotate(90deg);
246 -moz-transform: rotate(90deg)
247 }
248 .wcp-parent.active > i.fa-folder:before {
249 content: "\f07c"
250 }
251 .wcp-container .route .title .move-folder-icon, .wcp-container .route .title .folder-sticky-icon {
252 float: right;
253 position: relative;
254 top: 0;
255 left: auto;
256 width: 20px;
257 height: 30px;
258 line-height: 26px;
259 display: none;
260 }
261 .wcp-container .route.is-sticky .title .folder-sticky-icon {
262 display: block;
263 }
264 span.folder-sticky-icon i {
265 font-size: 14px !important;
266 }
267 .mCS_no_scrollbar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
268 overflow: visible;
269 }
270 body:not(.no-hover-css) .wcp-container .route .title:hover {
271 background: rgba(250, 22, 107, 0.08);
272 cursor: pointer
273 }
274 .wcp-container .route .title.wcp-drop-hover .ui-icon .folder-sticky-icon {
275
276 }
277 body:not(.no-hover-css) .wcp-container .route .title:hover > .star-icon, body:not(.no-hover-css) .wcp-container .route .title:hover > .folder-sticky-icon {
278 display: none !important;
279 }
280 body:not(.no-hover-css) .wcp-container .route .title:hover .move-folder-icon, body:not(.no-hover-css) .wcp-container .route .title.wcp-drop-hover .move-folder-icon {
281 display: block
282 }
283 body:not(.no-hover-css) .wcp-container .route .title:hover .ui-icon .pfolder-folder-close:before, body:not(.no-hover-css) .wcp-container .route .title.wcp-drop-hover .ui-icon .pfolder-folder-close:before {
284 content: "\e901" !important;
285 }
286 #custom-menu .route.active > h3.title .pfolder-folder-close:before {
287 content: "\e902";
288 }
289 .route.is-sticky > h3.title > .ui-icon > .folder-sticky-icon {
290 display: block;
291 width: 100%;
292 height: auto;
293 margin: 3px auto 0;
294 }
295 .route.is-sticky.active-item > h3.title > .ui-icon > .folder-sticky-icon {
296 filter: invert(100%);
297 -webkit-filter: invert(100%);
298 }
299 /*.route.is-sticky > h3.title > .ui-icon > i {
300 display: none;
301 }*/
302 .wcp-container .route .title.wcp-drop-hover img {
303 filter: invert(100%);
304 -webkit-filter: invert(100%);
305 }
306 .plugin-button {
307 float: right;
308 }
309 .plugin-button.d-block {
310 float: none;
311 }
312 .plugin-title {
313 display: inline-block;
314 vertical-align: middle;
315 }
316 .add-new-folder {
317 text-decoration: none;
318 display: inline-block;
319 font-size: 14px;
320 padding: 4px 10px 4px 4px;
321 background: #f51366;
322 color: #fff;
323 border: solid 1px #f51366;
324 border-radius: 4px;
325 line-height: 24px;
326 position: relative
327 }
328 .add-new-folder:focus, .add-new-folder:hover {
329 color: #fff
330 }
331 .add-new-folder:hover:after {
332 content: "";
333 width: 100%;
334 height: 100%;
335 background: rgba(0, 0, 0, .1);
336 position: absolute;
337 top: 0;
338 left: 0
339 }
340 .add-new-folder span {
341 display: block;
342 float: left;
343 line-height: 24px;
344 font-size: 14px;
345 margin-right: 5px
346 }
347 .add-new-folder span.folder-icon-create_new_folder {
348 font-size: 20px
349 }
350 .form-options {
351 background: #fff;
352 padding: 0 5px 5px 5px;
353 margin: 0 0;
354 border-radius: 4px;
355 box-shadow: 0px 4px 21px rgba(7, 16, 28, 0.1);
356 }
357 .form-options .form-options {
358 padding: 0;
359 background: transparent;
360 box-shadow: none;
361 }
362 .form-options ul {
363 margin: 0;
364 padding: 0
365 }
366 .form-options > ul > li {
367 display: inline-block;
368 margin: 0 2px 0 0;
369 vertical-align: top
370 }
371 .form-options > ul > li.last {
372 margin: 0
373 }
374 .form-options > ul > li > a {
375 display: inline-block;
376 text-decoration: none;
377 padding: 5px 7px;
378 color: #000;
379 vertical-align: middle;
380 margin: 0;
381 background: #F1F1F1;
382 border-radius: 4px;
383 }
384 .form-options > ul > li.last > a {
385 padding: 3px
386 }
387 a#expand-collapse-list.all-open span {
388 -webkit-transform: rotate(180deg);
389 transform: rotate(180deg);
390 }
391 .form-options > ul > li > a:hover {
392 background: #404040;
393 color: #fff;
394 }
395 .form-options > ul > li > a:hover span.icon {
396 color: #ffffff
397 }
398 .form-options > ul > li > a.expand-collapse {
399 text-align: center;
400 }
401 .form-options a.expand-collapse span.icon {
402 font-size: 6px;
403 }
404 .form-options span.icon {
405 font-size: 12px;
406 display: inline-block;
407 vertical-align: baseline;
408 color: #A4C0D2;
409 }
410 .un-categorised-items {
411 border-radius: 3px
412 }
413 .header-posts a, .un-categorised-items a {
414 color: #444;
415 padding: 7px;
416 display: block;
417 text-decoration: none;
418 font-size: 14px;
419 border-radius: 4px;
420 line-height: 18px
421 }
422 .header-posts a:hover, .un-categorised-items.active-item, .un-categorised-items:hover {
423 background: rgba(250, 22, 107, 0.08);
424 border-radius: 4px;
425 }
426 .header-posts a.active-item, .un-categorised-items.active-item {
427 background: #008ec2 !important;
428 color: #fff !important
429 }
430 .un-categorised-items.active-item a {
431 color: #fff !important
432 }
433 .header-posts a.active-item span.total-count, .un-categorised-items.active-item a span {
434 color: #fff !important
435 }
436 span.total-count {
437 float: right;
438 font-size: 12px;
439 line-height: 16px;
440 }
441 .wcp-icon {
442 display: inline-block;
443 font-size: 16px;
444 vertical-align: top;
445 margin-right: 3px
446 }
447 #custom-menu .wcp-icon {
448 font-size: 16px !important;
449 line-height: 24px
450 }
451 #custom-menu .route .nav-icon .wcp-icon {
452 font-size: 9px !important;
453 color: #fa166b;
454 font-weight: bold;
455 transform: rotate(-90deg);
456 transition: all 0.25s linear;
457 }
458 #custom-menu .route.active .nav-icon .wcp-icon {
459 transform: rotate(0deg);
460 }
461 .route.active > .nav-icon > .folder-icon-arrow_right {
462 transform: rotate(90deg);
463 -webkit-transform: rotate(90deg);
464 -moz-transform: rotate(90deg)
465 }
466 .route.active > .ui-icon > .folder-icon-folder:before {
467 content: "\e90c"
468 }
469 .wcp-container .route span.total-count {
470 position: relative;
471 font-size: 10px;
472 float: right;
473 text-align: center;
474 width: auto;
475 display: block;
476 margin: 4px 8px 3px 3px;
477 color: #23282d !important;
478 line-height: 16px;
479 height: 16px
480 }
481 .wcp-container .route.active-item > h3.title span.total-count {
482 color: #ffffff !important;
483 }
484 .dynamic-menu {
485 position: fixed;
486 left: auto;
487 right: 5px;
488 background: #fff;
489 width: 235px;
490 padding: 0;
491 z-index: 1000001;
492 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
493 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
494 box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
495 }
496 .dynamic-menu ul {
497 margin: 0;
498 padding: 0;
499 }
500 .sticky-folders .dynamic-menu {
501 left: auto;
502 right: 50px;
503 }
504 .dynamic-menu li {
505 position: relative;
506 width: 100%;
507 display: block !important;
508 padding: 2px 0;
509 margin: 0
510 }
511 .dynamic-menu a {
512 text-decoration: none;
513 position: relative;
514 display: block;
515 padding: 5px 10px;
516 line-height: 18px;
517 white-space: nowrap;
518 font-size: 13px;
519 color: #333;
520 }
521 .dynamic-menu ul > li > a > span, .dynamic-menu ul > li > a > span span {
522 position: relative !important;
523 display: inline-block;
524 vertical-align: middle;
525 margin-right: 5px;
526 top: auto !important;
527 width: 20px !important;
528 height: 20px !important;
529 line-height: 14px;
530 text-align: center;
531 }
532
533 .dynamic-menu ul > li > a >span.dashicons {
534 font-size: 18px;
535 text-align: left;
536 }
537 #custom-menu .dynamic-menu ul > li > a .sticky-pin {
538 line-height: 20px;
539 }
540 #custom-menu .dynamic-menu ul > li > a .sticky-pin i {
541 font-size: 16px !important;
542 }
543 .dynamic-menu ul > li > a > span.dashicons {
544 font-size: 18px;
545 text-align: left;
546 }
547 .dynamic-menu ul > li > a > span span {
548 top: auto;
549 height: auto;
550 width: auto;
551 margin: 0;
552 left: auto;
553 vertical-align: baseline;
554 display: inline
555 }
556 .dynamic-menu li.new-folder, .dynamic-menu li.new-folder-pro {
557 border-bottom: solid 1px #d8d8d8
558 }
559 .dynamic-menu a:hover, .dynamic-menu a.active {
560 background: #efefef;
561 color: #000
562 }
563 .dynamic-menu ul li span {
564 font-size: 20px;
565 vertical-align: middle;
566 }
567 .dynamic-menu ul li span.sticky-folder-icon {
568 width: 20px;
569 }
570 .dynamic-menu ul li span i {
571 font-size: 14px;
572 line-height: 16px;
573 font-weight: normal;
574 }
575 .wcp-form-input {
576 padding-left: 35px;
577 box-sizing: border-box;
578 position: relative
579 }
580 .wcp-form-input input {
581 width: 100%
582 }
583 .wcp-form-btn {
584 padding: 4px 0 4px 2px
585 }
586 .wcp-form-input:before {
587 content: "\e90d";
588 font-family: folder-icon !important;
589 speak: none;
590 position: absolute;
591 left: 0;
592 font-size: 28px;
593 top: 5px
594 }
595 .add-new-folder-btn {
596 margin-right: 5px !important
597 }
598 .form-loader {
599 width: 100%;
600 height: 5px;
601 margin: 0 0 10px
602 }
603 .form-loader-count {
604 width: 0;
605 height: 5px;
606 background: url(../images/form-loader.png);
607 transition: all 2.5s linear;
608 -webkit-transition: all 2s linear;
609 -moz-transition: all 2.5s linear
610 }
611 .route.is-high > .ui-icon > i:before {
612 content: "\e900" !important
613 }
614 .route.is-high.active > .ui-icon > i:before {
615 content: "\e90c" !important;
616 z-index: 11;
617 color: #444;
618 font-size: 20px
619 }
620 .route.is-high.active > .ui-icon > i:after {
621 content: "\e907";
622 margin-left: -1.2em;
623 color: #444;
624 font-size: 11px;
625 top: 1px;
626 position: absolute
627 }
628 .route.is-high.active.active-item > .ui-icon > i:after, .route.is-high.active.active-item > .ui-icon > i:before {
629 color: #fff
630 }
631 li.active-menu {
632 z-index: 2 !important
633 }
634 body.woocommerce-page th#taxonomy-product_folder {
635 width: 10% !important;
636 }
637 .wp-list-table th.column-title {
638 width: 22% !important;
639 }
640 .wp-list-table #wcp_move {
641 width: 20px !important
642 }
643 td.wcp_move.column-wcp_move {
644 vertical-align: middle
645 }
646 .wp-list-table tr td .wcp-move-file {
647 vertical-align: middle;
648 opacity: 0
649 }
650 .wp-list-table td.wcp_move.column-wcp_move.wcp-draggable, .wp-list-table tr:hover td .wcp-move-file {
651 opacity: 1
652 }
653 .wcp-drop-hover {
654 background: #FA166B !important;
655 z-index: 2 !important;
656 color: #fff !important
657 }
658 .wcp-drop-hover i {
659 color: #fff !important
660 }
661 .ui-draggable-dragging {
662 z-index: 1051 !important
663 }
664 .wcp-hover-list {
665 background: #FA166B !important;
666 color: #fff;
667 position: relative
668 }
669 .wcp-hover-list a {
670 color: #fff
671 }
672 .wcp-hover-list span.total-count {
673 color: #000
674 }
675 span.wcp-item {
676 display: none
677 }
678 .wcp-move-file {
679 cursor: move
680 }
681 .wcp-drop-hover-list a.folder-view {
682 background: #008ec2;
683 color: #fff;
684 border: solid 1px #fff;
685 position: relative
686 }
687 .wcp-drop-hover-list a.folder-view:before {
688 width: 100%;
689 height: 100%;
690 content: "";
691 position: absolute;
692 top: -2px;
693 left: -2px;
694 border: solid 1px #008ec2;
695 padding: 1px;
696 border-radius: 4px;
697 -moz-border-radius: 4px;
698 -webkit-border-radius: 4px
699 }
700 .ui-draggable-dragging.wcp-move-file {
701 z-index: 5001;
702 display: inline-block;
703 border: solid 2px #0073aa;
704 padding: 5px 10px;
705 border-radius: 5px;
706 background: #e4f6ff;
707 position: fixed !important;
708 max-width: 230px;
709 overflow: hidden;
710 width: auto !important
711 }
712 .ui-draggable-dragging.wcp-move-file span {
713 display: block;
714 float: left
715 }
716 .ui-draggable-dragging.wcp-move-file span.wcp-move {
717 margin-right: 5px;
718 display: block;
719 float: left
720 }
721 .wcp-container .route span.title-text {
722 position: relative;
723 top: auto;
724 left: auto;
725 display: inline-block;
726 font-size: 16px;
727 line-height: 30px;
728 height: 30px;
729 width: calc(100% - 100px);
730 overflow: hidden;
731 white-space: nowrap;
732 text-align: left;
733 }
734 .ui-resizable-handle.ui-resizable-e {
735 position: absolute;
736 top: 0;
737 height: 100%;
738 height: 100vh;
739 width: 1px;
740 right: 0;
741 border-right: 1px solid #ccc;
742 cursor: col-resize
743 }
744 .ui-resizable-handle.ui-resizable-e:before, .ui-resizable-handle.ui-resizable-w:before {
745 content: "";
746 top: 25%;
747 width: 3px;
748 height: 30px;
749 position: absolute;
750 border-left: solid 1px #fa166b;
751 border-right: solid 1px #fa166b;
752 left: -1px
753 }
754 .ui-resizable-handle.ui-resizable-w {
755 position: absolute;
756 top: 0;
757 height: 100%;
758 height: 100vh;
759 width: 1px;
760 left: 0;
761 border-right: 1px solid #ccc;
762 cursor: col-resize
763 }
764 div#custom-menu {
765 padding: 0 10px 10px;
766 background: #ffffff;
767 box-shadow: 0px 4px 21px rgba(7, 16, 28, 0.1);
768 }
769 body:not(.no-hover-css) .wcp-container .route h3:hover > span.update-inline-record, body:not(.no-hover-css) .sticky-folders li a:hover span.update-inline-record {
770 width: 18px
771 }
772 .tree-structure li {
773 display: block;
774 width: auto;
775 float: left;
776 margin: 0;
777 padding: 0
778 }
779 .tree-structure .folder-item {
780 padding: 4px;
781 position: relative
782 }
783 .tree-structure .folder-view {
784 display: block;
785 border: none;
786 color: #404040;
787 border-radius: 4px;
788 -moz-border-radius: 4px;
789 -webkit-border-radius: 4px;
790 position: relative;
791 cursor: pointer;
792 background: #F1F1F1;
793 font-size: 14px;
794 line-height: 16px;
795 }
796 .tree-structure .folder-view span.item-name {
797 display: block;
798 padding: 8px 15px 8px 30px;
799 position: relative;
800 width: 100%;
801 overflow: hidden;
802 height: 32px;
803 font-size: 14px;
804 box-sizing: border-box;
805 }
806 .folder-view span.item-name:before {
807 content: "\e906";
808 font-family: 'premio-folder' !important;
809 position: absolute;
810 left: 8px;
811 font-size: 16px;
812 color: #A4C0D2;
813 }
814 .folder-view.is-high span.item-name:before {
815 content: "\e900"
816 }
817 .folder-view.is-post span.item-name:before {
818 content: "\e901"
819 }
820 .tree-structure span.folder-option {
821 position: absolute;
822 right: 0;
823 font-family: folder-icon !important;
824 top: 0;
825 font-size: 20px;
826 line-height: 38px;
827 z-index: 1;
828 cursor: pointer;
829 display: none
830 }
831 .tree-structure .folder-view:hover span.folder-option {
832 display: block
833 }
834 .tree-structure span.folder-option:hover {
835 color: #f51366
836 }
837 .tree-structure span.folder-option:after {
838 content: "\e90a"
839 }
840 .tree-structure li {
841 position: relative
842 }
843 .tree-structure {
844 margin-left: -8px;
845 margin-right: -8px
846 }
847 .tree-structure .folder-view span.folder-title {
848 width: 100%;
849 display: block
850 }
851 .swal2-popup .swal2-title {
852 line-height: 36px
853 }
854 .attachments-browser.ui-draggable-dragging .media-sidebar, .attachments-browser.ui-draggable-dragging .media-toolbar, .attachments-browser.ui-draggable-dragging .uploader-inline, .attachments-browser.ui-draggable-dragging ul.attachments {
855 display: none
856 }
857 .attachments.ui-sortable.ui-draggable-dragging {
858 z-index: 5000
859 }
860 .selected-items {
861 background: #0073aa;
862 color: #fff;
863 padding: 10px 20px;
864 border-radius: 5px;
865 -moz-border-radius: 5px;
866 -webkit-border-radius: 5px;
867 margin-top: 0;
868 cursor: none;
869 font-size: 12px
870 }
871 .media-frame, .media-frame .attachments-browser, .media-frame-content {
872 overflow: inherit
873 }
874 .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
875 width: 2px !important;
876 background-color: transparent !important;
877 box-shadow: none !important
878 }
879 .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
880 width: 2px !important;
881 background-color: #fa166b !important;
882 margin: 0 0 0 4px!important;
883 padding: 0 !important;
884 }
885 .mCSB_outside + .mCSB_scrollTools {
886 right: -15px !important
887 }
888 body.upload-php.eml-grid #wpbody {
889 position: relative !important;
890 top: 0 !important;
891 bottom: auto !important;
892 left: auto !important;
893 right: auto !important;
894 height: auto
895 }
896 #footer-thankyou {
897 display: none
898 }
899 span.upgrade-message {
900 padding: 0;
901 background: #fff;
902 display: inline-block;
903 font-size: 12px;
904 color: #000
905 }
906 span.upgrade-message a.pink, span.upgrade-message span.pink {
907 color: #ff5983;
908 text-decoration: none;
909 font-weight: 700
910 }
911 span.upgrade-message a.pink span.dashicons, span.upgrade-message span.pink span.dashicons {
912 width: 16px;
913 height: 16px;
914 font-size: 16px;
915 line-height: 16px;
916 vertical-align: middle;
917 }
918 .media-toolbar.sticky-media {
919 position: fixed;
920 top: 32px;
921 right: 18px !important;
922 left: auto
923 }
924 .media-position {
925 width: 1px;
926 height: 1px
927 }
928 .media-frame.mode-grid .media-toolbar {
929 margin: 0 !important
930 }
931 .button-disabled {
932 cursor: no-drop;
933 pointer-events: none
934 }
935 .wcp-hide-show-buttons {
936 position: absolute;
937 top: 25px;
938 right: -20px;
939 z-index: 10001;
940 }
941 html[dir="rtl"] .wcp-hide-show-buttons {
942 left: -20px;
943 right: auto;
944 }
945 .wcp-hide-show-buttons .toggle-buttons {
946 background: #f51366;
947 color: #fff;
948 display: inline-block;
949 margin: 0;
950 padding: 0;
951 float: left;
952 -webkit-border-top-right-radius: 50%;
953 -webkit-border-bottom-right-radius: 50%;
954 -moz-border-radius-topright: 50%;
955 -moz-border-radius-bottomright: 50%;
956 border-top-right-radius: 50%;
957 border-bottom-right-radius: 50%;
958 display: none;
959 width: 20px;
960 height: 20px;
961 cursor: pointer;
962 position: relative
963 }
964 .wcp-hide-show-buttons:hover .toggle-buttons:after {
965 content: "";
966 width: 100%;
967 height: 100%;
968 background: transparent;
969 position: absolute;
970 top: 0;
971 left: 0;
972 -webkit-border-top-right-radius: 50%;
973 -webkit-border-bottom-right-radius: 50%;
974 -moz-border-radius-topright: 50%;
975 -moz-border-radius-bottomright: 50%;
976 border-top-right-radius: 50%;
977 border-bottom-right-radius: 50%
978 }
979 html[dir="rtl"] .wcp-hide-show-buttons .toggle-buttons {
980 border-radius: 0;
981 -webkit-border-radius: 0;
982 -moz-border-radius: 0;
983 -webkit-border-top-left-radius: 50%;
984 -webkit-border-bottom-left-radius: 50%;
985 -moz-border-radius-top-left: 50%;
986 -moz-border-radius-bottom-left: 50%;
987 border-top-left-radius: 50%;
988 border-bottom-left-radius: 50%;
989 }
990 html[dir="rtl"] .wcp-hide-show-buttons .toggle-buttons span {
991 -webkit-transform: rotate(180deg);
992 transform: rotate(180deg);
993 }
994 .hide-folders-area .wcp-content {
995 width: 0 !important
996 }
997 .hide-folders-area .wcp-container {
998 display: none
999 }
1000 .wcp-hide-show-buttons .toggle-buttons.active {
1001 display: block
1002 }
1003 #wcp-content.no-transition .wcp-container {
1004 display: none
1005 }
1006 button.button.organize-button {
1007 vertical-align: middle;
1008 text-decoration: none;
1009 display: inline-block;
1010 font-size: 14px;
1011 padding: 4px 10px;
1012 background: #f51366;
1013 color: #fff;
1014 border: solid 1px #f51366;
1015 border-radius: 3px;
1016 line-height: 14px;
1017 -webkit-box-shadow: 0 3px 5px -3px #333;
1018 -moz-box-shadow: 0 3px 5px -3px #333;
1019 box-shadow: 0 3px 5px -3px #333;
1020 position: relative
1021 }
1022 button.button.organize-button:focus, button.button.organize-button:hover {
1023 color: #fff
1024 }
1025 button.button.organize-button:hover:after {
1026 content: "";
1027 width: 100%;
1028 height: 100%;
1029 background: rgba(0, 0, 0, .1);
1030 position: absolute;
1031 top: 0;
1032 left: 0
1033 }
1034 .tree-structure-content ul {
1035 margin: 0;
1036 padding: 0
1037 }
1038 .tree-structure-content {
1039 padding: 5px 10px;
1040 background: #fff;
1041 margin: 10px 0 15px;
1042 border-radius: 4px;
1043 -moz-border-radius: 4px;
1044 -webkit-border-radius: 4px;
1045 border: solid 1px #ccc
1046 }
1047 .tree-structure-content .tree-structure {
1048 height: 40px;
1049 overflow: hidden;
1050 transition: .1s;
1051 -webkit-transition: .1s;
1052 -moz-transition: .1s
1053 }
1054 .tree-structure-content.active .tree-structure {
1055 height: auto
1056 }
1057 .folders-toggle-button {
1058 height: 15px;
1059 text-align: center;
1060 position: relative
1061 }
1062 .folders-toggle-button span {
1063 background: #f51366;
1064 color: #fff;
1065 height: 20px;
1066 width: 30px;
1067 text-align: center;
1068 display: block;
1069 margin: 0 auto;
1070 position: absolute;
1071 left: 0;
1072 right: 0;
1073 bottom: -10px;
1074 cursor: pointer;
1075 font-family: dashicons;
1076 font-size: 20px;
1077 line-height: 20px
1078 }
1079 .folders-toggle-button span:after {
1080 content: "\f347"
1081 }
1082 .tree-structure-content.active .folders-toggle-button span:after {
1083 content: "\f343"
1084 }
1085 span.media-info-message {
1086 vertical-align: middle;
1087 line-height: 20px;
1088 font-weight: 700;
1089 color: #f51366;
1090 padding: 0 0 10px 0;
1091 display: none !important
1092 }
1093 span.media-info-message.active {
1094 display: block !important
1095 }
1096 .folder-popup-form {
1097 position: fixed;
1098 width: 100%;
1099 height: 100%;
1100 background: rgba(0, 0, 0, .5);
1101 top: 0;
1102 left: 0;
1103 z-index: 10001;
1104 display: none
1105 }
1106 .folder-popup-form.disabled {
1107 pointer-events: none
1108 }
1109 .popup-form-content {
1110 background: #fff;
1111 min-height: 100px;
1112 width: 400px;
1113 text-align: center;
1114 margin: 0 auto;
1115 position: absolute;
1116 left: 0;
1117 right: 0;
1118 top: 50%;
1119 transform: translate(0, -50%);
1120 -webkit-transform: translate(0, -50%);
1121 -moz-transform: translate(0, -50%);
1122 -o-transform: translate(0, -50%);
1123 -ms-transform: translate(0, -50%);
1124 padding: 20px;
1125 -webkit-border-radius: 4px;
1126 -moz-border-radius: 4px;
1127 border-radius: 4px;
1128 color: #484848;
1129 }
1130 .folder-form-buttons a:not(.inline-button), .folder-form-buttons button {
1131 display: inline-flex;
1132 padding: 0;
1133 text-decoration: none;
1134 margin: 10px 3px;
1135 border-radius: 4px;
1136 border: solid 1px #1DA1F4;
1137 line-height: 34px;
1138 font-weight: bold;
1139 font-size: 14px;
1140 box-sizing: border-box;
1141 height: 36px;
1142 cursor: pointer;
1143 flex: 1;
1144 justify-content: center;
1145 }
1146 .folder-form-buttons a.inline-button {
1147 display: inline-block;
1148 color: #f51366;
1149 text-decoration: none;
1150 font-weight: 500;
1151 }
1152 .folder-form-buttons a.inline-button:hover, .folder-form-buttons a.inline-button:focus {
1153 color: #f51366;
1154 }
1155 .folder-form-buttons a span, .folder-form-buttons button span {
1156 -webkit-animation: fa-spin .75s infinite linear;
1157 animation: fa-spin .75s infinite linear;
1158 padding: 7px;
1159 }
1160 .wcp-container .folder-tooltip {
1161 position: relative
1162 }
1163 .wcp-container .folder-tooltip::after, .wcp-container .folder-tooltip::before {
1164 text-transform: none;
1165 font-size: .9em;
1166 line-height: 1;
1167 user-select: none;
1168 pointer-events: none;
1169 position: absolute;
1170 display: none;
1171 opacity: 0
1172 }
1173 .wcp-container .folder-tooltip::before {
1174 content: '';
1175 border: 5px solid transparent;
1176 z-index: 1001
1177 }
1178 .wcp-container .folder-tooltip::after {
1179 content: attr(data-folder-tooltip);
1180 font-family: Helvetica, sans-serif;
1181 text-align: center;
1182 min-width: 3em;
1183 max-width: 21em;
1184 white-space: nowrap;
1185 overflow: hidden;
1186 text-overflow: ellipsis;
1187 padding: 1ch 1.5ch;
1188 border-radius: .3ch;
1189 box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
1190 background: #333;
1191 color: #fff;
1192 z-index: 1000
1193 }
1194 .wcp-container .folder-tooltip:hover::after, .wcp-container .folder-tooltip:hover::before {
1195 display: block;
1196 opacity: 1
1197 }
1198 .wcp-container .folder-tooltip:not([flow])::before, .wcp-container .folder-tooltip[flow^=up]::before {
1199 bottom: 100%;
1200 border-bottom-width: 0;
1201 border-top-color: #333
1202 }
1203 .wcp-container .folder-tooltip:not([flow])::after, .wcp-container .folder-tooltip[flow^=up]::after {
1204 bottom: calc(100% + 5px)
1205 }
1206 .wcp-container .folder-tooltip:not([flow])::after, .wcp-container .folder-tooltip:not([flow])::before, .wcp-container .folder-tooltip[flow^=up]::after, .wcp-container .folder-tooltip[flow^=up]::before {
1207 left: 50%;
1208 transform: translate(-50%, -.5em)
1209 }
1210 .wp-core-ui .button-primary.select-all-item-btn {
1211 margin: 11px 11px 11px 0;
1212 display: none !important
1213 }
1214 .wp-core-ui .button-primary.select-all-item-btn.active {
1215 display: inline-block !important
1216 }
1217 .form-options > ul > li.last.folder-checkbox {
1218 padding: 5px 0 0;
1219 }
1220 #custom-menu input.checkbox {
1221 display: none
1222 }
1223 #custom-menu.show-folder-checkbox input.checkbox {
1224 display: block;
1225 margin: 5px 0 0 0
1226 }
1227 #custom-menu.show-folder-checkbox h3.title > .ui-icon > i, #custom-menu.show-folder-checkbox h3.title > .ui-icon > img {
1228 display: none !important
1229 }
1230 @-webkit-keyframes fa-spin {
1231 0% {
1232 -webkit-transform: rotate(0);
1233 transform: rotate(0)
1234 } 100% {
1235 -webkit-transform: rotate(359deg);
1236 transform: rotate(359deg)
1237 }
1238 }
1239 .folder-form-buttons a:focus, .folder-form-buttons a:hover, .folder-form-buttons button:focus, .folder-form-buttons button:hover {
1240 color: #fff;
1241 outline: none;
1242 }
1243 .folder-form-buttons a:focus {
1244 outline: 0;
1245 outline: none;
1246 }
1247 .form-cancel-btn, a.form-cancel-btn:hover {
1248 background-color: #fff;
1249 color: #3085d6;
1250 outline: none;
1251 }
1252 .form-submit-btn {
1253 background-color: #3085d6;
1254 color: #ffffff;
1255 outline: none;
1256 }
1257 .add-update-folder-title {
1258 display: block;
1259 position: relative;
1260 max-width: 100%;
1261 margin: 0;
1262 padding: 0 0 15px 0;
1263 color: #595959;
1264 text-align: center;
1265 text-transform: none;
1266 word-wrap: break-word;
1267 font-weight: bold;
1268 font-size: 22px;
1269 line-height: 26px;
1270 }
1271 .add-update-folder-title:after {
1272 content: "";
1273 position: absolute;
1274 top: 100%;
1275 width: 70px;
1276 height: 2px;
1277 background: #3085d6;
1278 left: 0;
1279 right: 0;
1280 margin: 0 auto;
1281 }
1282 .folder-form-message {
1283 font-size: 15px;
1284 line-height: 20px;
1285 color: #4A5568;
1286 padding: 25px 70px;
1287 }
1288 .folder-form-errors {
1289 margin: 0 0 10px 0;
1290 padding: 8px 0;
1291 background: #ffe4e4;
1292 color: #a20000;
1293 display: none
1294 }
1295 .folder-form-errors.active {
1296 display: block
1297 }
1298 span.folder-loader-ajax {
1299 margin: 0;
1300 line-height: 30px;
1301 display: none;
1302 vertical-align: middle;
1303 }
1304 .folder-loader-ajax.active {
1305 display: inline-block
1306 }
1307 @-webkit-keyframes scaleAnimation {
1308 0% {
1309 opacity: 0;
1310 -webkit-transform: scale(1.5);
1311 transform: scale(1.5)
1312 } 100% {
1313 opacity: 1;
1314 -webkit-transform: scale(1);
1315 transform: scale(1)
1316 }}
1317 @keyframes scaleAnimation {
1318 0% {
1319 opacity: 0;
1320 -webkit-transform: scale(1.5);
1321 transform: scale(1.5)
1322 } 100% {
1323 opacity: 1;
1324 -webkit-transform: scale(1);
1325 transform: scale(1)
1326 }}
1327 @-webkit-keyframes drawCircle {
1328 0% {
1329 stroke-dashoffset: 151px
1330 } 100% {
1331 stroke-dashoffset: 0
1332 }}
1333 @keyframes drawCircle {
1334 0% {
1335 stroke-dashoffset: 151px
1336 } 100% {
1337 stroke-dashoffset: 0
1338 }}
1339 @-webkit-keyframes drawCheck {
1340 0% {
1341 stroke-dashoffset: 36px
1342 } 100% {
1343 stroke-dashoffset: 0
1344 }}
1345 @keyframes drawCheck {
1346 0% {
1347 stroke-dashoffset: 36px
1348 } 100% {
1349 stroke-dashoffset: 0
1350 }}
1351 @-webkit-keyframes fadeOut {
1352 0% {
1353 opacity: 1
1354 } 100% {
1355 opacity: 0
1356 }}
1357 @keyframes fadeOut {
1358 0% {
1359 opacity: 1
1360 } 100% {
1361 opacity: 0
1362 }}
1363 @-webkit-keyframes fadeIn {
1364 0% {
1365 opacity: 0
1366 } 100% {
1367 opacity: 1
1368 }}
1369 @keyframes fadeIn {
1370 0% {
1371 opacity: 0
1372 } 100% {
1373 opacity: 1
1374 }
1375 }
1376 #successAnimationCircle {
1377 stroke-dasharray: 151px 151px;
1378 stroke: #2ce0a7
1379 }
1380 #successAnimationCheck {
1381 stroke-dasharray: 36px 36px;
1382 stroke: #2ce0a7
1383 }
1384 #successAnimationResult {
1385 fill: #2ce0a7;
1386 opacity: 0
1387 }
1388 svg#successAnimation {
1389 width: 30px;
1390 height: 34px;
1391 padding: 0;
1392 display: none;
1393 float: left
1394 }
1395 #successAnimation.active {
1396 display: inline-block
1397 }
1398 .folder-loader-ajax img {
1399 display: none
1400 }
1401 .folder-loader-ajax img.active {
1402 display: inline-block
1403 }
1404 #successAnimation.animated {
1405 -webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
1406 animation: 1s ease-out 0s 1 both scaleAnimation
1407 }
1408 #successAnimation.animated #successAnimationCircle {
1409 -webkit-animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCircle, .3s linear .9s 1 both fadeOut;
1410 animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCircle, .3s linear .9s 1 both fadeOut
1411 }
1412 #successAnimation.animated #successAnimationCheck {
1413 -webkit-animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCheck, .3s linear .9s 1 both fadeOut;
1414 animation: 1s cubic-bezier(.77, 0, .175, 1) 0s 1 both drawCheck, .3s linear .9s 1 both fadeOut
1415 }
1416 #successAnimation.animated #successAnimationResult {
1417 -webkit-animation: .3s linear .9s both fadeIn;
1418 animation: .3s linear .9s both fadeIn
1419 }
1420 .mCSB_scrollTools a + .mCSB_draggerContainer {
1421 margin: 10px 0 !important
1422 }
1423 .popup-folder-title {
1424 font-weight: 700;
1425 font-size: 24px;
1426 padding: 0 0 20px 0
1427 }
1428 .select-box {
1429 padding: 20px 0 10px 0
1430 }
1431 .select-box select {
1432 width: 100%;
1433 max-width: 300px
1434 }
1435 .actions #media_folder, select.media-select-folder {
1436 width: 132px
1437 }
1438 select#media-attachment-taxonomy-filter {
1439 width: 132px
1440 }
1441 .custom-media-select {
1442 float: right;
1443 padding: 10px 0 0 0;
1444 display: none
1445 }
1446 .custom-media-select.active {
1447 display: block
1448 }
1449 .folder-progress {
1450 background: #b4b9be;
1451 border-radius: 4px;
1452 margin: 5px 0 0 0;
1453 position: relative
1454 }
1455 .folder-meter {
1456 height: 20px;
1457 position: relative;
1458 background: #f1f1f1;
1459 padding: 0;
1460 width: 0%;
1461 border-radius: 4px;
1462 -webkit-transition: all .2s linear;
1463 transition: all .2s linear
1464 }
1465 .folder-meter > span {
1466 display: block;
1467 height: 100%;
1468 -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
1469 -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
1470 box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4);
1471 position: relative;
1472 overflow: hidden;
1473 border-radius: 4px
1474 }
1475 .folder-animate > span > span, .folder-meter > span:after, .folder-progress:after {
1476 content: "";
1477 position: absolute;
1478 border-radius: 4px;
1479 top: 0;
1480 left: 0;
1481 bottom: 0;
1482 right: 0;
1483 background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
1484 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
1485 z-index: 1;
1486 -webkit-background-size: 50px 50px;
1487 -moz-background-size: 50px 50px;
1488 -webkit-animation: move 2s linear infinite;
1489 overflow: hidden
1490 }
1491 .folder-animate > span:after {
1492 display: none
1493 }
1494 @-webkit-keyframes move {
1495 0% {
1496 background-position: 0 0
1497 } 100% {
1498 background-position: 50px 50px
1499 }}
1500 .media-folder-loader {
1501 padding: 10px 0 15px;
1502 display: none
1503 }
1504 .media-folder-loader > span {
1505 font-weight: 700
1506 }
1507 .sticky-folders {
1508 display: none;
1509 padding: 0;
1510 margin: 10px 0 5px;
1511 border-top: solid 1px #E9E5E5;
1512 }
1513 .top-settings {
1514 background: #fff;
1515 padding: 10px 10px 5px;
1516 -webkit-border-top-left-radius: 4px;
1517 -webkit-border-top-right-radius: 4px;
1518 -moz-border-radius-topleft: 4px;
1519 -moz-border-radius-topright: 4px;
1520 border-top-left-radius: 4px;
1521 border-top-right-radius: 4px;
1522 box-shadow: 0px 4px 21px rgba(7, 16, 28, 0.1);
1523 }
1524 .sticky-folders.active {
1525 display: block;
1526 }
1527 .sticky-folders ul {
1528 margin: 0;
1529 padding: 0;
1530 }
1531 .sticky-folders > ul > li {
1532 display: block;
1533 margin: 0;
1534 padding: 0;
1535 }
1536 .sticky-folders > ul > li > a {
1537 display: block;
1538 color: #333;
1539 padding: 0 0 0 10px;
1540 border-radius: 3px;
1541 text-decoration: none;
1542 font-size: 14px;
1543 line-height: 30px;
1544 position: relative;
1545 }
1546 body:not(.no-hover-css) .sticky-folders ul li a:hover, .sticky-folders ul li a.active {
1547 background: #dfdfdf;
1548 border-radius: 3px;
1549 }
1550 .sticky-folders ul li a.active-item {
1551 background-color: #008ec2 !important;
1552 color: #ffffff;
1553 }
1554 .sticky-folders ul li a.active-item img {
1555 filter: invert(100%);
1556 -webkit-filter: invert(100%);
1557 }
1558 .sticky-folders > ul > li > a > span {
1559 display: inline-block;
1560 vertical-align: middle;
1561 line-height: 30px;
1562 }
1563 .sticky-folders ul li a span.update-inline-record {
1564 line-height: 30px;
1565 padding: 0 0 0 5px;
1566 height: 30px;
1567 }
1568 .sticky-folders ul li a span.folder-count {
1569 padding: 0px 8px 0px 3px;
1570 }
1571 .sticky-wcp-custom-form a:focus {
1572 box-shadow: none;
1573 outline: none;
1574 }
1575 span.folder-count {
1576 float: right;
1577 background: transparent;
1578 padding: 0;
1579 font-size: 10px;
1580 line-height: 16px;
1581 border-radius: 2px;
1582 }
1583 span.folder-count:empty {
1584 display: none;
1585 }
1586 .sticky-title {
1587 font-size: 16px;
1588 font-weight: bold;
1589 padding: 7px;
1590 }
1591 .sticky-title img {
1592 display: inline-block;
1593 vertical-align: middle;
1594 height: 20px;
1595 width: 20px;
1596 }
1597 .sticky-folder-icon img {
1598 width: 100%;
1599 filter: invert(50%);
1600 -webkit-filter: invert(50%);
1601 }
1602 .dynamic-menu .sticky-folder:hover img {
1603 filter: invert(0%);
1604 -webkit-filter: invert(0%);
1605 }
1606 .form-options > ul > li.last > a.sort-folder-order {
1607 padding: 5px 10px;
1608 text-align: center;
1609 display: inline-block;
1610 box-sizing: border-box;
1611 }
1612 .sort-folder-order svg {
1613 width: 100%;
1614 height: 100%;
1615 fill: #000;
1616 }
1617 .sort-folder-order:hover svg {
1618 fill: #ffffff;
1619 }
1620 .folder-order {
1621 position: relative;
1622 }
1623 .folder-sort-menu {
1624 position: absolute;
1625 left: 0;
1626 width: 120px;
1627 z-index: 101;
1628 background: #fff;
1629 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
1630 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
1631 box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
1632 display: none;
1633 }
1634 .folder-sort-menu.is-pro {
1635 width: 140px;
1636 }
1637 .folder-sort-menu a.pro-feature {
1638 color: #848484;
1639 }
1640 .folder-sort-menu a.pro-feature span {
1641 display: inline-block;
1642 color: #ff5983;
1643 font-weight: 500;
1644 }
1645 .folder-order.active .folder-sort-menu {
1646 display: block;
1647 }
1648 .folder-order.active .sort-folder-order {
1649 background: #404040;
1650 color: #fff;
1651 }
1652 .folder-order.active .sort-folder-order svg {
1653 fill: #fff;
1654 }
1655 .folder-sort-menu li {
1656 display: block;
1657 margin: 0;
1658 padding: 0;
1659 background: transparent;
1660 }
1661 .folder-sort-menu li a {
1662 display: block;
1663 margin: 0;
1664 padding: 3px 5px;
1665 background: transparent;
1666 color: #848484;
1667 text-decoration: none;
1668 font-size: 14px;
1669 }
1670 .folder-sort-menu li a:hover, .folder-sort-menu li a.active {
1671 background: #efefef;
1672 color: #000;
1673 }
1674 .dynamic-menu.bottom-fix {
1675 bottom: 0;
1676 }
1677 .folder-form-buttons {
1678 display: flex;
1679 }
1680 .folder-form-buttons.pro-message {
1681 padding: 0 0 20px 0;
1682 }
1683 .folder-group {
1684 position: relative;
1685 margin: 25px auto 25px;
1686 padding: 0 2px;
1687 }
1688 .add-folder-note {
1689 padding: 20px 0 0;
1690 }
1691 .folder-grouptextarea {
1692 resize: none;
1693 }
1694
1695 .folder-group input,
1696 .folder-group textarea {
1697 background: none;
1698 font-size: 14px;
1699 padding: 0 0 0 15px;
1700 display: block;
1701 width: 100%;
1702 border-radius: 4px;
1703 border: 1px solid #484848;
1704 height: 34px;
1705 line-height: 34px;
1706 color: #484848;
1707 }
1708 .folder-group input:focus,
1709 .folder-group textarea:focus {
1710 outline: none;
1711 }
1712 .folder-group input:focus ~ label, .folder-group input:valid ~ label,
1713 .folder-group textarea:focus ~ label,
1714 .folder-group textarea:valid ~ label {
1715 top: -9px;
1716 background: #fff;
1717 padding: 0 5px;
1718 font-weight: normal;
1719 font-size: 12px;
1720 line-height: 14px;
1721 color: #AEAEAE;
1722 }
1723 .folder-group input:focus ~ .bar:before,
1724 .folder-group textarea:focus ~ .bar:before {
1725 width: 320px;
1726 }
1727
1728 .folder-group input[type="password"] {
1729 letter-spacing: 0.3em;
1730 }
1731
1732 .folder-group label {
1733 font-size: 14px;
1734 font-weight: 500;
1735 position: absolute;
1736 pointer-events: none;
1737 left: 20px;
1738 top: 10px;
1739 -webkit-transition: 300ms ease all;
1740 transition: 300ms ease all;
1741 color: #484848;
1742 }
1743
1744 .folder-group .folder-bar {
1745 position: relative;
1746 display: block;
1747 width: 320px;
1748 }
1749 .folder-group .folder-bar:before {
1750 content: '';
1751 height: 2px;
1752 width: 0;
1753 bottom: 0px;
1754 position: absolute;
1755 background: #2196F3;
1756 -webkit-transition: 300ms ease all;
1757 transition: 300ms ease all;
1758 left: 0%;
1759 }
1760 a#remove-folder-item {
1761 border: solid 1px #860000;
1762 background-color: #d40000;
1763 outline: none;
1764 box-shadow: none;
1765 }
1766 #custom-menu [class^="pfolder-"], #custom-menu [class*=" pfolder-"], .sticky-folders i {
1767 font-size: 12px;
1768 }
1769 span.create_new_folder {
1770 width: 26px;
1771 height: 26px;
1772 line-height: 26px;
1773 font-size: 14px;
1774 background: rgba(255, 255, 255, 0.4);
1775 backdrop-filter: blur(16px);
1776 border-radius: 4px;
1777 text-align: center;
1778 margin: 0 15px 0 0;
1779 }
1780 .folder-search-form {
1781 padding: 0 0 10px 0;
1782 position: relative;
1783 }
1784 .folder-search-form input {
1785 background: #FFFFFF;
1786 border: 1px solid #DBDBDB;
1787 box-sizing: border-box;
1788 border-radius: 4px;
1789 height: 32px;
1790 line-height: 32px;
1791 box-sizing: border-box;
1792 padding: 0 5px;
1793 width: 100%;
1794 outline: none;
1795 box-shadow: none !important;
1796 }
1797 .folder-search-form span {
1798 position: absolute;
1799 color: #AEAEAE;
1800 right: 0;
1801 top: 0;
1802 height: 32px;
1803 line-height: 32px;
1804 width: 32px;
1805 text-align: center;
1806 }
1807
1808 .folder-separator {
1809 padding: 0 10px;
1810 height: 1px;
1811 background: #E9E5E5;
1812 margin: 0 0 10px 0;
1813 }
1814 #custom-menu.has-filter li.route {
1815 display: none !important;
1816 }
1817 #custom-menu.has-filter li.route.has-search {
1818 display: block !important;
1819 }
1820 #custom-menu.has-filter h3 span.title-text.has-search-text {
1821 font-weight: bold;
1822 }
1823 .hide-folders-area .ui-resizable-handle.ui-resizable-e {
1824 display: none !important;
1825 }
1826 .pull-right {
1827 float: right;
1828 display: block;
1829 line-height: 22px;
1830 }
1831 .folder-separator-2 {
1832 padding: 0;
1833 height: 1px;
1834 background: #E9E5E5;
1835 margin: 0px 0 5px 0;
1836 }
1837 .mCSB_scrollTools {
1838 width: 10px !important;
1839 }
1840 .mCSB_inside>.mCSB_container {
1841 margin-right: 0 !important;
1842 }
1843 #custom-menu .route.has-sub-tree.has-search > .nav-icon > .pfolder-arrow-down {
1844 transform: rotate(0);
1845 }
1846 body:not(.woocommerce-page) .wp-list-table th {
1847 width: auto;
1848 }
1849 .popup-form-content .select-box {
1850 padding: 30px 0;
1851 }
1852 .popup-form-content .select-box select {
1853 width: 100%;
1854 max-width: inherit;
1855 }
1856 span.pro-tip {
1857 display: block;
1858 width: 80px;
1859 background: #7e3af2;
1860 padding: 7px;
1861 height: 20px;
1862 color: #fff;
1863 border-radius: 4px;
1864 }
1865 select#media-attachment-dynamic-filter {
1866 display: none !important;
1867 }
1868 .dynamic-tree-data-separator {
1869 margin: 7px 10px 10px;
1870 height: 1px;
1871 background: #E9E5E5;
1872 }
1873 #custom-scroll-menu .mCSB_container {
1874 background: #fff;
1875 }
1876 .folder-inline-tooltip span.pfolder-arrow-down {
1877 font-size: 6px;
1878 }
1879 @media screen and (max-width: 960px) {
1880 .wcp-content {
1881 left: 36px
1882 }
1883 html[dir=rtl] .wcp-content {
1884 right: 36px;
1885 left: auto
1886 }
1887 }
1888 @media screen and (max-width: 780px) {
1889 .wcp-content {
1890 left: 0
1891 }
1892 html[dir=rtl] .wcp-content {
1893 right: 0
1894 }
1895 }
1896 @media screen and (max-width: 640px) {
1897 .wcp-content {
1898 left: 0;
1899 position: relative !important;
1900 width: 100% !important;
1901 padding-bottom: 100px;
1902 top: 0;
1903 right: 0;
1904 display: block
1905 }
1906 .ui-resizable-handle.ui-resizable-e {
1907 display: none !important
1908 }
1909 .hide-folders-area .wcp-container {
1910 display: block
1911 }
1912 .wcp-hide-show-buttons {
1913 display: none
1914 }
1915 .hide-folders-area .wcp-content {
1916 width: 100% !important
1917 }
1918 body.wp-admin #wpcontent {
1919 padding: 0 !important
1920 }
1921 #wpbody-content {
1922 padding-bottom: 30px
1923 }
1924 }
1925
1926
1927