PluginProbe ʕ •ᴥ•ʔ
File Manager Pro – Filester / 1.8.2
File Manager Pro – Filester v1.8.2
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 / Material / css / theme.css
filester / includes / File_manager / lib / themes / Material / css Last commit date
theme.css 1 year ago
theme.css
1730 lines
1 /*!
2 * elFinder-Material-Theme (Default) v2.1.10 (https://github.com/RobiNN1/elFinder-Material-Theme)
3 * Copyright 2016-2019 Róbert Kelčák {RobiNN}
4 * Licensed under MIT (https://github.com/RobiNN1/elFinder-Material-Theme/blob/master/LICENSE)
5 */
6 @import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese");
7 .elfinder {
8 color: #546e7a;
9 font-family: "Noto Sans", sans-serif;
10 -webkit-font-smoothing: antialiased;
11 -moz-osx-font-smoothing: grayscale;
12 }
13 .elfinder.ui-widget.ui-widget-content {
14 font-family: "Noto Sans", sans-serif;
15 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
16 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
17 -webkit-border-radius: 0;
18 border-radius: 0;
19 border: 0;
20 }
21 .elfinder * {
22 outline: 0 !important;
23 }
24 /**
25 * Loading
26 */
27 .elfinder-info-spinner,
28 .elfinder-navbar-spinner,
29 .elfinder-button-icon-spinner {
30 background: url("../images/loading.svg") center center no-repeat !important;
31 width: 16px;
32 height: 16px;
33 }
34 /**
35 * Progress Bar
36 */
37 @-webkit-keyframes progress-animation {
38 from {
39 background-position: 1rem 0;
40 }
41 to {
42 background-position: 0 0;
43 }
44 }
45 @keyframes progress-animation {
46 from {
47 background-position: 1rem 0;
48 }
49 to {
50 background-position: 0 0;
51 }
52 }
53 .elfinder-notify-progressbar {
54 border: 0;
55 }
56 .elfinder-notify-progress,
57 .elfinder-notify-progressbar {
58 -webkit-border-radius: 0;
59 border-radius: 0;
60 }
61 .elfinder-notify-progress,
62 .elfinder-resize-spinner {
63 background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
64 background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
65 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
66 -webkit-background-size: 1rem 1rem;
67 background-size: 1rem 1rem;
68 -webkit-animation: progress-animation 1s linear infinite;
69 animation: progress-animation 1s linear infinite;
70 background-color: #0275d8;
71 height: 1rem;
72 }
73 /**
74 * Toast Notification
75 */
76 .elfinder .elfinder-toast > div {
77 background-color: #323232 !important;
78 color: #d6d6d6;
79 -webkit-box-shadow: none;
80 box-shadow: none;
81 opacity: inherit;
82 padding: 10px 60px;
83 }
84 .elfinder .elfinder-toast > div button.ui-button {
85 color: #fff;
86 }
87 .elfinder .elfinder-toast > .toast-info button.ui-button {
88 background-color: #3498db;
89 }
90 .elfinder .elfinder-toast > .toast-error button.ui-button {
91 background-color: #f44336;
92 }
93 .elfinder .elfinder-toast > .toast-success button.ui-button {
94 background-color: #4caf50;
95 }
96 .elfinder .elfinder-toast > .toast-warning button.ui-button {
97 background-color: #ff9800;
98 }
99 .elfinder-toast-msg {
100 font-family: "Noto Sans", sans-serif;
101 font-size: 17px;
102 }
103 /**
104 * For Ace Editor
105 */
106 #ace_settingsmenu {
107 font-family: "Noto Sans", sans-serif;
108 -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6) !important;
109 box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6) !important;
110 background-color: #1d2736 !important;
111 color: #e6e6e6 !important;
112 }
113 #ace_settingsmenu,
114 #kbshortcutmenu {
115 padding: 0;
116 }
117 .ace_optionsMenuEntry {
118 padding: 5px 10px;
119 }
120 .ace_optionsMenuEntry:hover {
121 background-color: #111721;
122 }
123 .ace_optionsMenuEntry label {
124 font-size: 13px;
125 }
126 #ace_settingsmenu input[type="text"],
127 #ace_settingsmenu select {
128 margin: 1px 2px 2px;
129 padding: 2px 5px;
130 -webkit-border-radius: 3px;
131 border-radius: 3px;
132 border: 0;
133 background: rgba(9, 53, 121, 0.75);
134 color: white !important;
135 }
136 /**
137 * Icons
138 */
139 @font-face {
140 font-family: material;
141 src: url("../icons/material.eot?91804974");
142 src: url("../icons/material.eot?91804974#iefix") format("embedded-opentype"), url("../icons/material.woff2?91804974") format("woff2"), url("../icons/material.woff?91804974") format("woff"), url("../icons/material.ttf?91804974") format("truetype"), url("../icons/material.svg?91804974#material") format("svg");
143 font-weight: normal;
144 font-style: normal;
145 }
146 @media screen and (-webkit-min-device-pixel-ratio: 0) {
147 @font-face {
148 font-family: material;
149 src: url("../icons/material.svg?91804974#material") format("svg");
150 }
151 }
152 .elfinder .ui-icon,
153 .elfinder-button-icon,
154 .ui-widget-header .ui-icon,
155 .ui-widget-content .ui-icon {
156 font: normal normal normal 14px/1 material;
157 background-image: inherit;
158 text-indent: inherit;
159 }
160 .elfinder .ui-button-icon-only .ui-icon {
161 font: normal normal normal 14px/1 material;
162 background-image: inherit !important;
163 text-indent: 0;
164 font-size: 16px;
165 }
166 .elfinder-button-icon {
167 background: inherit;
168 }
169 .elfinder-button-icon-home:before {
170 content: '\e800';
171 }
172 .elfinder-button-icon-back:before {
173 content: '\e801';
174 }
175 .elfinder-button-icon-forward:before {
176 content: '\e802';
177 }
178 .elfinder-button-icon-up:before {
179 content: '\e803';
180 }
181 .elfinder-button-icon-dir:before {
182 content: '\e804';
183 }
184 .elfinder-button-icon-opendir:before {
185 content: '\e805';
186 }
187 .elfinder-button-icon-reload:before {
188 content: '\e806';
189 }
190 .elfinder-button-icon-open:before {
191 content: '\e807';
192 }
193 .elfinder-button-icon-mkdir:before {
194 content: '\e808';
195 }
196 .elfinder-button-icon-mkfile:before {
197 content: '\e809';
198 }
199 .elfinder-button-icon-rm:before {
200 content: '\e80a';
201 }
202 .elfinder-button-icon-trash:before {
203 content: '\e80b';
204 }
205 .elfinder-button-icon-restore:before {
206 content: '\e80c';
207 }
208 .elfinder-button-icon-copy:before {
209 content: '\e80d';
210 }
211 .elfinder-button-icon-cut:before {
212 content: '\e80e';
213 }
214 .elfinder-button-icon-paste:before {
215 content: '\e80f';
216 }
217 .elfinder-button-icon-getfile:before {
218 content: '\e810';
219 }
220 .elfinder-button-icon-duplicate:before {
221 content: '\e811';
222 }
223 .elfinder-button-icon-rename:before {
224 content: '\e812';
225 }
226 .elfinder-button-icon-edit:before {
227 content: '\e813';
228 }
229 .elfinder-button-icon-quicklook:before {
230 content: '\e814';
231 }
232 .elfinder-button-icon-upload:before {
233 content: '\e815';
234 }
235 .elfinder-button-icon-download:before {
236 content: '\e816';
237 }
238 .elfinder-button-icon-info:before {
239 content: '\e817';
240 }
241 .elfinder-button-icon-extract:before {
242 content: '\e818';
243 }
244 .elfinder-button-icon-archive:before {
245 content: '\e819';
246 }
247 .elfinder-button-icon-view:before {
248 content: '\e81a';
249 }
250 .elfinder-button-icon-view-list:before {
251 content: '\e81b';
252 }
253 .elfinder-button-icon-help:before {
254 content: '\e81c';
255 }
256 .elfinder-button-icon-resize:before {
257 content: '\e81d';
258 }
259 .elfinder-button-icon-link:before {
260 content: '\e81e';
261 }
262 .elfinder-button-icon-search:before {
263 content: '\e81f';
264 }
265 .elfinder-button-icon-sort:before {
266 content: '\e820';
267 }
268 .elfinder-button-icon-rotate-r:before {
269 content: '\e821';
270 }
271 .elfinder-button-icon-rotate-l:before {
272 content: '\e822';
273 }
274 .elfinder-button-icon-netmount:before {
275 content: '\e823';
276 }
277 .elfinder-button-icon-netunmount:before {
278 content: '\e824';
279 }
280 .elfinder-button-icon-places:before {
281 content: '\e825';
282 }
283 .elfinder-button-icon-chmod:before {
284 content: '\e826';
285 }
286 .elfinder-button-icon-accept:before {
287 content: '\e827';
288 }
289 .elfinder-button-icon-menu:before {
290 content: '\e828';
291 }
292 .elfinder-button-icon-colwidth:before {
293 content: '\e829';
294 }
295 .elfinder-button-icon-fullscreen:before {
296 content: '\e82a';
297 }
298 .elfinder-button-icon-unfullscreen:before {
299 content: '\e82b';
300 }
301 .elfinder-button-icon-empty:before {
302 content: '\e82c';
303 }
304 .elfinder-button-icon-undo:before {
305 content: '\e82d';
306 }
307 .elfinder-button-icon-redo:before {
308 content: '\e82e';
309 }
310 .elfinder-button-icon-preference:before {
311 content: '\e82f';
312 }
313 .elfinder-button-icon-mkdirin:before {
314 content: '\e830';
315 }
316 .elfinder-button-icon-selectall:before {
317 content: '\e831';
318 }
319 .elfinder-button-icon-selectnone:before {
320 content: '\e832';
321 }
322 .elfinder-button-icon-selectinvert:before {
323 content: '\e833';
324 }
325 .elfinder-button-icon-logout:before {
326 content: '\e85a';
327 }
328 .elfinder-button-icon-opennew:before {
329 content: '\e85b';
330 }
331 .elfinder-button-icon-hide:before {
332 content: '\e85d';
333 }
334 .elfinder-button-search .ui-icon.ui-icon-search {
335 font-size: 17px;
336 }
337 .elfinder-button-search .ui-icon:hover {
338 opacity: 1;
339 }
340 .elfinder-navbar-icon {
341 font: normal normal normal 16px/1 material;
342 background-image: inherit !important;
343 }
344 .elfinder-navbar-icon:before {
345 content: '\e804';
346 }
347 .elfinder-droppable-active .elfinder-navbar-icon:before,
348 .elfinder .ui-state-active .elfinder-navbar-icon:before,
349 .elfinder .ui-state-hover .elfinder-navbar-icon:before {
350 content: '\e805';
351 }
352 .elfinder-navbar-root-local .elfinder-navbar-icon:before {
353 content: '\e83d' !important;
354 }
355 .elfinder-navbar-root-ftp .elfinder-navbar-icon:before {
356 content: '\e823' !important;
357 }
358 .elfinder-navbar-root-sql .elfinder-navbar-icon:before {
359 content: '\e83e' !important;
360 }
361 .elfinder-navbar-root-dropbox .elfinder-navbar-icon:before {
362 content: '\e83f' !important;
363 }
364 .elfinder-navbar-root-googledrive .elfinder-navbar-icon:before {
365 content: '\e840' !important;
366 }
367 .elfinder-navbar-root-onedrive .elfinder-navbar-icon:before {
368 content: '\e841' !important;
369 }
370 .elfinder-navbar-root-box .elfinder-navbar-icon:before {
371 content: '\e842' !important;
372 }
373 .elfinder-navbar-root-trash .elfinder-navbar-icon:before {
374 content: '\e80b' !important;
375 }
376 .elfinder-navbar-root-zip .elfinder-navbar-icon:before {
377 content: '\e85c' !important;
378 }
379 .elfinder-navbar-root-network .elfinder-navbar-icon:before {
380 content: '\e823' !important;
381 }
382 .elfinder-places .elfinder-navbar-root .elfinder-navbar-icon:before {
383 content: '\e825' !important;
384 }
385 .elfinder-navbar-arrow {
386 background-image: inherit !important;
387 font: normal normal normal 14px/1 material;
388 font-size: 10px;
389 padding-top: 3px;
390 padding-left: 2px;
391 color: #a9a9a9;
392 }
393 .elfinder .ui-state-active .elfinder-navbar-arrow {
394 color: #fff;
395 }
396 .elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
397 content: '\e857';
398 }
399 .elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow:before {
400 content: '\e858';
401 }
402 .elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow:before,
403 .elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow:before {
404 content: '\e851';
405 }
406 div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon {
407 font-size: 8px;
408 margin-top: 5px;
409 margin-right: 5px;
410 }
411 div.elfinder-cwd-wrapper-list .ui-icon-grip-dotted-vertical {
412 margin: 2px;
413 }
414 .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon,
415 .elfinder-navbar-root-local .elfinder-cwd-icon,
416 .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon,
417 .elfinder-navbar-root-ftp .elfinder-cwd-icon,
418 .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon,
419 .elfinder-navbar-root-sql .elfinder-cwd-icon,
420 .elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon,
421 .elfinder-navbar-root-dropbox .elfinder-cwd-icon,
422 .elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,
423 .elfinder-navbar-root-googledrive .elfinder-cwd-icon,
424 .elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,
425 .elfinder-navbar-root-onedrive .elfinder-cwd-icon,
426 .elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,
427 .elfinder-navbar-root-box .elfinder-cwd-icon,
428 .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon,
429 .elfinder-navbar-root-trash .elfinder-cwd-icon,
430 .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon,
431 .elfinder-navbar-root-zip .elfinder-cwd-icon,
432 .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon,
433 .elfinder-navbar-root-network .elfinder-cwd-icon {
434 background-image: inherit;
435 }
436 .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
437 .elfinder-navbar-root-local .elfinder-cwd-icon:before,
438 .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
439 .elfinder-navbar-root-ftp .elfinder-cwd-icon:before,
440 .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
441 .elfinder-navbar-root-sql .elfinder-cwd-icon:before,
442 .elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon:before,
443 .elfinder-navbar-root-dropbox .elfinder-cwd-icon:before,
444 .elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon:before,
445 .elfinder-navbar-root-googledrive .elfinder-cwd-icon:before,
446 .elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon:before,
447 .elfinder-navbar-root-onedrive .elfinder-cwd-icon:before,
448 .elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon:before,
449 .elfinder-navbar-root-box .elfinder-cwd-icon:before,
450 .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
451 .elfinder-navbar-root-trash .elfinder-cwd-icon:before,
452 .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
453 .elfinder-navbar-root-zip .elfinder-cwd-icon:before,
454 .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
455 .elfinder-navbar-root-network .elfinder-cwd-icon:before {
456 font-family: material;
457 background-color: transparent;
458 color: #525252;
459 font-size: 55px;
460 position: relative;
461 top: -10px !important;
462 padding: 0;
463 display: contents !important;
464 }
465 .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon:before,
466 .elfinder-navbar-root-local .elfinder-cwd-icon:before {
467 content: '\e83d';
468 }
469 .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon:before,
470 .elfinder-navbar-root-ftp .elfinder-cwd-icon:before {
471 content: '\e823';
472 }
473 .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon:before,
474 .elfinder-navbar-root-sql .elfinder-cwd-icon:before {
475 content: '\e83e';
476 }
477 .elfinder-cwd-view-list .elfinder-navbar-roor-dropbox td .elfinder-cwd-icon:before,
478 .elfinder-navbar-roor-dropbox .elfinder-cwd-icon:before {
479 content: '\e83f';
480 }
481 .elfinder-cwd-view-list .elfinder-navbar-roor-googledrive td .elfinder-cwd-icon:before,
482 .elfinder-navbar-roor-googledrive .elfinder-cwd-icon:before {
483 content: '\e840';
484 }
485 .elfinder-cwd-view-list .elfinder-navbar-roor-onedrive td .elfinder-cwd-icon:before,
486 .elfinder-navbar-roor-onedrive .elfinder-cwd-icon:before {
487 content: '\e841';
488 }
489 .elfinder-cwd-view-list .elfinder-navbar-roor-box td .elfinder-cwd-icon:before,
490 .elfinder-navbar-roor-box .elfinder-cwd-icon:before {
491 content: '\e842';
492 }
493 .elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon:before,
494 .elfinder-navbar-root-trash .elfinder-cwd-icon:before {
495 content: '\e80b';
496 }
497 .elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon:before,
498 .elfinder-navbar-root-zip .elfinder-cwd-icon:before {
499 content: '\e85c';
500 }
501 .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon:before,
502 .elfinder-navbar-root-network .elfinder-cwd-icon:before {
503 content: '\e823';
504 }
505 .elfinder-dialog-icon {
506 font: normal normal normal 14px/1 material;
507 background: inherit;
508 color: #524949;
509 font-size: 37px;
510 }
511 .elfinder-dialog-icon:before {
512 content: '\e843';
513 }
514 .elfinder-dialog-icon-mkdir:before {
515 content: '\e808';
516 }
517 .elfinder-dialog-icon-mkfile:before {
518 content: '\e809';
519 }
520 .elfinder-dialog-icon-copy:before {
521 content: '\e80d';
522 }
523 .elfinder-dialog-icon-prepare:before,
524 .elfinder-dialog-icon-move:before {
525 content: '\e844';
526 }
527 .elfinder-dialog-icon-upload:before,
528 .elfinder-dialog-icon-chunkmerge:before {
529 content: '\e815';
530 }
531 .elfinder-dialog-icon-rm:before {
532 content: '\e80a';
533 }
534 .elfinder-dialog-icon-open:before,
535 .elfinder-dialog-icon-readdir:before,
536 .elfinder-dialog-icon-file:before {
537 content: '\e807';
538 }
539 .elfinder-dialog-icon-reload:before {
540 content: '\e806';
541 }
542 .elfinder-dialog-icon-download:before {
543 content: '\e816';
544 }
545 .elfinder-dialog-icon-save:before {
546 content: '\e845';
547 }
548 .elfinder-dialog-icon-rename:before {
549 content: '\e812';
550 }
551 .elfinder-dialog-icon-zipdl:before,
552 .elfinder-dialog-icon-archive:before {
553 content: '\e819';
554 }
555 .elfinder-dialog-icon-extract:before {
556 content: '\e818';
557 }
558 .elfinder-dialog-icon-search:before {
559 content: '\e81f';
560 }
561 .elfinder-dialog-icon-loadimg:before {
562 content: '\e846';
563 }
564 .elfinder-dialog-icon-url:before {
565 content: '\e81e';
566 }
567 .elfinder-dialog-icon-resize:before {
568 content: '\e81d';
569 }
570 .elfinder-dialog-icon-netmount:before {
571 content: '\e823';
572 }
573 .elfinder-dialog-icon-netunmount:before {
574 content: '\e824';
575 }
576 .elfinder-dialog-icon-chmod:before {
577 content: '\e826';
578 }
579 .elfinder-dialog-icon-preupload:before,
580 .elfinder-dialog-icon-dim:before {
581 content: '\e847';
582 }
583 .elfinder-contextmenu .elfinder-contextmenu-item span.elfinder-contextmenu-icon {
584 font-size: 16px;
585 }
586 .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextsubmenu-item .ui-icon {
587 font-size: 15px;
588 }
589 .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-button-icon-link:before {
590 content: '\e837';
591 }
592 .elfinder .elfinder-contextmenu-extra-icon {
593 margin-top: -6px;
594 }
595 .elfinder .elfinder-contextmenu-extra-icon a {
596 padding: 5px;
597 margin: -16px;
598 }
599 .elfinder-button-icon-link:before {
600 content: '\e81e' !important;
601 }
602 .elfinder .elfinder-contextmenu-arrow {
603 font: normal normal normal 14px/1 material;
604 background-image: inherit;
605 font-size: 10px !important;
606 padding-top: 3px;
607 }
608 .elfinder .elfinder-contextmenu-arrow:before {
609 content: '\e857';
610 }
611 .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow {
612 background-image: inherit;
613 }
614 .elfinder-quicklook .ui-resizable-se {
615 background: inherit;
616 }
617 .elfinder-quicklook-navbar-icon {
618 background: transparent;
619 font: normal normal normal 14px/1 material;
620 font-size: 32px;
621 color: #fff;
622 }
623 .elfinder-quicklook-titlebar-icon {
624 margin-top: -8px;
625 }
626 .elfinder-quicklook-titlebar-icon .ui-icon {
627 border: 0;
628 opacity: 0.8;
629 font-size: 15px;
630 padding: 1px;
631 }
632 .elfinder-quicklook-titlebar .ui-icon-circle-close,
633 .elfinder-quicklook .ui-icon-gripsmall-diagonal-se {
634 color: #f1f1f1;
635 }
636 .elfinder-quicklook-navbar-icon-prev:before {
637 content: '\e848';
638 }
639 .elfinder-quicklook-navbar-icon-next:before {
640 content: '\e849';
641 }
642 .elfinder-quicklook-navbar-icon-fullscreen:before {
643 content: '\e84a';
644 }
645 .elfinder-quicklook-navbar-icon-fullscreen-off:before {
646 content: '\e84b';
647 }
648 .elfinder-quicklook-navbar-icon-close:before {
649 content: '\e84c';
650 }
651 .elfinder .ui-button-icon {
652 background-image: inherit;
653 }
654 .elfinder .ui-icon-search:before {
655 content: '\e81f';
656 }
657 .elfinder .ui-icon-closethick:before,
658 .elfinder .ui-icon-close:before {
659 content: '\e839';
660 }
661 .elfinder .ui-icon-circle-close:before {
662 content: '\e84c';
663 }
664 .elfinder .ui-icon-gear:before {
665 content: '\e82f';
666 }
667 .elfinder .ui-icon-gripsmall-diagonal-se:before {
668 content: '\e838';
669 }
670 .elfinder .ui-icon-locked:before {
671 content: '\e834';
672 }
673 .elfinder .ui-icon-unlocked:before {
674 content: '\e836';
675 }
676 .elfinder .ui-icon-arrowrefresh-1-n:before {
677 content: '\e821';
678 }
679 .elfinder .ui-icon-plusthick:before {
680 content: '\e83a';
681 }
682 .elfinder .ui-icon-arrowreturnthick-1-s:before {
683 content: '\e83b';
684 }
685 .elfinder .ui-icon-minusthick:before {
686 content: '\e83c';
687 }
688 .elfinder .ui-icon-pin-s:before {
689 content: '\e84d';
690 }
691 .elfinder .ui-icon-check:before {
692 content: '\e84e';
693 }
694 .elfinder .ui-icon-arrowthick-1-s:before {
695 content: '\e84f';
696 }
697 .elfinder .ui-icon-arrowthick-1-n:before {
698 content: '\e850';
699 }
700 .elfinder .ui-icon-triangle-1-s:before {
701 content: '\e851';
702 }
703 .elfinder .ui-icon-triangle-1-n:before {
704 content: '\e852';
705 }
706 .elfinder .ui-icon-grip-dotted-vertical:before {
707 content: '\e853';
708 }
709 .elfinder-lock,
710 .elfinder-perms,
711 .elfinder-symlink {
712 background-image: inherit;
713 font: normal normal normal 18px/1 material;
714 color: #d8d8d8;
715 }
716 .elfinder-na .elfinder-perms:before {
717 content: '\e824';
718 }
719 .elfinder-ro .elfinder-perms:before {
720 content: '\e835';
721 }
722 .elfinder-wo .elfinder-perms:before {
723 content: '\e854';
724 }
725 .elfinder-group .elfinder-perms:before {
726 content: '\e800';
727 }
728 .elfinder-lock:before {
729 content: '\e84d';
730 }
731 .elfinder-symlink:before {
732 content: '\e837';
733 }
734 .elfinder .elfinder-toast > div {
735 font: normal normal normal 14px/1 material;
736 }
737 .elfinder .elfinder-toast > div:before {
738 font-size: 45px;
739 position: absolute;
740 left: 5px;
741 top: 15px;
742 }
743 .elfinder .elfinder-toast > .toast-info,
744 .elfinder .elfinder-toast > .toast-error,
745 .elfinder .elfinder-toast > .toast-success,
746 .elfinder .elfinder-toast > .toast-warning {
747 background-image: inherit !important;
748 }
749 .elfinder .elfinder-toast > .toast-info:before {
750 content: '\e817';
751 color: #3498db;
752 }
753 .elfinder .elfinder-toast > .toast-error:before {
754 content: '\e855';
755 color: #f44336;
756 }
757 .elfinder .elfinder-toast > .toast-success:before {
758 content: '\e84e';
759 color: #4caf50;
760 }
761 .elfinder .elfinder-toast > .toast-warning:before {
762 content: '\e856';
763 color: #ff9800;
764 }
765 .elfinder-drag-helper-icon-status {
766 font: normal normal normal 14px/1 material;
767 background: inherit;
768 }
769 .elfinder-drag-helper-icon-status:before {
770 content: '\e824';
771 }
772 .elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
773 -webkit-transform: rotate(180deg);
774 -ms-transform: rotate(180deg);
775 transform: rotate(180deg);
776 }
777 .elfinder-drag-helper-move .elfinder-drag-helper-icon-status:before {
778 content: '\e854';
779 }
780 .elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
781 -webkit-transform: rotate(90deg);
782 -ms-transform: rotate(90deg);
783 transform: rotate(90deg);
784 }
785 .elfinder-drag-helper-plus .elfinder-drag-helper-icon-status:before {
786 content: '\e84c';
787 }
788 /**
789 * MIME Types
790 */
791 .elfinder-cwd-view-list td .elfinder-cwd-icon {
792 background-image: url("../images/icons-small.svg");
793 }
794 .elfinder-cwd-icon {
795 background: url("../images/icons-big.svg") 0 0 no-repeat;
796 -webkit-border-radius: 0;
797 border-radius: 0;
798 }
799 .elfinder-cwd-icon:before {
800 font-size: 10px;
801 position: relative;
802 top: 27px;
803 left: inherit;
804 padding: 1px;
805 background-color: transparent;
806 }
807 .elfinder-cwd-icon-directory {
808 background-position: 0 -50px;
809 }
810 .elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon {
811 background-position: 0 -100px;
812 }
813 .elfinder-cwd-icon-group {
814 background-position: 0 -150px;
815 }
816 .elfinder-cwd-icon-application {
817 background-position: 0 -200px;
818 }
819 .elfinder-cwd-icon-rtf,
820 .elfinder-cwd-icon-rtfd,
821 .elfinder-cwd-icon-text {
822 background-position: 0 -250px;
823 }
824 .elfinder-cwd-icon-image {
825 background-position: 0 -300px;
826 }
827 .elfinder-cwd-icon-audio {
828 background-position: 0 -350px;
829 }
830 .elfinder-cwd-icon-video,
831 .elfinder-cwd-icon-flash-video,
832 .elfinder-cwd-icon-dash-xml,
833 .elfinder-cwd-icon-vnd-apple-mpegurl,
834 .elfinder-cwd-icon-x-mpegurl {
835 background-position: 0 -400px;
836 }
837 .elfinder-cwd-icon-plain,
838 .elfinder-cwd-icon-x-empty {
839 background-position: 0 -450px;
840 }
841 .elfinder-cwd-icon-pdf {
842 background-position: 0 -500px;
843 }
844 .elfinder-cwd-icon-vnd-ms-office {
845 background-position: 0 -550px;
846 }
847 .elfinder-cwd-icon-x-msaccess {
848 background-position: 0 -600px;
849 }
850 .elfinder-cwd-icon-x-msaccess:before {
851 content: none !important;
852 }
853 .elfinder-cwd-icon-ms-excel,
854 .elfinder-cwd-icon-vnd-ms-excel,
855 .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,
856 .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,
857 .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,
858 .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12 {
859 background-position: 0 -650px;
860 }
861 .elfinder-cwd-icon-ms-excel:before,
862 .elfinder-cwd-icon-vnd-ms-excel:before,
863 .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:before,
864 .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:before,
865 .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:before,
866 .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:before {
867 content: none !important;
868 }
869 .elfinder-cwd-icon-vnd-ms-powerpoint,
870 .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,
871 .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,
872 .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,
873 .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,
874 .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12 {
875 background-position: 0 -700px;
876 }
877 .elfinder-cwd-icon-vnd-ms-powerpoint:before,
878 .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:before,
879 .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:before,
880 .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:before,
881 .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:before,
882 .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:before {
883 content: none !important;
884 }
885 .elfinder-cwd-icon-msword,
886 .elfinder-cwd-icon-vnd-ms-word,
887 .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,
888 .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12 {
889 background-position: 0 -750px;
890 }
891 .elfinder-cwd-icon-msword:before,
892 .elfinder-cwd-icon-vnd-ms-word:before,
893 .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:before,
894 .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:before {
895 content: none !important;
896 }
897 .elfinder-cwd-icon-vnd-oasis-opendocument-base,
898 .elfinder-cwd-icon-vnd-oasis-opendocument-chart,
899 .elfinder-cwd-icon-vnd-oasis-opendocument-database,
900 .elfinder-cwd-icon-vnd-oasis-opendocument-formula,
901 .elfinder-cwd-icon-vnd-oasis-opendocument-graphics,
902 .elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,
903 .elfinder-cwd-icon-vnd-oasis-opendocument-image,
904 .elfinder-cwd-icon-vnd-openofficeorg-extension {
905 background-position: 0 -800px;
906 }
907 .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,
908 .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,
909 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,
910 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template {
911 background-position: 0 -850px;
912 }
913 .elfinder-cwd-icon-vnd-oasis-opendocument-presentation,
914 .elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,
915 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,
916 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,
917 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,
918 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template {
919 background-position: 0 -900px;
920 }
921 .elfinder-cwd-icon-vnd-oasis-opendocument-text,
922 .elfinder-cwd-icon-vnd-oasis-opendocument-text-master,
923 .elfinder-cwd-icon-vnd-oasis-opendocument-text-template,
924 .elfinder-cwd-icon-vnd-oasis-opendocument-text-web,
925 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,
926 .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template {
927 background-position: 0 -950px;
928 }
929 .elfinder-cwd-icon-zip,
930 .elfinder-cwd-icon-x-zip,
931 .elfinder-cwd-icon-x-xz,
932 .elfinder-cwd-icon-x-7z-compressed,
933 .elfinder-cwd-icon-x-gzip,
934 .elfinder-cwd-icon-x-tar,
935 .elfinder-cwd-icon-x-bzip,
936 .elfinder-cwd-icon-x-bzip2,
937 .elfinder-cwd-icon-x-rar,
938 .elfinder-cwd-icon-x-rar-compressed {
939 background-position: 0 -1000px;
940 }
941 .elfinder-cwd-icon-postscript {
942 background-position: 0 -1050px;
943 }
944 .elfinder-cwd-icon-vnd-adobe-photoshop {
945 background-position: 0 -1100px;
946 }
947 .elfinder-cwd-icon-vnd-adobe-photoshop:before {
948 content: none !important;
949 }
950 .elfinder-cwd-icon-x-shockwave-flash {
951 background-position: 0 -1150px;
952 }
953 .elfinder-cwd-icon-vnd-android-package-archive {
954 background-position: 0 -1200px;
955 }
956 .elfinder-cwd-icon-vnd-android-package-archive:before {
957 content: none !important;
958 }
959 .elfinder-cwd-icon-x-c,
960 .elfinder-cwd-icon-x-csrc,
961 .elfinder-cwd-icon-x-chdr,
962 .elfinder-cwd-icon-x-c--,
963 .elfinder-cwd-icon-x-c--src,
964 .elfinder-cwd-icon-x-c--hdr {
965 background-position: 0 -1250px;
966 }
967 .elfinder-cwd-icon-css {
968 background-position: 0 -1300px;
969 }
970 .elfinder-cwd-icon-html {
971 background-position: 0 -1350px;
972 }
973 .elfinder-cwd-icon-x-jar,
974 .elfinder-cwd-icon-x-java,
975 .elfinder-cwd-icon-x-java-source {
976 background-position: 0 -1400px;
977 }
978 .elfinder-cwd-icon-x-jar:before,
979 .elfinder-cwd-icon-x-java:before,
980 .elfinder-cwd-icon-x-java-source:before {
981 content: none !important;
982 }
983 .elfinder-cwd-icon-javascript,
984 .elfinder-cwd-icon-x-javascript {
985 background-position: 0 -1450px;
986 }
987 .elfinder-cwd-icon-json {
988 background-position: 0 -1500px;
989 }
990 .elfinder-cwd-icon-json:before {
991 content: none !important;
992 }
993 .elfinder-cwd-icon-markdown,
994 .elfinder-cwd-icon-x-markdown {
995 background-position: 0 -1550px;
996 }
997 .elfinder-cwd-icon-markdown:before,
998 .elfinder-cwd-icon-x-markdown:before {
999 content: none !important;
1000 }
1001 .elfinder-cwd-icon-x-perl {
1002 background-position: 0 -1600px;
1003 }
1004 .elfinder-cwd-icon-x-php {
1005 background-position: 0 -1650px;
1006 }
1007 .elfinder-cwd-icon-x-python:after,
1008 .elfinder-cwd-icon-x-python {
1009 background-position: 0 -1700px;
1010 }
1011 .elfinder-cwd-icon-x-ruby {
1012 background-position: 0 -1750px;
1013 }
1014 .elfinder-cwd-icon-x-sh,
1015 .elfinder-cwd-icon-x-shellscript {
1016 background-position: 0 -1800px;
1017 }
1018 .elfinder-cwd-icon-sql,
1019 .elfinder-cwd-icon-x-sql,
1020 .elfinder-cwd-icon-x-sqlite3 {
1021 background-position: 0 -1850px;
1022 }
1023 .elfinder-cwd-icon-x-eps,
1024 .elfinder-cwd-icon-svg,
1025 .elfinder-cwd-icon-svg-xml {
1026 background-position: 0 -1900px;
1027 }
1028 .elfinder-cwd-icon-xml:after,
1029 .elfinder-cwd-icon-xml {
1030 background-position: 0 -1950px;
1031 }
1032 .elfinder-cwd-icon-zip:before,
1033 .elfinder-cwd-icon-x-zip:before {
1034 content: 'zip' !important;
1035 }
1036 .elfinder-cwd-icon-x-xz:before {
1037 content: 'xz' !important;
1038 }
1039 .elfinder-cwd-icon-x-7z-compressed:before {
1040 content: '7z' !important;
1041 }
1042 .elfinder-cwd-icon-x-gzip:before {
1043 content: 'gzip' !important;
1044 }
1045 .elfinder-cwd-icon-x-tar:before {
1046 content: 'tar' !important;
1047 }
1048 .elfinder-cwd-icon-x-bzip:before,
1049 .elfinder-cwd-icon-x-bzip2:before {
1050 content: 'bzip' !important;
1051 }
1052 .elfinder-cwd-icon-x-rar:before,
1053 .elfinder-cwd-icon-x-rar-compressed:before {
1054 content: 'rar' !important;
1055 }
1056 /**
1057 * Toolbar
1058 */
1059 .elfinder-toolbar {
1060 background: #061325;
1061 -webkit-border-radius: 0;
1062 border-radius: 0;
1063 border: 0;
1064 padding: 5px 0;
1065 }
1066 .elfinder-toolbar .elfinder-button-icon {
1067 font-size: 20px;
1068 color: #ddd;
1069 margin-top: -2px;
1070 }
1071 .elfinder-buttonset {
1072 -webkit-border-radius: 0;
1073 border-radius: 0;
1074 border: 0;
1075 margin: 0 5px;
1076 height: 24px;
1077 }
1078 .elfinder .elfinder-button {
1079 background: transparent;
1080 -webkit-border-radius: 0;
1081 border-radius: 0;
1082 cursor: pointer;
1083 color: #efefef;
1084 }
1085 .elfinder .elfinder-button-text {
1086 top: -3px;
1087 margin-left: 6px;
1088 }
1089 .elfinder-toolbar-button-separator {
1090 border: 0;
1091 }
1092 .elfinder-button-menu {
1093 -webkit-border-radius: 2px;
1094 border-radius: 2px;
1095 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
1096 box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
1097 border: none;
1098 margin-top: 5px;
1099 }
1100 .elfinder-button-menu-item {
1101 color: #666;
1102 padding: 6px 19px;
1103 }
1104 .elfinder-button-menu-item.ui-state-hover {
1105 color: #141414;
1106 background-color: #f5f4f4;
1107 }
1108 .elfinder-button-menu-item-separated {
1109 border-top: 1px solid #e5e5e5;
1110 }
1111 .elfinder-button-menu-item-separated.ui-state-hover {
1112 border-top: 1px solid #e5e5e5;
1113 }
1114 .elfinder .elfinder-button-search {
1115 margin: 0 10px;
1116 min-height: inherit;
1117 overflow: hidden;
1118 }
1119 .elfinder .elfinder-button-search .ui-icon {
1120 color: #fff !important;
1121 }
1122 .elfinder .elfinder-button-search input {
1123 background: rgba(22, 43, 76, 0.75);
1124 -webkit-border-radius: 2px;
1125 border-radius: 2px;
1126 -webkit-box-sizing: content-box;
1127 -moz-box-sizing: content-box;
1128 box-sizing: content-box;
1129 border: 0;
1130 margin: 0;
1131 padding: 0 23px;
1132 height: 24px !important;
1133 color: #fff;
1134 }
1135 .elfinder .elfinder-button-search .elfinder-button-menu {
1136 margin-top: 4px;
1137 border: none;
1138 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
1139 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
1140 }
1141 .elfinder .elfinder-button-search-menu {
1142 -webkit-border-radius: 0;
1143 border-radius: 0;
1144 top: 30px !important;
1145 }
1146 .elfinder .elfinder-button-search-menu .ui-button {
1147 padding: 0.4em 1em !important;
1148 }
1149 /**
1150 * Navbar
1151 */
1152 .elfinder .elfinder-navbar {
1153 background: #2a384d;
1154 -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
1155 box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
1156 border: none;
1157 }
1158 .elfinder .elfinder-navbar .elfinder-lock,
1159 .elfinder .elfinder-navbar .elfinder-perms,
1160 .elfinder .elfinder-navbar .elfinder-symlink {
1161 color: #000;
1162 opacity: 0.8;
1163 }
1164 .elfinder-navbar-dir {
1165 color: #000000;
1166 cursor: pointer;
1167 -webkit-border-radius: 2px;
1168 border-radius: 2px;
1169 padding: 5px;
1170 border: none;
1171 }
1172 .elfinder-navbar-dir .elfinder-navbar-icon {
1173 color: #fff;
1174 }
1175 .elfinder-navbar-dir.ui-state-hover,
1176 .elfinder-navbar-dir.ui-state-active.ui-state-hover {
1177 background: #17202c;
1178 color: #e6e6e6;
1179 border: none;
1180 }
1181 .elfinder-navbar-dir.ui-state-hover .elfinder-navbar-icon,
1182 .elfinder-navbar-dir.ui-state-active.ui-state-hover .elfinder-navbar-icon {
1183 color: #fff;
1184 }
1185 .elfinder-navbar .ui-state-active,
1186 .elfinder-disabled .elfinder-navbar .ui-state-active {
1187 background: #1b2533;
1188 color: #e8e8e8 !important;
1189 border: none;
1190 }
1191 .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon,
1192 .elfinder-disabled .elfinder-navbar .ui-state-active.elfinder-navbar-dir .elfinder-navbar-icon {
1193 color: #e8e8e8 !important;
1194 }
1195 /**
1196 * Workzone
1197 */
1198 .elfinder-workzone {
1199 background: #0e1827;
1200 }
1201 .elfinder-cwd-file {
1202 color: #020202;
1203 }
1204 .elfinder-cwd-file.ui-state-hover,
1205 .elfinder-cwd-file.ui-selected.ui-state-hover {
1206 background: #1a283c;
1207 color: #ddd;
1208 }
1209 .elfinder-cwd-file.ui-selected {
1210 background: #152131;
1211 color: #ddd;
1212 }
1213 .elfinder-cwd-filename input,
1214 .elfinder-cwd-filename textarea {
1215 padding: 2px;
1216 -webkit-border-radius: 2px !important;
1217 border-radius: 2px !important;
1218 background: #fff;
1219 color: #222;
1220 }
1221 .elfinder-cwd-filename input:focus,
1222 .elfinder-cwd-filename textarea:focus {
1223 outline: none;
1224 border: 1px solid #555;
1225 }
1226 .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover,
1227 .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
1228 .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
1229 .elfinder-disabled .elfinder-cwd table td.ui-state-hover,
1230 .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active {
1231 background: transparent;
1232 color: #ddd;
1233 }
1234 .elfinder-cwd table {
1235 padding: 0;
1236 }
1237 .elfinder-cwd table thead td {
1238 padding: 5px 14px;
1239 }
1240 .elfinder-cwd table tr {
1241 border: 0 !important;
1242 }
1243 .elfinder-cwd table tr:nth-child(odd) {
1244 background-color: transparent;
1245 }
1246 .elfinder-cwd table tr:nth-child(odd).ui-state-hover {
1247 background-color: #1a283c;
1248 }
1249 .elfinder-cwd.elfinder-table-header-sticky table {
1250 border: 0;
1251 }
1252 .elfinder-cwd .elfinder-lock,
1253 .elfinder-cwd .elfinder-perms,
1254 .elfinder-cwd .elfinder-symlink {
1255 color: #d8d8d8;
1256 }
1257 .elfinder-cwd-view-icons .elfinder-lock {
1258 top: 0;
1259 }
1260 .elfinder-cwd-view-list thead td .ui-resizable-handle {
1261 top: 3px;
1262 }
1263 .elfinder-cwd-view-list .elfinder-lock,
1264 .elfinder-cwd-view-list .elfinder-perms,
1265 .elfinder-cwd-view-list .elfinder-symlink {
1266 font-size: 14px;
1267 opacity: 0.7;
1268 }
1269 .elfinder-cwd-view-list .elfinder-perms {
1270 left: inherit;
1271 }
1272 #elfinder-elfinder-cwd-thead td {
1273 background: #010e21;
1274 color: #ddd;
1275 }
1276 #elfinder-elfinder-cwd-thead td.ui-state-hover,
1277 #elfinder-elfinder-cwd-thead td.ui-state-active {
1278 background: #000308;
1279 }
1280 #elfinder-elfinder-cwd-thead td.ui-state-active.ui-state-hover {
1281 background: #010812;
1282 }
1283 .elfinder .ui-selectable-helper {
1284 border: 1px solid #022861;
1285 background-color: rgba(3, 62, 150, 0.38);
1286 }
1287 .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash {
1288 background-color: #e4e4e4;
1289 }
1290 .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file {
1291 color: #333;
1292 }
1293 .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-state-hover,
1294 .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected.ui-state-hover {
1295 background: #1a283c;
1296 color: #ddd;
1297 }
1298 .elfinder-cwd-wrapper.elfinder-cwd-wrapper-trash .elfinder-cwd-file.ui-selected {
1299 background: #152131;
1300 color: #ddd;
1301 }
1302 .elfinder-info-title .elfinder-cwd-icon:before {
1303 top: 32px;
1304 display: block;
1305 margin: 0 auto;
1306 }
1307 .elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1308 background-color: #313131 !important;
1309 }
1310 .elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1311 left: inherit;
1312 background-color: #313131;
1313 }
1314 .elfinder-cwd-icon:before,
1315 .elfinder-quicklook .elfinder-cwd-icon:before,
1316 .elfinder-cwd-size1 .elfinder-cwd-icon:before,
1317 .elfinder-cwd-size2 .elfinder-cwd-icon:before,
1318 .elfinder-cwd-size3 .elfinder-cwd-icon:before,
1319 .elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
1320 .elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before,
1321 .elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1322 top: 35px;
1323 left: 50% !important;
1324 position: relative !important;
1325 display: block !important;
1326 -webkit-transform: translateX(-50%);
1327 -ms-transform: translateX(-50%);
1328 transform: translateX(-50%);
1329 max-width: 52px;
1330 color: #fff;
1331 }
1332 .elfinder .elfinder-cwd-view-icons .elfinder-cwd-bgurl:after,
1333 .elfinder .elfinder-quicklook-info-wrapper .elfinder-cwd-bgurl:after {
1334 display: none;
1335 }
1336 .elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1337 top: 53px;
1338 -webkit-transform: scale(1.32) translateX(-50%);
1339 -ms-transform: scale(1.32) translateX(-50%);
1340 transform: scale(1.32) translateX(-50%);
1341 }
1342 .elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1343 top: 74px;
1344 -webkit-transform: scale(1.53) translateX(-50%);
1345 -ms-transform: scale(1.53) translateX(-50%);
1346 transform: scale(1.53) translateX(-50%);
1347 }
1348 .elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before {
1349 top: 87px;
1350 -webkit-transform: scale(2.22) translateX(-50%);
1351 -ms-transform: scale(2.22) translateX(-50%);
1352 transform: scale(2.22) translateX(-50%);
1353 }
1354 /**
1355 * Status Bar
1356 */
1357 .elfinder .elfinder-statusbar {
1358 background: #061325;
1359 -webkit-border-radius: 0;
1360 border-radius: 0;
1361 border: 0;
1362 color: #cfd2d4;
1363 }
1364 .elfinder-path,
1365 .elfinder-stat-size {
1366 margin: 0 15px;
1367 }
1368 /**
1369 * Input & Select
1370 */
1371 .elfinder input,
1372 .elfinder select {
1373 padding: 4px;
1374 color: #666;
1375 background: #fff;
1376 -webkit-border-radius: 3px;
1377 border-radius: 3px;
1378 font-weight: normal;
1379 border-color: #888;
1380 -webkit-box-shadow: none !important;
1381 box-shadow: none !important;
1382 }
1383 .elfinder input.ui-state-hover,
1384 .elfinder select.ui-state-hover {
1385 background: #fff !important;
1386 color: #666 !important;
1387 }
1388 .elfinder input[type="checkbox"] {
1389 position: relative;
1390 height: initial;
1391 }
1392 .elfinder input[type="checkbox"]:after,
1393 .elfinder input[type="checkbox"]:focus:after {
1394 content: "";
1395 display: block;
1396 width: 12px;
1397 height: 12px;
1398 border: 1px solid #707070;
1399 background-color: #fff;
1400 -webkit-border-radius: 2px;
1401 border-radius: 2px;
1402 }
1403 .elfinder input[type="checkbox"]:checked:before {
1404 content: "";
1405 position: absolute;
1406 top: -3px;
1407 left: 6px;
1408 display: table;
1409 width: 4px;
1410 height: 12px;
1411 border: 2px solid #707070;
1412 border-top-width: 0;
1413 border-left-width: 0;
1414 -webkit-transform: rotate(45deg);
1415 -ms-transform: rotate(45deg);
1416 transform: rotate(45deg);
1417 }
1418 /**
1419 * Buttons
1420 */
1421 .elfinder .ui-button,
1422 .elfinder .ui-button:active,
1423 .elfinder .ui-button.ui-state-default {
1424 display: inline-block;
1425 font-weight: normal;
1426 text-align: center;
1427 vertical-align: middle;
1428 cursor: pointer;
1429 white-space: nowrap;
1430 -webkit-border-radius: 3px;
1431 border-radius: 3px;
1432 text-transform: uppercase;
1433 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important;
1434 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important;
1435 -webkit-transition: all 0.4s;
1436 -o-transition: all 0.4s;
1437 transition: all 0.4s;
1438 background: #fff;
1439 color: #222;
1440 border: none;
1441 padding: 7px 6px;
1442 }
1443 .elfinder .ui-button .ui-icon,
1444 .elfinder .ui-button:active .ui-icon,
1445 .elfinder .ui-button.ui-state-default .ui-icon {
1446 color: #222;
1447 }
1448 .elfinder .ui-button:hover,
1449 .elfinder a.ui-button:active,
1450 .elfinder .ui-button:active,
1451 .elfinder .ui-button:focus,
1452 .elfinder .ui-button.ui-state-hover,
1453 .elfinder .ui-button.ui-state-active {
1454 background: #3498db !important;
1455 color: #fff !important;
1456 border: none;
1457 }
1458 .elfinder .ui-button:hover .ui-icon,
1459 .elfinder a.ui-button:active .ui-icon,
1460 .elfinder .ui-button:active .ui-icon,
1461 .elfinder .ui-button:focus .ui-icon,
1462 .elfinder .ui-button.ui-state-hover .ui-icon,
1463 .elfinder .ui-button.ui-state-active .ui-icon {
1464 color: #fff;
1465 }
1466 .elfinder .ui-button.ui-state-active:hover {
1467 background: #217dbb;
1468 color: #fff;
1469 border: none;
1470 }
1471 .elfinder .ui-button:focus {
1472 outline: none !important;
1473 }
1474 .elfinder .ui-controlgroup-horizontal .ui-button {
1475 -webkit-border-radius: 0;
1476 border-radius: 0;
1477 border: 0;
1478 }
1479 .elfinder input:not([type="checkbox"]),
1480 .elfinder .elfinder-resize-preset-container .ui-button {
1481 height: 21px;
1482 }
1483 /**
1484 * Context Menu
1485 */
1486 .elfinder .elfinder-contextmenu,
1487 .elfinder .elfinder-contextmenu-sub {
1488 -webkit-border-radius: 2px;
1489 border-radius: 2px;
1490 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
1491 box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
1492 border: none;
1493 }
1494 .elfinder .elfinder-contextmenu-separator,
1495 .elfinder .elfinder-contextmenu-sub-separator {
1496 border-top: 1px solid #e5e5e5;
1497 }
1498 .elfinder .elfinder-contextmenu-item {
1499 color: #666;
1500 padding: 5px 30px;
1501 }
1502 .elfinder .elfinder-contextmenu-item.ui-state-hover {
1503 background-color: #f5f4f4;
1504 color: #141414;
1505 }
1506 .elfinder .elfinder-contextmenu-item.ui-state-active {
1507 background-color: #2196f3;
1508 color: #fff;
1509 }
1510 /**
1511 * Dialogs
1512 */
1513 .elfinder .elfinder-dialog {
1514 -webkit-border-radius: 0;
1515 border-radius: 0;
1516 border: 0;
1517 -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6);
1518 box-shadow: 0 1px 30px rgba(0, 0, 0, 0.6);
1519 }
1520 .elfinder .elfinder-dialog .ui-dialog-content[id*="edit-elfinder-elfinder-"] {
1521 padding: 0;
1522 }
1523 .elfinder .elfinder-dialog .ui-tabs {
1524 -webkit-border-radius: 0;
1525 border-radius: 0;
1526 border: 0;
1527 padding: 0;
1528 }
1529 .elfinder .elfinder-dialog .ui-tabs-nav {
1530 -webkit-border-radius: 0;
1531 border-radius: 0;
1532 border: 0;
1533 background: transparent;
1534 border-bottom: 1px solid #ddd;
1535 }
1536 .elfinder .elfinder-dialog .ui-tabs-nav li {
1537 border: 0;
1538 font-weight: normal;
1539 background: transparent;
1540 margin: 0;
1541 padding: 0;
1542 }
1543 .elfinder .elfinder-dialog .ui-tabs-nav li a {
1544 padding: 7px 9px;
1545 }
1546 .elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected a,
1547 .elfinder .elfinder-dialog .ui-tabs-nav .ui-state-active a,
1548 .elfinder .elfinder-dialog .ui-tabs-nav li:hover a {
1549 -webkit-box-shadow: inset 0 -2px 0 #3498db;
1550 box-shadow: inset 0 -2px 0 #3498db;
1551 color: #3498db;
1552 }
1553 .elfinder .elfinder-dialog .ui-tabs .elfinder-tabstop.ui-state-hover {
1554 background: transparent;
1555 -webkit-box-shadow: inset 0 -2px 0 #3498db;
1556 box-shadow: inset 0 -2px 0 #3498db;
1557 color: #3498db;
1558 }
1559 .elfinder .elfinder-dialog label.ui-state-hover {
1560 background: transparent;
1561 }
1562 .elfinder .elfinder-dialog .ui-resizable-se {
1563 display: none;
1564 }
1565 .std42-dialog .ui-dialog-titlebar {
1566 background: #0f1f2f;
1567 -webkit-border-radius: 0;
1568 border-radius: 0;
1569 border: 0;
1570 }
1571 .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon {
1572 border-color: inherit;
1573 -webkit-transition: 0.2s ease-out;
1574 -o-transition: 0.2s ease-out;
1575 transition: 0.2s ease-out;
1576 opacity: 0.8;
1577 color: #fff;
1578 width: auto;
1579 height: auto;
1580 font-size: 12px;
1581 padding: 3px;
1582 }
1583 .std42-dialog,
1584 .std42-dialog .ui-dialog-content,
1585 .std42-dialog.elfinder-bg-translucent,
1586 .std42-dialog.elfinder-bg-translucent .ui-widget-content {
1587 background-color: #fff;
1588 }
1589 .std42-dialog .ui-dialog-buttonpane button {
1590 margin: -1px 2px 2px;
1591 padding: 7px 6px;
1592 }
1593 .std42-dialog .ui-dialog-buttonpane button span.ui-icon {
1594 padding: 0;
1595 }
1596 .std42-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select {
1597 margin-top: 0;
1598 }
1599 .std42-dialog,
1600 .std42-dialog .ui-widget-content {
1601 background-color: #fff;
1602 }
1603 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
1604 .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon {
1605 background-color: #f44336;
1606 }
1607 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
1608 .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon {
1609 background-color: #4caf50;
1610 }
1611 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
1612 .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon {
1613 background-color: #ff9800;
1614 }
1615 .elfinder-dialog-title {
1616 color: #f1f1f1;
1617 }
1618 .elfinder .ui-widget-content {
1619 font-family: "Noto Sans", sans-serif;
1620 color: #546e7a;
1621 }
1622 .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect {
1623 width: inherit;
1624 height: inherit;
1625 padding: 7px;
1626 margin-left: 5px;
1627 color: #222;
1628 -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
1629 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
1630 background: #fff;
1631 bottom: 4px;
1632 -webkit-border-radius: 2px;
1633 border-radius: 2px;
1634 }
1635 .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect.ui-state-hover {
1636 background: #3498db !important;
1637 color: #fff !important;
1638 outline: none;
1639 }
1640 .elfinder-upload-dialog-wrapper .ui-button {
1641 padding: 0.4em 3px;
1642 margin: 0 -15px 0 19px;
1643 }
1644 .elfinder-upload-dropbox {
1645 border: 2px dashed #bbb;
1646 }
1647 .elfinder-upload-dropbox:focus {
1648 outline: none;
1649 }
1650 .elfinder-upload-dropbox.ui-state-hover {
1651 background: #f1f1f1;
1652 border: 2px dashed #bbb;
1653 }
1654 .elfinder-dialog-resize .elfinder-resize-control-panel {
1655 margin-left: -5px;
1656 }
1657 .elfinder-dialog-resize .elfinder-resize-control-panel .ui-button {
1658 height: inherit;
1659 margin-bottom: 5px;
1660 }
1661 .elfinder-help * {
1662 color: #546e7a;
1663 }
1664 .elfinder-help a {
1665 color: #3498db;
1666 }
1667 .elfinder-help a:hover {
1668 color: #217dbb;
1669 }
1670 .elfinder .ui-slider.ui-slider-horizontal {
1671 height: 2px;
1672 border: 0;
1673 background-color: #bababa !important;
1674 }
1675 .elfinder .ui-slider .ui-slider-handle {
1676 background-image: none;
1677 background-color: #5d5858;
1678 -webkit-border-radius: 50%;
1679 border-radius: 50%;
1680 border: 0;
1681 margin-top: -3px;
1682 }
1683 .elfinder .ui-slider .ui-slider-handle.ui-state-hover {
1684 background: #5d5858 !important;
1685 -webkit-box-shadow: none !important;
1686 box-shadow: none !important;
1687 -webkit-border-radius: 50%;
1688 border-radius: 50%;
1689 cursor: pointer;
1690 }
1691 /**
1692 * Quick Look
1693 */
1694 .elfinder-quicklook {
1695 background: #232323;
1696 -webkit-border-radius: 2px;
1697 border-radius: 2px;
1698 }
1699 .elfinder-quicklook-titlebar {
1700 background: inherit;
1701 }
1702 .elfinder-quicklook-titlebar-icon .ui-icon {
1703 background: transparent;
1704 color: #fff;
1705 }
1706 .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar {
1707 border: inherit;
1708 opacity: inherit;
1709 -webkit-border-radius: 4px;
1710 border-radius: 4px;
1711 background: rgba(66, 66, 66, 0.73);
1712 }
1713 .elfinder .elfinder-navdock {
1714 border: 0;
1715 }
1716 .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon,
1717 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon,
1718 .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close:hover,
1719 .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-close,
1720 .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon,
1721 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon,
1722 .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize:hover,
1723 .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-minimize,
1724 .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon,
1725 .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon,
1726 .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full:hover,
1727 .elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon.elfinder-icon-full {
1728 background-image: none;
1729 }
1730