PluginProbe ʕ •ᴥ•ʔ
File Manager Pro – Filester / 1.9
File Manager Pro – Filester v1.9
2.1.1 trunk 1.6.1 1.7.6 1.8 1.8.1 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9 2.0 2.0.1 2.0.2 2.1.0
filester / includes / File_manager / lib / themes / dark-slim / css / theme.css
filester / includes / File_manager / lib / themes / dark-slim / css Last commit date
theme.css 9 months ago
theme.css
1427 lines
1 /**
2 * Dark Slim theme for elFinder 2.1.43 or older.
3 * Not supported MS IE!
4 *
5 * @author John Fort
6 * @date 21.01.2019
7 * @link https://github.com/johnfort/elFinder.themes
8 **/
9
10 /*************************************/
11 /* MAIN */
12 /*************************************/
13 /* Hard reset main rules */
14 .elfinder{
15 font-size: 19px;
16 }
17 .elfinder-mobile{
18 font-size: 18px;
19 }
20 .elfinder,
21 .elfinder *{
22 font-family: 'Trebuchet MS', 'Tahoma', 'Arial', 'Verdana', 'Helvetica', 'sans-serif';
23 outline: 0 !important;
24 border: 0 !important;
25 -webkit-border-radius: 0 !important;
26 -moz-border-radius: 0 !important;
27 border-radius: 0 !important;
28 }
29 .elfinder *{
30 -webkit-box-shadow: none !important;
31 -moz-box-shadow: none !important;
32 box-shadow: none !important;
33 }
34 .elfinder .elfinder-button-menu,
35 .elfinder .elfinder-button-search-menu,
36 .elfinder .elfinder-contextmenu,
37 .elfinder .elfinder-contextmenu-sub,
38 .elfinder-dialog,
39 .elfinder .elfinder-quicklook{
40 -webkit-box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .14), 0 6px 26px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4) !important;
41 -moz-box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .14), 0 6px 26px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4) !important;
42 box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .14), 0 6px 26px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4) !important;
43 }
44 .elfinder .ui-icon,
45 .elfinder .elfinder-toolbar *,
46 .elfinder .elfinder-navbar *,
47 .elfinder .elfinder-contextmenu *,
48 .elfinder .elfinder-table-header-sticky *,
49 .elfinder .elfinder-dialog-resize .elfinder-resize-handle *{
50 background-image: none !important;
51 }
52 .elfinder .ui-icon-gripsmall-diagonal-se{
53 font-size: initial;
54 opacity: .6;
55 }
56 .elfinder a,
57 .elfinder a:link,
58 .elfinder a:visited{
59 color: #999;
60 text-decoration: underline;
61 }
62 .elfinder a:hover,
63 .elfinder a:focus,
64 .elfinder a:active{
65 color: #ccc;
66 text-decoration: underline;
67 }
68 /* Reset jquery-ui rules in elfinder container */
69 .elfinder,
70 .elfinder .ui-widget,
71 .elfinder .ui-widget-header,
72 .elfinder .ui-widget-content,
73 .elfinder .ui-state-default{
74 color: #999;
75 }
76 .elfinder,
77 .elfinder .ui-widget,
78 .elfinder .ui-widget-header{
79 background: #1d1d1d;
80 }
81 .elfinder .ui-widget-header{
82 padding: .4em .2em .4em .7em;
83 font-weight: normal;
84 }
85 .elfinder-rtl .ui-widget-header{
86 padding: .4em .7em .4em .2em;
87 }
88 .elfinder .ui-widget-content{
89 background: #292929;
90 }
91 .elfinder .ui-state-default{
92 background: none;
93 }
94 .elfinder .ui-state-hover,
95 .elfinder .ui-state-hover:hover,
96 .elfinder .ui-state-hover:focus,
97 .elfinder .ui-state-focus,
98 .elfinder .ui-state-focus:hover,
99 .elfinder .ui-state-focus:focus,
100 .elfinder .ui-state-active,
101 .elfinder .ui-state-active:hover,
102 .elfinder .ui-state-active:focus{
103 color: #ccc;
104 background: #4e4e4e;
105 }
106 .ui-selectable-helper{
107 border: 1px dashed #666;
108 background: rgba(255, 255, 255, .05);
109 }
110 .elfinder .ui-tabs-nav{
111 padding: 0;
112 }
113 .elfinder-rtl .ui-tabs-nav li{
114 float: right;
115 }
116 .elfinder .ui-tabs-nav li.ui-state-default{
117 margin: 0;
118 padding: 0;
119 font-weight: normal;
120 background: #222;
121 }
122 .elfinder .ui-tabs-nav li.ui-state-default a{
123 padding: 6px 10px !important;
124 color: #666;
125 text-decoration: underline;
126 }
127 .elfinder .ui-tabs-nav li.ui-state-hover a{
128 color: #999;
129 }
130 .elfinder .ui-tabs-nav li.ui-state-active{
131 background: #292929;
132 }
133 .elfinder .ui-tabs-nav li.ui-state-active a{
134 color: #999;
135 text-decoration: none;
136 cursor: default !important;
137 }
138 .elfinder .ui-tabs .ui-tabs-panel{
139 padding: 10px;
140 }
141 .elfinder .ui-checkboxradio-label{
142 background: #444 !important;
143 }
144 .elfinder-rtl .ui-checkboxradio-label .ui-widget{
145 float: right;
146 }
147 .elfinder .ui-checkboxradio-label.ui-state-active,
148 .elfinder .ui-checkboxradio-label.ui-controlgroup-item:hover,
149 .elfinder .ui-checkboxradio-label.ui-checkboxradio-radio-label:hover{
150 background: #333 !important;
151 }
152 .elfinder .ui-slider-horizontal.ui-widget.ui-widget-content{
153 margin: 0 8px;
154 padding: 0;
155 background: #3e3e3e;
156 }
157 .elfinder .ui-slider-horizontal .ui-slider-handle{
158 top: -.22em;
159 background: #4e4e4e;
160 }
161 /* Reset form elements with jquery-ui */
162 .elfinder legend,
163 .elfinder label{
164 font-weight: normal;
165 }
166 .elfinder label.ui-state-hover,
167 .elfinder label.ui-state-hover:hover{
168 background: none;
169 }
170 .elfinder fieldset{
171 margin: 0;
172 padding: 2px 10px 10px;
173 border: 1px solid #444 !important;
174 border-radius: 8px !important;
175 background: transparent;
176 }
177 .elfinder legend{
178 margin: 0 auto;
179 padding: 2px 4px 2px;
180 }
181 .elfinder input,
182 .elfinder button,
183 .elfinder select,
184 .elfinder textarea,
185 .elfinder .elfinder-dialog-upload .ui-button,
186 .elfinder .elfinder-resize-preset-container .ui-button{
187 -moz-appearance: none !important;
188 -webkit-appearance: none !important;
189 appearance: none !important;
190 display: inline-block;
191 margin: 0 !important;
192 padding: 2px 3px !important; /* input, select, textarea */
193 vertical-align: middle;
194 font-size: 13px !important;
195 font-weight: normal !important;
196 color: #999 !important; /* input, select, textarea */
197 background: #3e3e3e !important; /* input, select, textarea */
198 }
199 .elfinder input,
200 .elfinder .elfinder-dialog-upload .ui-button,
201 .elfinder .elfinder-resize-preset-container .ui-button{
202 height: 24px !important;
203 }
204 .elfinder button,
205 .elfinder input[type="button"],
206 .elfinder input[type="reset"],
207 .elfinder input[type="submit"],
208 .elfinder .elfinder-dialog-upload .ui-button,
209 .elfinder .elfinder-resize-preset-container .ui-button{
210 padding: 4px 12px !important;
211 height: 28px !important;
212 color: #999 !important;
213 background: #444 !important;
214 text-align: center !important;
215 box-sizing: border-box !important;
216 -webkit-user-select: none !important;
217 -moz-user-select: none !important;
218 user-select: none !important;
219 }
220 .elfinder select{
221 -moz-appearance: menulist !important;
222 -webkit-appearance: menulist !important;
223 appearance: menulist !important;
224 height: 28px !important;
225 }
226 .elfinder textarea{
227 overflow: auto;
228 }
229 .elfinder input[type="radio"],
230 .elfinder input[type="checkbox"]{
231 margin: 2px !important;
232 width: 16px !important;
233 height: 16px !important;
234 vertical-align: middle !important;
235 cursor: pointer !important;
236 }
237 .elfinder input[type="checkbox"]{
238 position: relative;
239 }
240 input[type="radio"]{
241 border-radius: 50% !important;
242 }
243 .elfinder input[disabled],
244 .elfinder button[disabled],
245 .elfinder select[disabled],
246 .elfinder textarea[disabled],
247 .elfinder input[readonly],
248 .elfinder textarea[readonly]{
249 pointer-events: none;
250 cursor: not-allowed !important;
251 color: #888;
252 -webkit-box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .1);
253 -moz-box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .1);
254 box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .1);
255 opacity: .4;
256 }
257 .elfinder button:hover,
258 .elfinder input[type="button"]:hover,
259 .elfinder input[type="reset"]:hover,
260 .elfinder input[type="submit"]:hover,
261 .elfinder .elfinder-dialog-upload .ui-button:hover,
262 .elfinder .elfinder-resize-preset-container .ui-button:hover,
263 .elfinder button:focus,
264 .elfinder input[type="button"]:focus,
265 .elfinder input[type="reset"]:focus,
266 .elfinder input[type="submit"]:focus,
267 .elfinder .elfinder-dialog-upload .ui-button:focus,
268 .elfinder .elfinder-resize-preset-container .ui-button:focus{
269 background: #333 !important;
270 }
271 .elfinder button[disabled]:hover,
272 .elfinder input[disabled][type="button"]:hover,
273 .elfinder input[disabled][type="reset"]:hover,
274 .elfinder input[disabled][type="submit"]:hover{
275 background: #444 !important;
276 }
277 .elfinder input:focus,
278 .elfinder select:focus,
279 .elfinder textarea:focus{
280 background: #4e4e4e !important;
281 }
282 .elfinder button:active,
283 .elfinder input[type="button"]:active,
284 .elfinder input[type="reset"]:active,
285 .elfinder input[type="submit"]:active,
286 .elfinder input[type="checkbox"]:active,
287 .elfinder input[type="radio"]:active,
288 .elfinder .elfinder-dialog-upload .ui-button:active,
289 .elfinder .elfinder-resize-preset-container .ui-button:active{
290 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2) !important;
291 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2) !important;
292 box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2) !important;
293 }
294 .elfinder input[type="radio"]:checked{
295 border: 4px solid #3e3e3e !important;
296 background: #888 !important;
297 }
298 .elfinder input[type="checkbox"]:checked:before{
299 content: '';
300 position: absolute;
301 top: -5px;
302 left: 7px;
303 display: table;
304 width: 5px;
305 height: 14px;
306 border: 2px solid #999;
307 border-top: 0;
308 border-left: 0;
309 -webkit-transform: rotate(45deg);
310 -moz-transform: rotate(45deg);
311 transform: rotate(45deg);
312 }
313 .elfinder button::-moz-focus-inner,
314 .elfinder input::-moz-focus-inner{
315 padding: 0;
316 }
317 .elfinder input:-moz-placeholder,
318 .elfinder textarea:-moz-placeholder,
319 .elfinder input::-webkit-input-placeholder,
320 .elfinder textarea::-webkit-input-placeholder{
321 color: #333 !important;
322 }
323
324 /* Effects */
325 @-moz-keyframes blink{
326 0%{opacity: 1;}
327 50%{opacity: .2;}
328 100%{opacity: .8;}
329 }
330 @-webkit-keyframes blink{
331 0%{opacity: 1;}
332 50%{opacity: .2;}
333 100%{opacity: .8;}
334 }
335 @keyframes blink{
336 0%{opacity: 1;}
337 50%{opacity: .2;}
338 100%{opacity: .8;}
339 }
340 @-moz-keyframes spin{
341 0%{-moz-transform: rotate(0deg);}
342 100%{-moz-transform: rotate(359deg);}
343 }
344 @-webkit-keyframes spin{
345 0%{-webkit-transform: rotate(0deg);}
346 100%{-webkit-transform: rotate(359deg);}
347 }
348 @keyframes spin{
349 0%{transform: rotate(0deg);}
350 100%{transform: rotate(359deg);}
351 }
352
353 /*************************************/
354 /* TOOLBAR */
355 /*************************************/
356 .elfinder .elfinder-toolbar{
357 padding: 4px 0;
358 }
359 .elfinder .elfinder-toolbar .elfinder-buttonset{
360 margin: 1px 5px;
361 background: transparent;
362 }
363 .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button.ui-state-hover{
364 background: none;
365 }
366 .elfinder .elfinder-toolbar .elfinder-button{
367 cursor: pointer;
368 }
369 .elfinder .elfinder-toolbar .elfinder-button-text{
370 margin: 0 0 0 4px;
371 }
372 .elfinder .elfinder-toolbar .elfinder-button-menu.elfinder-button-search-menu{
373 background: #292929;
374 }
375 .elfinder .elfinder-toolbar .elfinder-button-search{
376 margin: 1px 5px;
377 min-height: 24px;
378 background: transparent;
379 }
380 .elfinder-touch .elfinder-toolbar .elfinder-button-search{
381 zoom: 1.15;
382 }
383 .elfinder .elfinder-toolbar .elfinder-button-search input{
384 height: 24px;
385 padding: 0 22px !important;
386 color: #999 !important;
387 background: #1b1b1b !important;
388 font-size: 14px !important;
389 -webkit-border-radius: 2px !important;
390 -moz-border-radius: 2px !important;
391 border-radius: 2px !important;
392 box-shadow: inset 0px 0px 8px rgba(0, 0, 0, .2) !important;
393 }
394 .elfinder .elfinder-toolbar .elfinder-button-search .ui-icon{
395 margin: -9px 4px 0 4px;
396 }
397 .elfinder-toolbar-swipe-handle{
398 height: 40px;
399 background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
400 }
401
402 /*************************************/
403 /* STATUSBAR */
404 /*************************************/
405 .elfinder .elfinder-statusbar{
406 padding: 3px;
407 padding-right: 18px;
408 background: #292929;
409 color: #666;
410 }
411
412 /*************************************/
413 /* WORKZONE */
414 /*************************************/
415 .elfinder .elfinder-workzone{
416 background: #333;
417 }
418 .elfinder .elfinder-workzone *{
419 font-family: 'Verdana', 'Tahoma', 'Arial';
420 }
421 .elfinder .elfinder-workzone .elfinder-cwd-wrapper-trash .elfinder-cwd-message-board{ /* Trash */
422 background-image: linear-gradient(45deg, #00000008 25%, transparent 25%, transparent 75%, #00000008 75%, #00000008), linear-gradient(45deg, #00000008 25%, transparent 25%, transparent 75%, #00000008 75%, #00000008);
423 background-size: 20px 20px;
424 background-position: 0 0, 10px 10px;
425 }
426 .elfinder-cwd-wrapper{
427 color: #bbb;
428 }
429 .elfinder .elfinder-cwd-file.ui-state-hover,
430 .elfinder .elfinder-cwd-file.ui-state-hover .ui-state-hover,
431 .elfinder .elfinder-cwd-file.ui-state-hover .ui-state-active,
432 .elfinder .elfinder-cwd-file.ui-selected,
433 .elfinder .elfinder-cwd-file.ui-selected .ui-state-hover,
434 .elfinder .elfinder-cwd-file.elfinder-droppable-active{
435 color: #f3f3f3;
436 }
437 .elfinder .elfinder-cwd-file.ui-state-hover,
438 .elfinder .elfinder-cwd-file .ui-state-hover,
439 .elfinder .elfinder-cwd-file.elfinder-droppable-active{
440 background: #444;
441 }
442 .elfinder .elfinder-cwd-file .elfinder-cwd-icon{
443 float: none;
444 }
445 /* path in workzone (case of swipe to navbar close) */
446 .elfinder .elfinder-workzone-path{
447 padding: 3px;
448 background: #252525;
449 color: #666;
450 }
451 .elfinder .elfinder-workzone-path .elfinder-path-roots,
452 .elfinder .elfinder-workzone-path .elfinder-path{
453 display: inline-block;
454 position: relative;
455 margin: 0;
456 }
457 /* view "icons" */
458 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file{
459 margin: 2px;
460 }
461 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover{
462 background: transparent;
463 }
464 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover .elfinder-cwd-file-wrapper,
465 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover .elfinder-cwd-filename,
466 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected .elfinder-cwd-file-wrapper,
467 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected .elfinder-cwd-filename,
468 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.elfinder-droppable-active{
469 -webkit-border-radius: 3px !important;
470 -moz-border-radius: 3px !important;
471 border-radius: 3px !important;
472 background: #444;
473 }
474 /* list view */
475 .elfinder .elfinder-cwd-wrapper-list{
476 padding-bottom: 1px;
477 }
478 .elfinder .elfinder-cwd table{
479 margin: 0;
480 padding: 0;
481 color: #bbb;
482 }
483 /* list view: header */
484 .elfinder .elfinder-cwd table thead tr{
485 background: #292929;
486 vertical-align: top;
487 }
488 .elfinder .elfinder-cwd table thead td .ui-resizable-e,
489 .elfinder .elfinder-cwd table thead td .ui-resizable-w{
490 top: 10%;
491 margin: 0;
492 width: 3px;
493 height: 80%;
494 }
495 .elfinder .elfinder-cwd table thead td .ui-resizable-e{
496 right: 0;
497 border-right: 1px dashed #444 !important;
498 }
499 .elfinder .elfinder-cwd table thead td .ui-resizable-w{
500 left: 0;
501 border-left: 1px dashed #444 !important;
502 }
503 .elfinder-touch .elfinder-cwd table thead td .ui-resizable-e,
504 .elfinder-touch .elfinder-cwd table thead td .ui-resizable-w{
505 border-width: 2px !important;
506 }
507 .elfinder .elfinder-cwd table thead td{
508 color: #666;
509 }
510 .elfinder .elfinder-cwd table thead td.ui-state-active{
511 color: #bbb;
512 background: #333;
513 }
514 .elfinder .elfinder-cwd table thead td.ui-state-hover{
515 background: #2f2f2f;
516 }
517 .elfinder .elfinder-droppable-active .elfinder-table-header-sticky table{
518 border: 1px solid transparent !important;
519 border-bottom: 0 !important;
520 }
521 /* list view: markers files */
522 .elfinder .elfinder-cwd-view-list .elfinder-perms,
523 .elfinder .elfinder-cwd-view-list .elfinder-lock,
524 .elfinder .elfinder-cwd-view-list .elfinder-symlink{
525 opacity: .9;
526 transform: scale(0.6);
527 }
528 .elfinder-rtl .elfinder-cwd-view-list .elfinder-perms{
529 right: 8px;
530 }
531 .elfinder-rtl .elfinder-cwd-view-list .elfinder-lock{
532 right: -10px;
533 }
534 .elfinder-rtl .elfinder-cwd-view-list .elfinder-symlink{
535 right: -7px;
536 }
537 /* droppable */
538 .elfinder .elfinder-cwd-wrapper.elfinder-droppable-active{
539 outline: 1px dashed #666 !important;
540 outline-offset: -1px;
541 }
542 /* in lazy execution status */
543 .elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after{
544 background: #666;
545 -moz-animation: blink 1s infinite linear;
546 -webkit-animation: blink 1s infinite linear;
547 animation: blink 1s infinite linear;
548 }
549
550 /*************************************/
551 /* NAVIGATION PANEL */
552 /*************************************/
553 .elfinder .elfinder-navbar{
554 padding: 5px 3px;
555 background: #252525;
556 }
557 .elfinder-ltr .elfinder-navbar{
558 padding-right: 10px;
559 }
560 .elfinder-rtl .elfinder-navbar{
561 padding-left: 10px;
562 }
563 .elfinder .elfinder-navbar .ui-resizable-handle{
564 width: 10px;
565 background: none;
566 }
567 .elfinder .elfinder-navbar .ui-resizable-handle:before{
568 content: '';
569 position: absolute;
570 top: 50%;
571 right: 1px;
572 width: 2px;
573 height: 20px;
574 margin-top: -10px;
575 border: 1px solid #444;
576 border-top: 0;
577 border-bottom: 0;
578 }
579 .elfinder .elfinder-navbar .elfinder-tree{
580 margin: 0;
581 }
582 .elfinder-navbar-dir{
583 padding: 4px 12px;
584 }
585 .elfinder .elfinder-navbar .ui-state-hover,
586 .elfinder .elfinder-navbar .ui-state-active{
587 background: #1f1f1f;
588 }
589 .elfinder .elfinder-navbar .elfinder-perms,
590 .elfinder .elfinder-navbar .elfinder-lock,
591 .elfinder .elfinder-navbar .elfinder-symlink{
592 opacity: 1;
593 transform: scale(0.5);
594 }
595 .elfinder-touch .elfinder-navbar .elfinder-perms{
596 bottom: 6px;
597 }
598 .elfinder-ltr .elfinder-navbar-swipe-handle{
599 background: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
600 }
601 .elfinder-rtl .elfinder-navbar-swipe-handle{
602 background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
603 }
604
605 /*************************************/
606 /* NAVIGATION DOCK */
607 /*************************************/
608 .elfinder .elfinder-navdock .ui-resizable-n{
609 top: -7px;
610 height: 14px;
611 }
612 .elfinder .elfinder-navdock .elfinder-quicklook{
613 padding-top: 32px;
614 background: #272727;
615 }
616 .elfinder .elfinder-navdock .elfinder-quicklook-titlebar{
617 position: absolute;
618 background: #1d1d1d;
619 z-index: 1;
620 }
621 .elfinder-ltr .elfinder-navdock .elfinder-quicklook-title{
622 text-align: left;
623 }
624 .elfinder-rtl .elfinder-navdock .elfinder-quicklook-title{
625 text-align: right;
626 }
627 .elfinder .elfinder-navdock .elfinder-quicklook-preview{
628 height: 100%;
629 background: #272727;
630 }
631
632
633 /*************************************/
634 /* CONTEXTMENU */
635 /*************************************/
636 .elfinder .elfinder-contextmenu-header{
637 font-size: 0.8em;
638 }
639 .elfinder .elfinder-contextmenu-header span{
640 font-weight: normal;
641 font-size: inherit;
642 }
643 .elfinder .elfinder-contextmenu,
644 .elfinder .elfinder-contextmenu-sub{
645 color: #999;
646 background: #3e3e3e;
647 }
648 .elfinder .elfinder-contextmenu-item{
649 padding: 5px 30px;
650 }
651 .elfinder .elfinder-contextmenu-separator{
652 height: 0;
653 border-top: 1px solid rgba(153, 153, 153, .1) !important;
654 }
655 .elfinder .elfinder-contextmenu-extra-icon a,
656 .elfinder .elfinder-contextmenu-extra-icon span{
657 position: absolute;
658 z-index: 1;
659 }
660
661 /*************************************/
662 /* BUTTON MENU */
663 /*************************************/
664 .elfinder .elfinder-button-menu{
665 background: #3e3e3e;
666 }
667 .elfinder .elfinder-button-menu-item-separated{
668 border-top: 1px solid rgba(153, 153, 153, .1) !important;
669 }
670
671
672 /*************************************/
673 /* DIALOGS */
674 /*************************************/
675 .dialogelfinder .dialogelfinder-drag{
676 font-size: 15px;
677 font-weight: bold;
678 }
679 .dialogelfinder .dialogelfinder-drag-close{
680 position: relative;
681 top: 6px;
682 right: 6px;
683 float: right;
684 margin: 0;
685 font-size: 16px;
686 }
687 .elfinder .elfinder-dialog{
688 background: #333;
689 }
690 .elfinder .elfinder-dialog .elfinder-dialog-title{
691 overflow: hidden;
692 white-space: nowrap;
693 text-overflow: ellipsis;
694 }
695 .elfinder-touch .elfinder-dialog .ui-dialog-titlebar span.elfinder-dialog-title{
696 padding: 0;
697 }
698 .elfinder .elfinder-dialog .ui-resizable-se{
699 opacity: 0;
700 }
701 /* title buttons */
702 .elfinder .elfinder-dialog .ui-dialog-titlebar .elfinder-titlebar-button,
703 .elfinder .elfinder-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right{
704 float: right;
705 left: auto;
706 right: 6px;
707 top: 6px;
708 height: auto;
709 width: auto;
710 margin: 0;
711 padding: 0;
712 padding-left: 5px;
713 }
714 .elfinder-rtl .elfinder-dialog .ui-dialog-titlebar .elfinder-titlebar-button,
715 .elfinder-rtl .elfinder-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right{
716 float: left;
717 right: auto;
718 left: 5px;
719 padding: 0;
720 padding-right: 5px;
721 }
722 .elfinder .elfinder-dialog .elfinder-titlebar-button .ui-icon{
723 height: 16px;
724 width: 16px;
725 opacity: 1;
726 }
727 .elfinder .elfinder-dialog .elfinder-titlebar-button:hover{
728 color: #ccc;
729 }
730 .dialogelfinder .dialogelfinder-drag-close:hover,
731 .elfinder .elfinder-dialog .ui-dialog-titlebar-close:hover{
732 color: #c32020;
733 }
734 /* contents */
735 .elfinder .elfinder-dialog .ui-widget-content{
736 padding: 10px;
737 }
738 .elfinder .elfinder-dialog.elfinder-dialog-help > .ui-widget-content,
739 .elfinder .elfinder-dialog.elfinder-dialog-help > .ui-widget-content > .ui-widget-content,
740 .elfinder .elfinder-dialog.elfinder-dialog-preference > .ui-widget-content,
741 .elfinder .elfinder-dialog.elfinder-dialog-preference > .ui-widget-content > .ui-widget-content{
742 padding: 0;
743 }
744 /* bottom buttons */
745 .elfinder .elfinder-dialog .ui-dialog-buttonpane{
746 padding: .5em;
747 border-top: 1px solid #3e3e3e !important;
748 }
749 .elfinder .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
750 margin: 0 0 0 .4em !important;
751 }
752 .elfinder-rtl .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
753 float: left;
754 }
755 .elfinder-rtl .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
756 margin: 0 .4em 0 0 !important;
757 }
758 .elfinder .elfinder-dialog .ui-dialog-buttonpane button span{
759 padding: 0;
760 }
761 .elfinder .elfinder-dialog .ui-dialog-buttonpane button span.ui-icon{
762 padding: 0;
763 }
764 /* dialog: help/preference */
765 .elfinder .elfinder-dialog .elfinder-help{
766 margin: 0;
767 }
768 .elfinder .elfinder-dialog .elfinder-help .elfinder-help-logo{
769 background: url('data:image/png;base64,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') center center no-repeat;
770 }
771 .elfinder .elfinder-dialog .elfinder-help .elfinder-help-team{
772 border-bottom: .5px solid #404040 !important;
773 }
774 .elfinder .elfinder-dialog .elfinder-help .elfinder-help-shortcuts{
775 background: none;
776 color: #999;
777 }
778 .elfinder .elfinder-dialog .elfinder-preference dl{
779 margin: 0;
780 }
781 .elfinder .elfinder-preference dd label{
782 margin: 3px;
783 }
784 /* dialog: notify/error/confirm */
785 .elfinder .elfinder-dialog-notify .elfinder-notify{
786 border-bottom: .5px solid #3e3e3e !important;
787 }
788 .elfinder .elfinder-dialog-notify .elfinder-notify:last-child{
789 border: 0 !important;
790 }
791 .elfinder .elfinder-dialog-notify .ui-dialog-content{
792 -moz-animation: blink 1s infinite linear;
793 -webkit-animation: blink 1s infinite linear;
794 animation: blink 1s infinite linear;
795 }
796 .elfinder .elfinder-dialog-notify .elfinder-notify{
797 padding: .5em 32px;
798 }
799 .elfinder .elfinder-dialog-notify .elfinder-notify .elfinder-notify-progressbar{
800 display: none;
801 }
802 .elfinder .elfinder-dialog-notify .elfinder-notify-cancel{
803 position: absolute;
804 top: 50%;
805 right: 0;
806 margin-top: -7px;
807 }
808 .elfinder-rtl .elfinder-dialog-notify .elfinder-notify-cancel{
809 left: 0;
810 right: auto;
811 }
812 .elfinder .elfinder-dialog-notify .elfinder-notify-cancel button{
813 padding: 1px !important;
814 height: auto !important;
815 background: none !important;
816 }
817 .elfinder .elfinder-dialog-notify .elfinder-notify-cancel .ui-button-text{
818 display: none;
819 }
820 .elfinder .elfinder-dialog-confirm .ui-dialog-content,
821 .elfinder .elfinder-dialog-error .ui-dialog-content{
822 min-height: 52px;
823 }
824 .elfinder-ltr .elfinder-dialog-confirm .ui-dialog-content,
825 .elfinder-ltr .elfinder-dialog-error .ui-dialog-content{
826 padding-right: 46px;
827 }
828 .elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content,
829 .elfinder-rtl .elfinder-dialog-error .ui-dialog-content{
830 padding-left: 46px;
831 }
832 .elfinder .elfinder-dialog-confirm .elfinder-dialog-icon,
833 .elfinder .elfinder-dialog-error .elfinder-dialog-icon{
834 top: 26px;
835 left: auto;
836 right: 10px;
837 }
838 .elfinder-rtl .elfinder-dialog-confirm .elfinder-dialog-icon,
839 .elfinder-rtl .elfinder-dialog-error .elfinder-dialog-icon{
840 left: 10px;
841 right: auto;
842 }
843 .elfinder .elfinder-dialog-confirm .elfinder-dialog-confirm-encoding{
844 padding: 0 0 .5em 0;
845 }
846 /* dialog: info/delete */
847 .elfinder .elfinder-dialog .elfinder-info-title .elfinder-cwd-icon,
848 .elfinder .elfinder-dialog .elfinder-rm-title .elfinder-cwd-icon{
849 position: relative;
850 }
851 .elfinder .elfinder-dialog .elfinder-info-tb{
852 margin: 0;
853 }
854 .elfinder .elfinder-dialog .elfinder-info-tb span{ /* TODO: Delete later */
855 float: none;
856 }
857 /* upload */
858 .elfinder .elfinder-dialog-upload .elfinder-upload-dropbox{
859 border: 2px dashed #555 !important;
860 }
861 /* file-edit */
862 .elfinder .elfinder-dialog-edit .elfinder-edit-editor{
863 padding: 0 .5em;
864 background: #333;
865 }
866 .elfinder .elfinder-dialog-edit .elfinder-edit-editor .elfinder-file-edit{
867 height: 100%;
868 color: #999 !important;
869 background: #444 !important;
870 }
871 .elfinder .elfinder-dialog-edit .elfinder-edit-extras{
872 margin: 0;
873 }
874 .elfinder-rtl .elfinder-dialog-edit .ui-dialog-buttonpane .elfinder-edit-extras{
875 float: right;
876 }
877 /* batch rename */
878 .elfinder .elfinder-rename-batch-preview{
879 min-height: unset;
880 }
881 /* quicklook */
882 .elfinder .elfinder-quicklook{
883 padding: 0;
884 background: #1d1d1d;
885 }
886 .elfinder .elfinder-quicklook-titlebar{
887 position: relative;
888 padding: .4em .4em .4em .7em;
889 height: auto;
890 font-size: .82em;
891 background: none;
892 box-sizing: border-box;
893 }
894 .elfinder .elfinder-quicklook-titlebar-icon{
895 top: 0;
896 left: auto;
897 right: 0;
898 bottom: 0;
899 height: auto;
900 margin: 0;
901 }
902 .elfinder-rtl .elfinder-quicklook-titlebar-icon{
903 left: 0;
904 right: auto;
905 }
906 .elfinder .elfinder-quicklook .elfinder-quicklook-titlebar-icon .ui-icon{
907 float: right;
908 margin: 0;
909 padding: 0 .4em 0 0;
910 height: 100%;
911 opacity: 1;
912 }
913 .elfinder-rtl .elfinder-quicklook .elfinder-quicklook-titlebar-icon .ui-icon{
914 float: left;
915 padding: 0 0 0 .4em;
916 }
917 .elfinder .elfinder-quicklook-titlebar-icon .ui-icon:hover{
918 color: #ccc;
919 }
920 .elfinder .elfinder-quicklook-titlebar-icon .elfinder-icon-close:hover{
921 color: #c32020;
922 }
923 .elfinder .elfinder-quicklook-title{
924 display: inherit;
925 font-size: inherit;
926 line-height: 1.3;
927 text-overflow: ellipsis;
928 }
929 .elfinder .elfinder-quicklook-preview{
930 height: calc(100% - 72px);
931 background: #333;
932 }
933 .elfinder .elfinder-quicklook-preview .elfinder-quicklook-preview-text-wrapper,
934 .elfinder .elfinder-quicklook-preview .elfinder-quicklook-preview-archive-wrapper,
935 .elfinder .elfinder-quicklook-preview .elfinder-quicklook-preview-html,
936 .elfinder .elfinder-quicklook-preview .elfinder-quicklook-preview-pdf,
937 .elfinder .elfinder-quicklook-preview .elfinder-quicklook-preview-iframe{
938 background: none;
939 color: inherit;
940 font-size: inherit;
941 }
942 .elfinder .elfinder-quicklook-navbar{
943 width: auto;
944 font-size: 140%;
945 }
946 .elfinder .elfinder-quicklook .ui-resizable-se{
947 right: 1px;
948 bottom: 1px;
949 width: 16px;
950 height: 16px;
951 }
952 .elfinder .elfinder-quicklook-fullscreen{
953 z-index: 1002;
954 }
955 .elfinder .elfinder-quicklook-fullscreen .elfinder-quicklook-preview{
956 height: 100%;
957 }
958 .elfinder .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar{
959 bottom: 0;
960 }
961 /* resize */
962 .elfinder .elfinder-resize-container{
963 margin: 0;
964 }
965 .elfinder .elfinder-resize-container fieldset .ui-button{
966 width: 49%;
967 box-sizing: border-box;
968 }
969 .elfinder .elfinder-resize-container .elfinder-resize-rotate-slider{
970 width: 204px;
971 }
972 .elfinder .elfinder-resize-preview{
973 padding: 5px;
974 background: linear-gradient(#ffffff1a 1px, transparent 1px), linear-gradient(90deg, #ffffff1a 1px, transparent 1px);
975 background-size: 16px 16px;
976 background-position: center;
977 }
978 .elfinder .elfinder-resize-loading{
979 background: transparent;
980 -moz-animation: blink 1s infinite linear;
981 -webkit-animation: blink 1s infinite linear;
982 animation: blink 1s infinite linear;
983 }
984 .elfinder .elfinder-resize-preview img{
985 padding: 1px;
986 background-color: rgba(255, 255, 255, .05);
987 }
988 .elfinder .elfinder-resize-preview .elfinder-resize-handle.ui-draggable{
989 box-sizing: border-box;
990 border: 1px dashed #000 !important;
991 }
992 .elfinder .elfinder-resize-handle-point{
993 background: rgba(255, 255, 255, .7);
994 border: 1px solid #111 !important;
995 }
996 .elfinder .elfinder-dialog-resize .ui-draggable-handle{
997 background: none !important;
998 }
999
1000 /*************************************/
1001 /* OVERLAYS */
1002 /*************************************/
1003 .elfinder-overlay{
1004 background: #000;
1005 opacity: .5;
1006 }
1007
1008 /*************************************/
1009 /* TOAST */
1010 /*************************************/
1011 .elfinder .elfinder-toast > div{
1012 -moz-border-radius: 2px !important;
1013 -webkit-border-radius: 2px !important;
1014 border-radius: 2px !important;
1015 }
1016 .elfinder .elfinder-toast > .toast-success button.ui-button{
1017 background: green !important;
1018 color: #fff !important;
1019 }
1020 .elfinder .elfinder-toast > .toast-success button.ui-button.ui-state-hover{
1021 background: #add6ad !important;
1022 color: #254b25 !important;
1023 }
1024 .elfinder .elfinder-toast > .toast-info button.ui-button{
1025 background: #046580 !important;
1026 color: #fff !important;
1027 }
1028 .elfinder .elfinder-toast > .toast-info button.ui-button.ui-state-hover{
1029 background: #7dc6db !important;
1030 color: #046580 !important;
1031 }
1032
1033 /*************************************/
1034 /* ICONS */
1035 /*************************************/
1036 @font-face{
1037 font-family: 'elfinder';
1038 font-style: normal;
1039 font-weight: normal;
1040 src: url('../img/elfinder.woff2') format('woff2'),
1041 url('../img/elfinder.woff') format('woff'),
1042 url('../img/elfinder.svg') format('svg'),
1043 url('../img/elfinder.ttf') format('truetype'),
1044 url('../img/elfinder.eot') format('embedded-opentype');
1045 }
1046
1047 .elfinder .ui-icon,
1048 .elfinder .elfinder-button-icon,
1049 .elfinder .elfinder-navbar-icon,
1050 .elfinder .elfinder-navbar-arrow,
1051 .elfinder .elfinder-spinner,
1052 .elfinder .elfinder-dialog-icon,
1053 .elfinder .elfinder-notify-cancel button,
1054 .elfinder .elfinder-symlink,
1055 .elfinder .elfinder-perms,
1056 .elfinder .elfinder-lock,
1057 .elfinder .elfinder-drag-helper-icon-status,
1058 .elfinder .elfinder-contextmenu .elfinder-contextmenu-item .ui-icon,
1059 .elfinder .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-button-icon,
1060 .elfinder .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextmenu-arrow,
1061 .elfinder .elfinder-cwd-icon,
1062 .elfinder-quicklook-navbar-icon{
1063 display: flex;
1064 justify-content: center;
1065 align-items: center;
1066 min-width: 16px;
1067 background: none;
1068 text-indent: 0;
1069 }
1070 .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon{
1071 float: left;
1072 }
1073 .elfinder-rtl .elfinder-button-menu-item .ui-icon{
1074 left: auto;
1075 right: 2px;
1076 }
1077 .elfinder-button-menu-item .ui-icon,
1078 .elfinder .ui-checkboxradio-icon,
1079 .elfinder .elfinder-quicklook-navbar .elfinder-quicklook-navbar-icon-close,
1080 .elfinder .ui-resizable-disabled .ui-resizable-handle,
1081 .elfinder .ui-resizable-autohide .ui-resizable-handle{
1082 display: none;
1083 }
1084 .elfinder-button-menu-item-selected .ui-icon,
1085 .elfinder .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close{
1086 display: flex;
1087 }
1088 .elfinder-button-menu-item-selected-desc .ui-icon-arrowthick-1-n,
1089 .elfinder-button-menu-item-selected-asc .ui-icon-arrowthick-1-s{
1090 display: none;
1091 }
1092 .elfinder .elfinder-navbar .elfinder-tree .elfinder-spinner{
1093 margin: -10px 0 0;
1094 }
1095 .elfinder-ltr .elfinder-navbar-icon{
1096 left: 15px;
1097 }
1098 .elfinder-rtl .elfinder-navbar-icon{
1099 right: 15px;
1100 }
1101 .elfinder .elfinder-spinner{
1102 display: inline-block;
1103 float: none;
1104 vertical-align: text-top;
1105 }
1106 .elfinder .elfinder-dialog-icon{ /* error/confirm, any dialogs may be in future version */
1107 font-size: 30px;
1108 }
1109 .elfinder .elfinder-dialog-notify .elfinder-dialog-icon{ /* notify dialogs */
1110 left: 0;
1111 font-size: 18px;
1112 }
1113 .elfinder .elfinder-perms{
1114 font-size: 20px;
1115 border-radius: 50% !important;
1116 background: #fff;
1117 }
1118 .elfinder .elfinder-cwd-view-list .elfinder-cwd-icon{
1119 background: none !important;
1120 }
1121 .elfinder .elfinder-quicklook-navbar-icon:hover{
1122 color: #ccc;
1123 }
1124
1125 /* Add elements of icons (before/after) */
1126 .ui-icon:before, /* jquery-ui, use anywhere */
1127 .elfinder-button-icon:before, /* use in toolbar, contextmenu */
1128 .elfinder-navbar-icon:before, /* use in navbar */
1129 .elfinder-navbar-arrow:before, /* use in navbar */
1130 .elfinder-spinner:before, /* use in navbar, dialogs (info, confirm, upload, edit, quicklook) and may be other places */
1131 .elfinder-symlink:before, /* use in workzone */
1132 .elfinder-lock:before, /* use in workzone */
1133 .elfinder-perms:before, /* use in navbar, workzone */
1134 .elfinder-drag-helper-icon-status:before, /* use when drag files */
1135 .elfinder-contextmenu-arrow:before, /* use in contextmenu */
1136 .elfinder-cwd-icon:after, /* use in workzone */
1137 .elfinder-dialog-icon:before, /* use in dialogs: confirm, error, notify */
1138 .elfinder-notify-cancel button:before, /* use in dialogs: notify */
1139 .elfinder-quicklook-navbar-icon:before /* use in dialogs: quicklook */
1140 {
1141 /* content: '\e000'; */ /* for debug */
1142 display: inline-block;
1143 background: none;
1144 font-family: 'elfinder';
1145 font-style: normal;
1146 font-weight: normal;
1147 line-height: 16px;
1148 text-align: center;
1149 text-decoration: none;
1150 /* For safety - reset parent styles, that can break glyph codes*/
1151 font-variant: normal;
1152 text-transform: none;
1153 /* Font smoothing. That was taken from TWBS */
1154 -webkit-font-smoothing: antialiased;
1155 -moz-osx-font-smoothing: grayscale;
1156 }
1157 /* Superstructure elements */
1158 .elfinder-button-icon-spinner:before,
1159 .elfinder-spinner:before{
1160 -moz-animation: spin 1.5s infinite linear;
1161 -webkit-animation: spin 1.5s infinite linear;
1162 animation: spin 1.5s infinite linear;
1163 }
1164 .elfinder .elfinder-cwd-icon:before{/* type lable cwd-icon */
1165 top: 2px;
1166 left: -4px;
1167 padding: 2px 4px;
1168 font-family: 'Trebuchet MS';
1169 font-weight: bold;
1170 color: #999;
1171 background-color: #202020;
1172 box-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
1173 z-index: 1;
1174 }
1175 .elfinder .elfinder-info-title .elfinder-cwd-icon:before,
1176 .elfinder .elfinder-rm-title .elfinder-cwd-icon:before,
1177 .elfinder .elfinder-quicklook .elfinder-cwd-icon:before{/* cwd-icon lable type */
1178 left: -4px;
1179 right: auto;
1180 }
1181 /* Contents of news elements */
1182 /* jquery-ui icons */
1183 .elfinder .ui-icon-close:before{ content: '\e84c'; }
1184 .elfinder .ui-icon-closethick:before,
1185 .elfinder .elfinder-notify-cancel button:before{ content: '\e81b'; font-size: 90%; }
1186 .elfinder .ui-icon-check:before{ content: '\e80f'; font-size: 110%; }
1187 .elfinder .ui-icon-caret-1-n:before{ content: '\e837'; }
1188 .elfinder .ui-icon-caret-1-s:before{ content: '\e836'; }
1189 .elfinder .ui-icon-search:before{ content: '\e81a'; }
1190 .elfinder .ui-icon-triangle-1-n:before,
1191 .elfinder .ui-icon-arrowthick-1-n:before{ content: '\f176'; }
1192 .elfinder .ui-icon-triangle-1-s:before,
1193 .elfinder .ui-icon-arrowthick-1-s:before{ content: '\f175'; }
1194 .elfinder .ui-icon-gripsmall-diagonal-se:before{ content: '\e803'; }
1195 .elfinder .ui-icon-plusthick:before{ content: '\e802'; }
1196 .elfinder .ui-icon-arrowreturnthick-1-s:before{ content: '\e806'; }
1197 .elfinder .ui-icon-minusthick:before{ content: '\e81e'; }
1198 .elfinder .ui-icon-pin-s:before{ content: '\e811'; }
1199 .elfinder .ui-icon-arrowrefresh-1-n:before{ content: '\e81f'; }
1200 .elfinder .ui-icon-unlocked:before{ content: '\e854'; }
1201 .elfinder .ui-icon-locked:before{ content: '\f13e'; }
1202 /* main icons */
1203 .elfinder-button-icon-accept:before{ content: '\e810'; }
1204 .elfinder-button-icon-archive:before{ content: '\e827'; font-size: 110%; margin-left: -2px; }
1205 .elfinder-button-icon-back:before{ content: '\f007'; }
1206 .elfinder-button-icon-chmod:before{ content: '\e846'; }
1207 .elfinder-button-icon-copy:before{ content: '\e807'; }
1208 .elfinder-button-icon-colwidth:before{ content: '\f0db'; }
1209 .elfinder-button-icon-cut:before{ content: '\e801'; }
1210 .elfinder-button-icon-dir:before{ content: '\f114'; }
1211 .elfinder-button-icon-download:before{ content: '\e809'; }
1212 .elfinder-button-icon-duplicate:before{ content: '\e822'; }
1213 .elfinder-button-icon-edit:before{ content: '\e81c'; }
1214 .elfinder-button-icon-empty:before{ content: '\e829'; }
1215 .elfinder-button-icon-extract:before{ content: '\e825'; font-size: 110%; margin-left: -2px; }
1216 .elfinder-button-icon-forward:before{ content: '\f006'; }
1217 .elfinder-button-icon-fullscreen:before{ content: '\e802'; }
1218 .elfinder-button-icon-getfile:before{ content: '\f245'; }
1219 .elfinder-button-icon-help:before{ content: '\e80b'; }
1220 .elfinder-button-icon-home:before{ content: '\e800'; }
1221 .elfinder-button-icon-hide:before{ content: '\e80c'; }
1222 .elfinder-button-icon-info:before{ content: '\f086'; }
1223 .elfinder-button-icon-link:before{ content: '\f08e'; }
1224 .elfinder-button-icon-mkdir:before{ content: '\f114'; }
1225 .elfinder-button-icon-mkdirin:before{ content: '\e828'; }
1226 .elfinder-button-icon-mkfile:before{ content: '\f0f6'; font-size: 85%; }
1227 .elfinder-button-icon-menu:before{ content: '\e819'; }
1228 .elfinder-button-icon-netmount:before{ content: '\f0a0'; font-size: 110%; }
1229 .elfinder-button-icon-netunmount:before{ content: '\e818'; font-size: 85%; }
1230 .elfinder-button-icon-open:before{ content: '\f115'; }
1231 .elfinder-button-icon-opendir:before{ content: '\f115'; }
1232 .elfinder-button-icon-opennew:before{ content: '\e824'; }
1233 .elfinder-button-icon-paste:before{ content: '\f0ea'; }
1234 .elfinder-button-icon-places:before{ content: '\e81d'; }
1235 .elfinder-button-icon-preference:before{ content: '\f1de'; }
1236 .elfinder-button-icon-quicklook:before{ content: '\e812'; }
1237 .elfinder-button-icon-redo:before{ content: '\e814'; }
1238 .elfinder-button-icon-reload:before{ content: '\e805'; }
1239 .elfinder-button-icon-rename:before{ content: '\f246'; font-size: 85%; }
1240 .elfinder-button-icon-restore:before{ content: '\e81f'; }
1241 .elfinder-button-icon-resize:before{ content: '\e82d'; }
1242 .elfinder-button-icon-rotate-r:before{ content: '\e857'; }
1243 .elfinder-button-icon-rotate-l:before{ content: '\e856'; }
1244 .elfinder-button-icon-rm:before{ content: '\f12d'; }
1245 .elfinder-button-icon-search:before{ content: '\e81a'; }
1246 .elfinder-button-icon-selectall:before{ content: '\f247'; font-size: 90%; }
1247 .elfinder-button-icon-selectnone:before{ content: '\e823'; font-size: 90%; }
1248 .elfinder-button-icon-selectinvert:before{ content: '\f248'; font-size: 85%; margin-left: -1px; }
1249 .elfinder-button-icon-sort:before{ content: '\f15d'; font-size: 90%; }
1250 .elfinder-button-icon-text:before{ content: '\e804'; }
1251 .elfinder-button-icon-trash:before{ content: '\e80a'; font-size: 110%; }
1252 .elfinder-button-icon-undo:before{ content: '\e813'; }
1253 .elfinder-button-icon-unfullscreen:before{ content: '\e806'; }
1254 .elfinder-button-icon-up:before{ content: '\f005'; }
1255 .elfinder-button-icon-upload:before{ content: '\e808'; }
1256 .elfinder-button-icon-view:before{ content: '\e815'; font-size: 110%; }
1257 .elfinder-button-icon-view-list:before{ content: '\e816'; font-size: 110%; }
1258 .elfinder-button-icon-spinner:before,
1259 .elfinder-spinner:before{ content: '\e831'; }
1260 .elfinder-path-roots .elfinder-button-icon-menu:before{ content: '\e836'; }
1261 /* permissions, dragable icons (workzone/toolbar/on the screen) */
1262 .elfinder-symlink:before{ content: '\e835'; }
1263 .elfinder-lock:before{ content: '\e82b'; font-size: 85%; }
1264 .elfinder-group .elfinder-perms:before{ content: '\e800'; }
1265 .elfinder-ro .elfinder-perms:before{ content: '\e80e'; color: #f3b80b; }
1266 .elfinder-wo .elfinder-perms:before{ content: '\e80d'; color: #0272bf; }
1267 .elfinder-na .elfinder-perms:before,
1268 .elfinder-drag-helper-icon-status:before{ content: '\e817'; color: #d00000; }
1269 .elfinder-drag-helper-move .elfinder-drag-helper-icon-status:before{ content: '\e843'; color: #0272bf; }
1270 .elfinder-drag-helper-plus .elfinder-drag-helper-icon-status:before{ content: '\e844'; color: #00ab07; }
1271 /* arrows icons (navbar/contextmenu) */
1272 .elfinder-navbar-arrow:before{ content: none; }
1273 .elfinder-navbar-icon:before{ content: '\e820'; }
1274 .ui-state-hover .elfinder-navbar-icon:before,
1275 .ui-state-active .elfinder-navbar-icon:before,
1276 .elfinder-droppable-active .elfinder-navbar-icon:before{ content: '\e82e'; }
1277 .elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow:before,
1278 .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-arrow:before{ content: '\e839'; }
1279 .elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow:before,
1280 .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-arrow:before{ content: '\e838'; }
1281 .elfinder .elfinder-navbar-collapsed.elfinder-navbar-expanded .elfinder-navbar-arrow:before{ content: '\e836'; }
1282 /* cmd icons (dialogs) */
1283 .elfinder-dialog-icon:before{ content: '\e83a'; } /* default icon (info icon) */
1284 .elfinder-dialog-icon-confirm:before{ content: '\e83b'; color: #f3b80b; }
1285 .elfinder-rtl .elfinder-dialog-icon-confirm:before{ content: '\e851'; color: #f3b80b; }
1286 .elfinder-dialog-icon-error:before{ content: '\e83c'; color: #c32020; }
1287 .elfinder-dialog-icon-open:before,
1288 .elfinder-dialog-icon-readdir:before,
1289 .elfinder-dialog-icon-file:before{ content: '\e82e'; }
1290 .elfinder-dialog-icon-reload:before{ content: '\e841'; }
1291 .elfinder-dialog-icon-mkdir:before{ content: '\e820'; }
1292 .elfinder-dialog-icon-mkfile:before{ content: '\f15c'; }
1293 .elfinder-dialog-icon-copy:before{ content: '\e844'; }
1294 .elfinder-dialog-icon-prepare:before{ content: '\e831'; }
1295 .elfinder-dialog-icon-move:before{ content: '\e843'; }
1296 .elfinder-dialog-icon-save:before,
1297 .elfinder-dialog-icon-upload:before,
1298 .elfinder-dialog-icon-chunkmerge:before{ content: '\e83d'; }
1299 .elfinder-dialog-icon-rm:before{ content: '\f1f8'; }
1300 .elfinder-dialog-icon-download:before{ content: '\e83e'; }
1301 .elfinder-dialog-icon-rename:before,
1302 .elfinder-dialog-icon-chkcontent:before{ content: '\e83f'; }
1303 .elfinder-dialog-icon-zipdl:before,
1304 .elfinder-dialog-icon-archive:before,
1305 .elfinder-dialog-icon-extract:before{ content: '\e840'; }
1306 .elfinder-dialog-icon-search:before{ content: '\f1e5'; }
1307 .elfinder-dialog-icon-chmod:before{ content: '\e845'; }
1308 /* icons files (workzone/dialogs) */
1309 .elfinder .elfinder-cwd-icon:after{
1310 content: '\e84d';
1311 font-size: 50px;
1312 color: #999;
1313 }
1314 .elfinder .elfinder-cwd-view-list table .elfinder-cwd-icon:after{
1315 font-size: 16px;
1316 top: auto;
1317 right: auto;
1318 left: auto;
1319 width: auto;
1320 height: auto;
1321 opacity: 1;
1322 -webkit-transform: none;
1323 -moz-transform: none;
1324 transform: none;
1325 }
1326 .elfinder .elfinder-cwd-bgurl{
1327 -moz-background-size: cover;
1328 background-size: cover;
1329 }
1330 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-bgurl:after,
1331 .elfinder .elfinder-quicklook-info-wrapper .elfinder-cwd-bgurl:after{
1332 display: none;
1333 }
1334 /* icons roots (navbar/workzone/dialogs/contextmenu) */
1335 .elfinder [class^='elfinder-navbar-root-'] .elfinder-cwd-icon:after,
1336 .elfinder [class*=' elfinder-navbar-root-'] .elfinder-cwd-icon:after{
1337 font-size: 53px;
1338 }
1339 .elfinder .elfinder-navbar-root-sql .elfinder-cwd-icon:after,
1340 .elfinder .elfinder-navbar-root-dropbox .elfinder-cwd-icon:after,
1341 .elfinder .elfinder-navbar-root-network .elfinder-cwd-icon:after{
1342 font-size: 46px;
1343 }
1344 /*
1345 roots icons: navbar - .elfinder-navbar-root-[..] .elfinder-navbar-icon,
1346 workzone - .elfinder-navbar-root-[..] .elfinder-cwd-icon,
1347 contextmenu - .elfinder-navbar-root-[..].elfinder-contextmenu-icon
1348 */
1349 .elfinder-places .elfinder-navbar-root .elfinder-navbar-icon:before{ content: '\e821'; }
1350 .elfinder .elfinder-navbar-root-local .elfinder-navbar-icon:before,
1351 .elfinder .elfinder-navbar-root-local .elfinder-cwd-icon:after,
1352 .elfinder .elfinder-navbar-root-local.elfinder-contextmenu-icon:before{ content: '\e82f'; color: #999; }
1353 .elfinder .elfinder-navbar-root-trash .elfinder-navbar-icon:before,
1354 .elfinder .elfinder-navbar-root-trash .elfinder-cwd-icon:after,
1355 .elfinder .elfinder-navbar-root-trash.elfinder-contextmenu-icon:before{ content: '\f1f8'; color: #999; }
1356 .elfinder .elfinder-navbar-root-ftp .elfinder-navbar-icon:before,
1357 .elfinder .elfinder-navbar-root-ftp .elfinder-cwd-icon:after,
1358 .elfinder .elfinder-navbar-root-ftp.elfinder-contextmenu-icon:before{ content: '\f0a0'; color: #999; }
1359 .elfinder .elfinder-navbar-root-sql .elfinder-navbar-icon:before,
1360 .elfinder .elfinder-navbar-root-sql .elfinder-cwd-icon:after,
1361 .elfinder .elfinder-navbar-root-sql.elfinder-contextmenu-icon:before{ content: '\f1c0'; color: #999; }
1362 .elfinder .elfinder-navbar-root-dropbox .elfinder-navbar-icon:before,
1363 .elfinder .elfinder-navbar-root-dropbox .elfinder-cwd-icon:after,
1364 .elfinder .elfinder-navbar-root-dropbox.elfinder-contextmenu-icon:before{ content: '\e832'; color: #999; }
1365 .elfinder .elfinder-navbar-root-googledrive .elfinder-navbar-icon:before,
1366 .elfinder .elfinder-navbar-root-googledrive .elfinder-cwd-icon:after,
1367 .elfinder .elfinder-navbar-root-googledrive.elfinder-contextmenu-icon:before{ content: '\e826'; color: #999; }
1368 .elfinder .elfinder-navbar-root-onedrive .elfinder-navbar-icon:before,
1369 .elfinder .elfinder-navbar-root-onedrive .elfinder-cwd-icon:after,
1370 .elfinder .elfinder-navbar-root-onedrive.elfinder-contextmenu-icon:before{ content: '\e833'; color: #999; }
1371 .elfinder .elfinder-navbar-root-box .elfinder-navbar-icon:before,
1372 .elfinder .elfinder-navbar-root-box .elfinder-cwd-icon:after,
1373 .elfinder .elfinder-navbar-root-box.elfinder-contextmenu-icon:before{ content: '\e834'; color: #999; }
1374 .elfinder .elfinder-navbar-root-network .elfinder-navbar-icon:before,
1375 .elfinder .elfinder-navbar-root-network .elfinder-cwd-icon:after,
1376 .elfinder .elfinder-navbar-root-network.elfinder-contextmenu-icon:before{ content: '\e830'; color: #999; }
1377 /* icons files (workzone/dialogs) */
1378 .elfinder .elfinder-cwd-icon-directory:after{ content: '\e820'; color: #c3a530; }
1379 .elfinder .elfinder-cwd-icon-zip:after,
1380 .elfinder .elfinder-cwd-icon-x-zip:after,
1381 .elfinder .elfinder-cwd-icon-x-xz:after,
1382 .elfinder .elfinder-cwd-icon-x-7z-compressed:after,
1383 .elfinder .elfinder-cwd-icon-x-gzip:after,
1384 .elfinder .elfinder-cwd-icon-x-tar:after,
1385 .elfinder .elfinder-cwd-icon-x-bzip:after,
1386 .elfinder .elfinder-cwd-icon-x-bzip2:after,
1387 .elfinder .elfinder-cwd-icon-x-rar:after,
1388 .elfinder .elfinder-cwd-icon-x-rar-compressed:after{ content: '\e840'; color: #b3791e; }
1389 .elfinder .elfinder-cwd-icon-text:after,
1390 .elfinder .elfinder-cwd-icon-plain:after,
1391 .elfinder .elfinder-cwd-icon-x-empty:after{ content: '\e849'; color: #ddd; }
1392 .elfinder .elfinder-cwd-icon-image:after{ content: '\e84a'; color: #9e2974; }
1393 .elfinder .elfinder-cwd-icon-audio:after{ content: '\e84f'; color: #278a00; }
1394 .elfinder .elfinder-cwd-icon-video:after{ content: '\e84e'; color: #29629e; }
1395 .elfinder .elfinder-cwd-icon-html:after{ content: '\e82a'; color: #bd4c4c; }
1396 .elfinder .elfinder-cwd-icon-postscript:after,
1397 .elfinder .elfinder-cwd-icon-css:after,
1398 .elfinder .elfinder-cwd-icon-javascript:after,
1399 .elfinder .elfinder-cwd-icon-x-javascript:after,
1400 .elfinder .elfinder-cwd-icon-x-perl:after,
1401 .elfinder .elfinder-cwd-icon-x-python:after,
1402 .elfinder .elfinder-cwd-icon-x-ruby:after,
1403 .elfinder .elfinder-cwd-icon-x-sh:after,
1404 .elfinder .elfinder-cwd-icon-x-shellscript:after,
1405 .elfinder .elfinder-cwd-icon-x-c:after,
1406 .elfinder .elfinder-cwd-icon-x-csrc:after,
1407 .elfinder .elfinder-cwd-icon-x-chdr:after,
1408 .elfinder .elfinder-cwd-icon-x-c--:after,
1409 .elfinder .elfinder-cwd-icon-x-c--src:after,
1410 .elfinder .elfinder-cwd-icon-x-c--hdr:after,
1411 .elfinder .elfinder-cwd-icon-x-java:after,
1412 .elfinder .elfinder-cwd-icon-x-java-source:after,
1413 .elfinder .elfinder-cwd-icon-x-php:after,
1414 .elfinder .elfinder-cwd-icon-xml:after{ content: '\e84b'; color: #6e73b1; }
1415 .elfinder .elfinder-cwd-icon-group:after{ content: '\e842'; }
1416 /* workzone: parent rewrited */
1417 .elfinder .elfinder-cwd-parent .elfinder-lock,
1418 .elfinder .elfinder-cwd-parent .elfinder-perms{
1419 display: none;
1420 }
1421 .elfinder .elfinder-cwd-wrapper .elfinder-cwd-parent .elfinder-cwd-icon:after{ content: '\e847'; color: #999; }
1422 /* quicklook */
1423 .elfinder-quicklook-navbar-icon-prev:before{ content: '\e850'; }
1424 .elfinder-quicklook-navbar-icon-next:before{ content: '\e82c'; }
1425 .elfinder-quicklook-navbar-icon-fullscreen:before{ content: '\e802'; }
1426 .elfinder-quicklook-navbar-icon-fullscreen-off:before{ content: '\e806'; }
1427 .elfinder-quicklook-navbar-icon-close:before{ content: '\e81b'; font-size: 85%; }