Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
// File Picker and File Manager
2 
.fp-content-center {
3 
    height: 100%;
4 
    width: 100%;
5 
    display: table-cell;
6 
    vertical-align: middle;
7 
}
8 
 
9 
.fp-content-hidden {
10 
    visibility: hidden;
11 
}
12 
// Dialogue (File Picker and File Manager)
13 
.yui3-panel-focused {
14 
    outline: none;
15 
}
16 
 
17 
.fp-panel-button {
18 
    background: $filemanager-panel-button-bg;
19 
    padding: 3px 20px 2px 20px;
20 
    text-align: center;
21 
    margin: 10px;
22 
 
23 
    @include border-radius(10px);
24 
    display: inline-block;
25 
 
26 
    @include box-shadow(2px 2px 3px .1px $filemanager-panel-button-shadow);
27 
}
28 
 
29 
// File Picker layout
30 
.filepicker .yui3-widget-content-expanded {
31 
    height: auto;
32 
}
33 
 
34 
/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
35 
.filepicker .moodle-dialogue-bd {
36 
    min-height: 520px;
37 
}
38 
.file-picker .fp-navbar {
39 
    min-height: 40px;
40 
    padding: 4px;
41 
}
42 
 
43 
.fp-navbar {
44 
    border-color: $input-border-color;
45 
    border-bottom: 0;
46 
    border-bottom-left-radius: 0;
47 
    border-bottom-right-radius: 0;
48 
}
49 
 
50 
.file-picker .fp-content {
51 
    border-top: 0;
52 
    background: $filemanager-picker-bg;
53 
    clear: none;
54 
    overflow: auto;
55 
    height: 452px;
56 
}
57 
 
58 
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
59 
    width: 100%;
60 
}
61 
 
62 
.file-picker .fp-content-loading {
63 
    height: 100%;
64 
    width: 100%;
65 
    display: table;
66 
    text-align: center;
67 
}
68 
 
69 
.file-picker .fp-content .fp-object-container {
70 
    width: 98%;
71 
    height: 98%;
72 
}
73 
.file-picker .fp-def-search {
74 
    margin-top: 0;
75 
}
76 
// Repositories on fp-repo-area (File Picker only)
77 
.file-picker .fp-list {
78 
    list-style-type: none;
79 
    padding: 0;
80 
    float: left;
81 
    width: 100%;
82 
    margin: 0;
83 
}
84 
 
85 
.file-picker .fp-list .fp-repo a {
86 
    display: block;
87 
    padding: .5em .7em;
88 
}
89 
 
90 
.file-picker .fp-list .fp-repo.active {
91 
    background: $filemanager-picker-active-bg;
92 
}
93 
 
94 
.file-picker .fp-list .fp-repo-icon {
95 
    padding: 0 7px 0 5px;
96 
    width: 16px;
97 
    height: 16px;
98 
}
99 
// Tools, Path & View on fp-navbar (File Picker and File Manager)
100 
.fp-toolbar {
101 
    float: left;
102 
}
103 
 
104 
.fp-toolbar.empty {
105 
    display: none;
106 
}
107 
 
108 
.fp-toolbar .disabled {
109 
    display: none;
110 
}
111 
 
112 
.fp-toolbar div {
113 
    display: block;
114 
    float: left;
115 
    margin-right: 4px;
116 
}
117 
 
118 
.fp-toolbar img {
119 
    vertical-align: -15%;
120 
    margin-right: 5px;
121 
}
122 
 
123 
.fp-viewbar:not(.disabled) a.checked {
124 
    background-color: darken(map-get($theme-colors, 'secondary'), 10%);
125 
    color: color-yiq(darken(map-get($theme-colors, 'secondary'), 10%));
126 
    border-color: darken(map-get($theme-colors, 'secondary'), 12.5%);
127 
}
128 
 
129 
.fp-viewbar.disabled a {
130 
    pointer-events: none;
131 
    opacity: $btn-disabled-opacity;
132 
    @include box-shadow(none);
133 
}
134 
 
135 
.file-picker .fp-clear-left {
136 
    clear: left;
137 
}
138 
 
139 
.fp-pathbar.empty {
140 
    display: none;
141 
}
142 
 
143 
.fp-pathbar .fp-path-folder {
144 
    background: url('[[pix:theme|fp/path_folder]]') left 3px no-repeat;
145 
    background-size: 12px 12px;
146 
    height: 12px;
147 
    margin-left: 12px;
148 
}
149 
 
150 
/*rtl:raw:
151 
.fp-pathbar .fp-path-folder {
152 
    background-image: url('[[pix:theme|fp/path_folder_rtl]]');
153 
}
154 
*/
155 
 
156 
.fp-pathbar .fp-path-folder-name {
157 
    margin-left: 24px;
158 
}
159 
// Icon view (File Picker and File Manager)
160 
.fp-iconview .fp-file {
161 
    float: left;
162 
    text-align: center;
163 
    position: relative;
164 
    margin: 10px 10px 35px;
165 
}
166 
 
167 
.fp-iconview .fp-thumbnail {
168 
    min-width: 110px;
169 
    min-height: 110px;
170 
    line-height: 110px;
171 
    text-align: center;
172 
    border: 1px solid $filemanager-thumbnail-border-color;
173 
    display: block;
174 
}
175 
 
176 
.fp-iconview .fp-thumbnail img {
177 
    border: 1px solid $filemanager-thumbnail-img-border-color;
178 
    padding: 3px;
179 
    vertical-align: middle;
180 
 
181 
    @include box-shadow(1px 1px 2px 0 $filemanager-thumbnail-shadow);
182 
}
183 
 
184 
.fp-iconview .fp-thumbnail:hover {
185 
    background: $filemanager-thumbnail-over-bg;
186 
    border: 1px solid $filemanager-thumbnail-hover-border-color;
187 
 
188 
    @include box-shadow(inset 0 0 10px0 $filemanager-thumbnail-hover-shadow);
189 
}
190 
 
191 
.fp-iconview .fp-filename-field {
192 
    height: 33px;
193 
    margin-top: 3px;
194 
    word-wrap: break-word;
195 
    overflow: hidden;
196 
    position: absolute;
197 
}
198 
 
199 
.fp-iconview .fp-file:focus,
200 
.fp-iconview .fp-file:hover {
201 
    // Undo truncating of text on hover.
202 
    .fp-filename-field {
203 
        overflow: visible;
204 
        z-index: 1000;
205 
    }
206 
    .fp-filename {
207 
        overflow: inherit;
208 
        white-space: normal;
209 
        text-overflow: inherit;
210 
    }
211 
}
212 
 
213 
.fp-iconview .fp-filename-field .fp-filename {
214 
    background: $filemanager-filename-bg;
215 
    padding-top: 5px;
216 
    padding-bottom: 12px;
217 
    min-width: 112px;
218 
}
219 
// Table view (File Picker only)
220 
.file-picker .yui3-datatable table {
221 
    border: 0 solid $filemanager-picker-table-border-color;
222 
    width: 100%;
223 
}
224 
// Tree view (File Manager only)
225 
 
226 
// first or middle sibling, no children
227 
.file-picker .ygtvtn,
228 
.filemanager .ygtvtn {
229 
    /*rtl:remove*/
230 
    background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
231 
    /*rtl:raw:
232 
    background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
233 
    */
234 
    width: 19px;
235 
    height: 32px;
236 
}
237 
// first or middle sibling, collapsable
238 
.file-picker .ygtvtm,
239 
.filemanager .ygtvtm {
240 
    background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
241 
    /*rtl:raw:
242 
        background-position: 2px 10px;
243 
    */
244 
    width: 13px;
245 
    height: 12px;
246 
    cursor: pointer;
247 
}
248 
// first or middle sibling, collapsable, hover
249 
.file-picker .ygtvtmh,
250 
.filemanager .ygtvtmh {
251 
    background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
252 
    /*rtl:raw:
253 
        background-position: 2px 10px;
254 
    */
255 
    width: 13px;
256 
    height: 12px;
257 
    cursor: pointer;
258 
}
259 
// first or middle sibling, expandable
260 
.file-picker .ygtvtp,
261 
.filemanager .ygtvtp {
262 
    /*rtl:remove*/
263 
    background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
264 
    /*rtl:raw:
265 
    background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
266 
    */
267 
    width: 13px;
268 
    height: 12px;
269 
    cursor: pointer;
270 
}
271 
// first or middle sibling, expandable, hover
272 
.file-picker .ygtvtph,
273 
.filemanager .ygtvtph {
274 
    /*rtl:remove*/
275 
    background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
276 
    /*rtl:raw:
277 
    background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
278 
    */
279 
    width: 13px;
280 
    height: 22px;
281 
    cursor: pointer;
282 
}
283 
// last sibling, no children
284 
.file-picker .ygtvln,
285 
.filemanager .ygtvln {
286 
    /*rtl:remove*/
287 
    background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
288 
    /*rtl:raw:
289 
    background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
290 
    */
291 
    width: 19px;
292 
    height: 32px;
293 
}
294 
// Last sibling, collapsable
295 
.file-picker .ygtvlm,
296 
.filemanager .ygtvlm {
297 
    background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
298 
    /*rtl:raw:
299 
        background-position: 2px 10px;
300 
    */
301 
    width: 13px;
302 
    height: 12px;
303 
    cursor: pointer;
304 
}
305 
// Last sibling, collapsable, hover
306 
.file-picker .ygtvlmh,
307 
.filemanager .ygtvlmh {
308 
    background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
309 
    /*rtl:raw:
310 
        background-position: 2px 10px;
311 
    */
312 
    width: 13px;
313 
    height: 12px;
314 
    cursor: pointer;
315 
}
316 
// Last sibling, expandable
317 
.file-picker .ygtvlp,
318 
.filemanager .ygtvlp {
319 
    /*rtl:remove*/
320 
    background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
321 
    /*rtl:raw:
322 
    background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
323 
    */
324 
    width: 13px;
325 
    height: 12px;
326 
    cursor: pointer;
327 
}
328 
// Last sibling, expandable, hover
329 
.file-picker .ygtvlph,
330 
.filemanager .ygtvlph {
331 
    /*rtl:remove*/
332 
    background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
333 
    /*rtl:raw:
334 
    background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
335 
    */
336 
    width: 13px;
337 
    height: 12px;
338 
    cursor: pointer;
339 
}
340 
// Loading icon
341 
.file-picker .ygtvloading,
342 
.filemanager .ygtvloading {
343 
    background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
344 
    width: 16px;
345 
    height: 22px;
346 
}
347 
// the style for the empty cells that are used for rendering the depth of the node
348 
.file-picker .ygtvdepthcell,
349 
.filemanager .ygtvdepthcell {
350 
    background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
351 
    /*rtl:raw:
352 
    background-position: 0 0;
353 
    */
354 
    width: 17px;
355 
    height: 32px;
356 
}
357 
 
358 
.file-picker .ygtvblankdepthcell,
359 
.filemanager .ygtvblankdepthcell {
360 
    width: 17px;
361 
    height: 22px;
362 
}
363 
 
364 
a.ygtvspacer:hover {
365 
    color: transparent;
366 
    text-decoration: none;
367 
}
368 
 
369 
.ygtvlabel,
370 
.ygtvlabel:link,
371 
.ygtvlabel:visited,
372 
.ygtvlabel:hover {
373 
    background-color: transparent;
374 
    cursor: pointer;
375 
    margin-left: 2px;
376 
    text-decoration: none;
377 
}
378 
 
379 
.file-picker .ygtvfocus,
380 
.filemanager .ygtvfocus {
381 
    background-color: $filemanager-ygtvfocus-bg;
382 
}
383 
 
384 
.fp-filename-icon {
385 
    margin-top: 10px;
386 
    display: block;
387 
    position: relative;
388 
}
389 
 
390 
.fp-icon {
391 
    float: left;
392 
    margin-top: -7px;
393 
    width: 24px;
394 
    height: 24px;
395 
    margin-right: 10px;
396 
    text-align: center;
397 
    line-height: 24px;
398 
}
399 
 
400 
.fp-icon img {
401 
    max-height: 24px;
402 
    max-width: 24px;
403 
    vertical-align: middle;
404 
}
405 
 
406 
.fp-filename {
407 
    padding-right: 10px;
408 
}
409 
// Repositories Login on fp-content (File Picker only)
410 
 
411 
.file-picker .fp-login-form {
412 
    height: 100%;
413 
    width: 100%;
414 
    display: table;
415 
}
416 
// Upload on fp-content (File Picker only)
417 
.file-picker .fp-upload-form {
418 
    height: 100%;
419 
    width: 100%;
420 
    display: table;
421 
}
422 
 
423 
.file-picker .fp-upload-form table {
424 
    margin: 0 auto;
425 
}
426 
// File exists dialogue on Upload (File Picker only)
427 
.file-picker.fp-dlg {
428 
    text-align: center;
429 
}
430 
 
431 
.file-picker.fp-dlg .fp-dlg-buttons {
432 
    margin: 0 20px;
433 
}
434 
// Error dialogue on Upload (File Picker only)
435 
.file-picker.fp-msg {
436 
    text-align: center;
437 
}
438 
// Error on fp-content (File Picker only)
439 
.file-picker .fp-content-error {
440 
    height: 100%;
441 
    width: 100%;
442 
    display: table;
443 
    text-align: center;
444 
}
445 
// Lazy loading on fp-content (File Picker only)
446 
.file-picker .fp-nextpage {
447 
    clear: both;
448 
}
449 
 
450 
.file-picker .fp-nextpage .fp-nextpage-loading {
451 
    display: none;
452 
}
453 
 
454 
.file-picker .fp-nextpage.loading .fp-nextpage-link {
455 
    display: none;
456 
}
457 
 
458 
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
459 
    display: block;
460 
    text-align: center;
461 
    height: 100px;
462 
    padding-top: 50px;
463 
}
464 
// Select Dialogue (File Picker and File Manager)
465 
.fp-select .fp-select-loading {
466 
    text-align: center;
467 
    margin-top: 20px;
468 
}
469 
 
470 
.fp-select table {
471 
    padding: 0 0 10px;
472 
}
473 
 
474 
.fp-select table .mdl-right {
475 
    min-width: 84px;
476 
}
477 
 
478 
.fp-select .fp-reflist .mdl-right {
479 
    vertical-align: top;
480 
}
481 
 
482 
.fp-select .fp-select-buttons {
483 
    float: right;
484 
}
485 
 
486 
.fp-select .fp-info {
487 
    font-size: $font-size-xs;
488 
}
489 
 
490 
.fp-select .fp-thumbnail {
491 
    float: left;
492 
    min-width: 110px;
493 
    min-height: 110px;
494 
    line-height: 110px;
495 
    text-align: center;
496 
    margin: 10px 20px 0 0;
497 
    background: $filemanager-picker-thumbnail-bg;
498 
    border: 1px solid $filemanager-picker-thumbnail-border-color;
499 
 
500 
    @include box-shadow(inset 0 0 10px 0 $filemanager-thumbnail-shadow);
501 
}
502 
 
503 
.fp-select .fp-thumbnail img {
504 
    border: 1px solid $filemanager-thumbnail-img-border-color;
505 
    padding: 3px;
506 
    vertical-align: middle;
507 
    margin: 10px;
508 
}
509 
 
510 
.fp-select .fp-fileinfo {
511 
    display: inline-block;
512 
    margin-top: 10px;
513 
}
514 
 
515 
.file-picker.fp-select .fp-fileinfo {
516 
    max-width: 240px;
517 
}
518 
 
519 
.fp-select .fp-fileinfo div {
520 
    padding-bottom: 5px;
521 
}
522 
 
523 
.file-picker.fp-select .uneditable {
524 
    display: none;
525 
}
526 
 
527 
.file-picker.fp-select .fp-select-loading {
528 
    display: none;
529 
}
530 
 
531 
.file-picker.fp-select.loading .fp-select-loading {
532 
    display: block;
533 
}
534 
 
535 
.file-picker.fp-select.loading form {
536 
    display: none;
537 
}
538 
 
539 
.fp-select .fp-dimensions.fp-unknown {
540 
    display: none;
541 
}
542 
 
543 
.fp-select .fp-size.fp-unknown {
544 
    display: none;
545 
}
546 
// File Manager
547 
.filemanager-loading {
548 
    display: none;
549 
}
550 
 
551 
.jsenabled .filemanager-loading {
552 
    display: block;
553 
    margin-top: 100px;
554 
}
555 
 
556 
.filemanager.fm-loading .filemanager-toolbar,
557 
.filemanager.fm-loading .fp-pathbar,
558 
.filemanager.fm-loading .filemanager-container,
559 
.filemanager.fm-loaded .filemanager-loading,
560 
.filemanager.fm-maxfiles .fp-btn-add,
561 
.filemanager.fm-maxfiles .dndupload-message,
562 
.filemanager.fm-noitems .fp-btn-download,
563 
.filemanager.fm-noitems .fp-btn-delete,
564 
.filemanager .fm-empty-container,
565 
.filemanager.fm-noitems .filemanager-container .fp-content {
566 
    display: none;
567 
}
568 
 
569 
.filemanager .fp-img-downloading {
570 
    display: none;
571 
    padding-top: 7px;
572 
}
573 
 
574 
.filemanager .filemanager-updating {
575 
    display: none;
576 
    text-align: center;
577 
}
578 
 
579 
.filemanager.fm-updating .filemanager-updating {
580 
    display: block;
581 
    margin-top: 37px;
582 
}
583 
 
584 
.filemanager.fm-updating .fm-content-wrapper,
585 
.filemanager.fm-nomkdir .fp-btn-mkdir,
586 
.fitem.disabled .filemanager .filemanager-toolbar,
587 
.fitem.disabled .filemanager .fp-pathbar,
588 
.fitem.disabled .filemanager .fp-restrictions,
589 
.fitem.disabled .filemanager .fm-content-wrapper {
590 
    display: none;
591 
}
592 
// File Manager layout
593 
.filemanager {
594 
    .fp-restrictions {
595 
        text-align: right;
596 
    }
597 
}
598 
 
599 
.filemanager-toolbar {
600 
    padding: 4px;
601 
    overflow: hidden;
602 
}
603 
 
604 
.filemanager .fp-pathbar.empty {
605 
    display: none;
606 
}
607 
 
608 
.filepicker-filelist,
609 
.filemanager-container {
610 
    min-height: 140px;
611 
    border: 1px solid $input-border-color;
612 
    @include border-radius();
613 
}
614 
 
615 
.filemanager .fp-content {
616 
    overflow: auto;
617 
    max-height: 472px;
618 
    min-height: 157px;
619 
}
620 
 
621 
.filemanager-container,
622 
.filepicker-filelist {
623 
    overflow: hidden;
624 
    border-top-left-radius: 0;
625 
    border-top-right-radius: 0;
626 
}
627 
 
628 
.file-picker .yui3-datatable-header {
629 
    /*rtl:raw:
630 
    text-align: right;
631 
    */
632 
    background: initial;
633 
}
634 
 
635 
.fitem.disabled .filepicker-filelist,
636 
.fitem.disabled .filemanager-container {
637 
    background-color: $filemanager-item-disabled-bg;
638 
}
639 
 
640 
.fitem.disabled .fp-btn-choose {
641 
    color: $text-muted;
642 
}
643 
 
644 
.fitem.disabled .filepicker-filelist .filepicker-filename {
645 
    display: none;
646 
}
647 
// Icon view (File Manager only)
648 
.fp-iconview .fp-reficons1 {
649 
    position: absolute;
650 
    height: 100%;
651 
    width: 100%;
652 
    top: 0;
653 
    left: 0;
654 
}
655 
 
656 
.fp-iconview .fp-reficons2 {
657 
    position: absolute;
658 
    height: 100%;
659 
    width: 100%;
660 
    top: 0;
661 
    left: 0;
662 
}
663 
 
664 
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
665 
    background: url('[[pix:theme|fp/link]]') no-repeat;
666 
    /*rtl:raw:
667 
    transform: scaleX(-1);
668 
    */
669 
    /*rtl:ignore*/
670 
    background-position: bottom right;
671 
    background-size: 16px 16px;
672 
}
673 
 
674 
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
675 
    background: url('[[pix:theme|fp/alias]]') no-repeat;
676 
    /*rtl:raw:
677 
    transform: scaleX(-1);
678 
    */
679 
    /*rtl:ignore*/
680 
    background-position: bottom left;
681 
    background-size: 16px 16px;
682 
}
683 
 
684 
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
685 
    display: none;
686 
}
687 
 
688 
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
689 
    background: url([[pix:s/dead]]) no-repeat;
690 
    background-position: center center;
691 
}
692 
// Table view (File Manager only)
693 
.filemanager .yui3-datatable table {
694 
    border: 0 solid $filemanager-yui-table-border-color;
695 
    width: 100%;
696 
}
697 
 
698 
/* Override YUI default styling */
699 
/* stylelint-disable declaration-no-important */
700 
.filemanager {
701 
 
702 
    .yui3-datatable-header {
703 
        /*rtl:raw:
704 
        text-align: right;
705 
        */
706 
        background: $filemanager-yui-table-header-bg !important;
707 
        border-bottom: 1px solid $filemanager-yui-table-header-border-bottom-color !important;
708 
        border-left: 0 solid $filemanager-yui-table-header-border-left-color !important;
709 
        color: $filemanager-yui-table-header-color !important;
710 
    }
711 
 
712 
    .yui3-datatable-odd .yui3-datatable-cell {
713 
        background-color: $filemanager-yui-table-cell-odd-bg !important;
714 
        border-left: 0 solid $filemanager-yui-table-cell-odd-border-color;
715 
    }
716 
 
717 
    .yui3-datatable-even .yui3-datatable-cell {
718 
        background-color: $filemanager-yui-table-cell-even-bg !important;
719 
        border-left: 0 solid $filemanager-yui-table-cell-even-border-color;
720 
    }
721 
}
722 
/* stylelint-enable */
723 
 
724 
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
725 
    background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
726 
    height: 100%;
727 
    width: 100%;
728 
    /*rtl:raw:
729 
    transform: scaleX(-1);
730 
    */
731 
    position: absolute;
732 
    top: 8px;
733 
    left: 17px;
734 
    background-size: 16px 16px;
735 
}
736 
 
737 
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
738 
    background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
739 
    height: 100%;
740 
    width: 100%;
741 
    /*rtl:raw:
742 
    transform: scaleX(-1);
743 
    */
744 
    position: absolute;
745 
    top: 9px;
746 
    left: -6px;
747 
    background-size: 16px 16px;
748 
}
749 
// Folder Context Menu (File Manager only)
750 
.filemanager .fp-contextmenu {
751 
    display: none;
752 
}
753 
 
754 
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
755 
    position: absolute;
756 
    right: 0;
757 
    bottom: 0;
758 
    display: flex;
759 
    align-items: center;
760 
    justify-content: center;
761 
}
762 
 
763 
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
764 
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
765 
    display: inline;
766 
    position: absolute;
767 
    left: 14px;
768 
    margin-right: -20px;
769 
    top: 6px;
770 
}
771 
// Drag and drop support (filemanager and filepicker form elements)
772 
.filepicker-filelist .filepicker-container,
773 
.filemanager.fm-noitems .fm-empty-container {
774 
    display: block;
775 
    position: absolute;
776 
    top: 10px;
777 
    bottom: 10px;
778 
    left: 10px;
779 
    right: 10px;
780 
    border: 2px dashed $filemanager-dnd-border-color;
781 
    padding-top: 85px;
782 
    text-align: center;
783 
}
784 
 
785 
.filepicker-filelist .dndupload-target,
786 
.filemanager-container .dndupload-target {
787 
    background: $filemanager-dnd-upload-target-bg;
788 
    position: absolute;
789 
    top: 10px;
790 
    bottom: 10px;
791 
    left: 10px;
792 
    right: 10px;
793 
    border: 2px dashed $filemanager-dnd-upload-target-border-color;
794 
    padding-top: 85px;
795 
    text-align: center;
796 
 
797 
    @include box-shadow(0 0 0 10px $filemanager-dnd-upload-target-shadow);
798 
}
799 
 
800 
.filepicker-filelist.dndupload-over .dndupload-target,
801 
.filemanager-container.dndupload-over .dndupload-target {
802 
    background: $filemanager-dnd-upload-over-bg;
803 
    position: absolute;
804 
    top: 10px;
805 
    bottom: 10px;
806 
    left: 10px;
807 
    right: 10px;
808 
    border: 2px dashed $filemanager-dnd-upload-over-border-color;
809 
    padding-top: 85px;
810 
    text-align: center;
811 
}
812 
 
813 
.dndupload-message {
814 
    display: none;
815 
}
816 
 
817 
.dndsupported .dndupload-message {
818 
    display: inline;
819 
}
820 
 
821 
.dnduploadnotsupported-message {
822 
    display: none;
823 
}
824 
 
825 
.dndnotsupported .dnduploadnotsupported-message {
826 
    display: inline;
827 
}
828 
 
829 
.dndupload-target {
830 
    display: none;
831 
}
832 
 
833 
.dndsupported .dndupload-ready .dndupload-target {
834 
    display: block;
835 
}
836 
 
837 
.dndupload-uploadinprogress {
838 
    display: none;
839 
    text-align: center;
840 
}
841 
 
842 
.dndupload-uploading .dndupload-uploadinprogress {
843 
    display: block;
844 
}
845 
 
846 
.dndupload-arrow {
847 
    width: 100%;
848 
    height: 80px;
849 
    position: absolute;
850 
    top: 5px;
851 
    color: $gray-500;
852 
}
853 
 
854 
.fitem.disabled .filepicker-container,
855 
.fitem.disabled .fm-empty-container {
856 
    display: none;
857 
}
858 
 
859 
.dndupload-progressbars {
860 
    padding: 10px;
861 
    display: none;
862 
}
863 
 
864 
.dndupload-inprogress .dndupload-progressbars {
865 
    display: block;
866 
}
867 
 
868 
.dndupload-inprogress .fp-content {
869 
    display: none;
870 
}
871 
 
872 
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
873 
    display: none;
874 
}
875 
 
876 
.filepicker-filelist.dndupload-inprogress .filepicker-container {
877 
    display: none;
878 
}
879 
 
880 
.filepicker-filelist.dndupload-inprogress a {
881 
    display: none;
882 
}
883 
// Select Dialogue (File Manager only)
884 
.filemanager.fp-select .fp-select-loading {
885 
    display: none;
886 
}
887 
 
888 
.filemanager.fp-select.loading .fp-select-loading {
889 
    display: block;
890 
}
891 
 
892 
.filemanager.fp-select.loading form {
893 
    display: none;
894 
}
895 
 
896 
.filemanager.fp-select.fp-folder .fp-license,
897 
.filemanager.fp-select.fp-folder .fp-author,
898 
.filemanager.fp-select.fp-file .fp-file-unzip,
899 
.filemanager.fp-select.fp-folder .fp-file-unzip,
900 
.filemanager.fp-select.fp-file .fp-file-zip,
901 
.filemanager.fp-select.fp-zip .fp-file-zip {
902 
    display: none;
903 
}
904 
 
905 
.filemanager.fp-select .fp-file-setmain,
906 
.filemanager.fp-select .fp-file-setmain-help {
907 
    display: none;
908 
}
909 
 
910 
.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
911 
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
912 
    display: inline-block;
913 
}
914 
 
915 
.filemanager .fp-mainfile .fp-filename {
916 
    font-weight: bold;
917 
}
918 
 
919 
.filemanager.fp-select.fp-folder .fp-file-download {
920 
    display: none;
921 
}
922 
// to be implemented
923 
.fm-operation {
924 
    font-weight: bold;
925 
}
926 
 
927 
.filemanager.fp-select .fp-original.fp-unknown,
928 
.filemanager.fp-select .fp-original .fp-originloading {
929 
    display: none;
930 
}
931 
 
932 
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
933 
    display: inline;
934 
}
935 
 
936 
.filemanager.fp-select .fp-reflist.fp-unknown,
937 
.filemanager.fp-select .fp-reflist .fp-reflistloading {
938 
    display: none;
939 
}
940 
 
941 
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
942 
    display: inline;
943 
}
944 
 
945 
.filemanager.fp-select .fp-reflist .fp-value {
946 
    background: $filemanager-select-bg;
947 
    border: 1px solid $filemanager-select-border-color;
948 
    padding: 8px 7px;
949 
    margin: 0;
950 
    max-height: 75px;
951 
    overflow: auto;
952 
}
953 
 
954 
.filemanager.fp-select .fp-reflist .fp-value li {
955 
    padding-bottom: 7px;
956 
}
957 
// Create folder dialogue (File Manager only)
958 
.filemanager.fp-mkdir-dlg {
959 
    text-align: center;
960 
}
961 
 
962 
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
963 
    text-align: left;
964 
    margin: 20px;
965 
}
966 
// Confirm dialogue for delete (File Manager only)
967 
.filemanager.fp-dlg {
968 
    text-align: center;
969 
}
970 
// file picker search dialog
971 
.file-picker div.bd {
972 
    text-align: left;
973 
}
974 
 
975 
// Upload form for file picker.
976 
.fp-formset {
977 
    padding: 10px;
978 
 
979 
    input[type="file"] {
980 
        line-height: inherit;
981 
    }
982 
}
983 
 
984 
.fp-forminset {
985 
    padding: 0 10px;
986 
}
987 
 
988 
.fp-fileinfo .fp-value {
989 
    display: inline-block;
990 
    padding-left: 5px;
991 
}