Proyectos de Subversion Moodle

Rev

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