4591b25f83d83c37161611664c6a0e1f2297e40c
[moodle.git] / theme / bootstrapbase / less / moodle / filemanager.less
1 /* stylelint-disable declaration-no-important */
2 // File Picker and File Manager
3 .filemanager,
4 .filepicker,
5 .file-picker {
6     font-size: 11px;
7 }
8 .filemanager a,
9 .file-picker a,
10 .filemanager a:hover,
11 .file-picker a:hover {
12     color: #555;
13     text-decoration: none;
14 }
15 .filemanager input[type="text"],
16 .file-picker input[type="text"] {
17     width: 265px;
18 }
19 .filemanager .fp-license,
20 .file-picker .fp-setlicense {
21     td {
22         max-width: 265px;
23     }
24     select {
25         max-width: 100%;
26     }
27 }
28 .fp-content-center {
29     height: 100%;
30     width: 100%;
31     display: table-cell;
32     vertical-align: middle;
33 }
34 .fp-content-hidden {
35     visibility: hidden;
36 }
37 // Dialogue (File Picker and File Manager)
38 .yui3-panel-focused {
39     outline: none;
40 }
41 #filesskin .yui3-panel-content {
42     padding-bottom: 20px;
43     background: #f2f2f2;
44     .border-radius(8px);
45     border: 1px solid #fff;
46     display: inline-block;
47     .ie7-inline-block();
48     .box-shadow(5px 5px 20px 0 #666);
49 }
50 #filesskin .yui3-widget-hd {
51     .border-radius(10px 10px 0 0);
52     border-bottom: 1px solid #bbb;
53     padding: 5px;
54     text-align: center;
55     font-size: 12px;
56     color: #333;
57     letter-spacing: 1px;
58     text-shadow: 1px 1px 1px #fff;
59     filter: dropshadow(color=#fff, offx=1, offy=1);
60     #gradient > .vertical (#fff, #ccc);
61 }
62 .fp-panel-button {
63     background: #fff;
64     padding: 3px 20px 2px 20px;
65     text-align: center;
66     margin: 10px;
67     .border-radius(10px);
68     display: inline-block;
69     .ie7-inline-block();
70     .box-shadow(2px 2px 3px .1px #999);
71 }
73 .moodle-dialogue h3 {
74     font-size: 14px;
75     margin: 0;
76     line-height: 20px;
77 }
79 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
80     padding: 0;
81 }
83 // File Picker layout
84 #filesskin .file-picker.fp-generallayout {
85     width: 859px;
86     background: #fff;
87     .border-radius(10px);
88     border: 1px solid #ccc;
89     position: relative;
90 }
91 .file-picker .fp-repo-area {
92     width: 180px;
93     overflow: auto;
94     display: inline-block;
95     .ie7-inline-block();
96     float: left;
97     height: 525px;
98     border-right: 1px solid #bbb;
99 }
100 .file-picker .fp-repo-items {
101     float: none;
102     width: auto;
103     margin-left: 181px;
105 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
106     margin-left: 0;
107     margin-right: 0;
108     float: left;
110 .file-picker .fp-navbar {
111     background: #f2f2f2;
112     border-bottom: 1px solid #bbb;
113     min-height: 40px;
114     overflow: hidden;
116 .file-picker .fp-navbar .fp-viewbar {
117     margin: 4px;
120 .file-picker .fp-content {
121     background: #fff;
122     clear: none;
123     overflow: auto;
124     height: 452px;
126 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
127     width: 100%;
129 .file-picker .fp-content-loading {
130     height: 100%;
131     width: 100%;
132     display: table;
133     text-align: center;
135 .file-picker .fp-content .fp-object-container {
136     width: 98%;
137     height: 98%;
140 // Repositories on fp-repo-area (File Picker only)
141 .file-picker .fp-list {
142     list-style-type: none;
143     padding: 0;
144     float: left;
145     width: 100%;
146     margin: 0;
148 .file-picker .fp-list .fp-repo a {
149     display: block;
150     padding: .5em .7em;
152 .file-picker .fp-list .fp-repo.active {
153     background: #f2f2f2;
155 .file-picker .fp-list .fp-repo-icon {
156     padding: 0 7px 0 5px;
157     width: 16px;
158     height: 16px;
160 // Tools, Path & View on fp-navbar (File Picker and File Manager)
161 .fp-toolbar {
162     float: left;
164 .fp-toolbar.empty {
165     display: none;
167 .fp-toolbar .disabled {
168     display: none;
170 .fp-toolbar div {
171     display: block;
172     float: left;
173     margin-right: 4px;
175 .fp-toolbar img {
176     vertical-align: -15%;
177     margin-right: 5px;
179 .fp-toolbar .fp-tb-search {
180     width: 235px;
181     height: 27px;
183 .fp-toolbar .fp-tb-search input {
184     background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
185     padding: 2px 6px 1px 27px;
186     width: 200px;
187     height: 27px;
188     border: 1px solid #bbb;
190 .fp-viewbar {
191     float: right;
192     height: 30px;
193     border: 1px solid #ccc;
194     border-bottom: 1px solid #b3b3b3;
195     border-radius: 4px;
196     background: white;
198 .fp-repo-items .fp-viewbar {
199     margin: 4px;
202 .fp-viewbar a {
203     width: 30px;
204     height: 30px;
205     border-right: 1px solid #ccc;
206     display: block;
207     float: left;
209 .fp-viewbar a.checked:hover,
210 .fp-viewbar a:hover {
211     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
212     background-color: #ebebeb;
215 .fp-viewbar a.checked,
216 .fp-viewbar a:active {
217     background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
218     background-color: #dfdfdf;
221 .fp-viewbar a.fp-vb-icons {
222     border-radius: 4px 0 0 4px;
224 .fp-viewbar a.fp-vb-tree {
225     border-right: 0;
226     border-radius: 0 4px 4px 0;
228 .fp-viewbar a img {
229     margin: 7px;
232 .fp-viewbar.disabled a {
233     opacity: .45;
234     background: none;
235     cursor: default;
238 .file-picker .fp-clear-left {
239     clear: left;
242 .file-picker .fp-pathbar {
243     display: table-row;
245 .fp-pathbar.empty {
246     display: none;
248 .fp-pathbar .fp-path-folder {
249     background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
250     /*rtl:raw:
251     background-image: url('[[pix:theme|fp/path_folder_rtl]]');
252     */
253     height: 12px;
254     margin-left: 4px;
256 .fp-pathbar .fp-path-folder-name {
257     margin-left: 32px;
258     line-height: 20px;
261 // Icon view (File Picker and File Manager)
262 .fp-iconview .fp-file {
263     float: left;
264     text-align: center;
265     position: relative;
266     margin: 10px 10px 35px;
268 .fp-iconview .fp-thumbnail {
269     min-width: 110px;
270     min-height: 110px;
271     line-height: 110px;
272     text-align: center;
273     border: 1px solid #fff;
274     display: block;
276 .fp-iconview .fp-thumbnail img {
277     border: 1px solid #ddd;
278     padding: 3px;
279     vertical-align: middle;
280     .box-shadow(1px 1px 2px 0 #ccc);
282 .fp-iconview .fp-thumbnail:hover {
283     background: #fff;
284     border: 1px solid #ddd;
285     .box-shadow(inset 0 0 10px 0 #ccc);
287 .fp-iconview .fp-filename-field {
288     height: 33px;
289     word-wrap: break-word;
290     overflow: hidden;
291     position: absolute;
293 .fp-iconview .fp-filename-field:hover {
294     overflow: visible;
295     z-index: 1000;
297 .fp-iconview .fp-filename-field .fp-filename {
298     background: #fff;
299     padding-top: 5px;
300     padding-bottom: 12px;
301     min-width: 112px;
304 // Table view (File Picker only)
305 .file-picker .yui3-datatable table {
306     border: 0 solid #bbb;
307     width: 100%;
309 #filesskin .file-picker .yui3-datatable-header {
310     background: #fff;
311     border-bottom: 1px solid #ccc;
312     border-left: 0 solid #fff;
313     color: #555;
315 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
316     background-color: #f6f6f6;
317     border-left: 0 solid #f6f6f6;
319 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
320     background-color: #fff;
321     border-left: 0 solid #fff;
323 // Tree view (File Manager only)
325 // first or middle sibling, no children
326 .file-picker .ygtvtn,
327 .filemanager .ygtvtn {
328     /*rtl:remove*/
329     background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
330     /*rtl:raw:
331     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
332     */
333     width: 17px;
334     height: 22px;
336 // first or middle sibling, collapsable
337 .file-picker .ygtvtm,
338 .filemanager .ygtvtm {
339     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
340     /*rtl:raw:
341         background-position: 2px 10px;
342     */
343     width: 13px;
344     height: 12px;
345     cursor: pointer;
347 // first or middle sibling, collapsable, hover
348 .file-picker .ygtvtmh,
349 .filemanager .ygtvtmh {
350     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
351     /*rtl:raw:
352         background-position: 2px 10px;
353     */
354     width: 13px;
355     height: 12px;
356     cursor: pointer;
358 // first or middle sibling, expandable
359 .file-picker .ygtvtp,
360 .filemanager .ygtvtp {
361     /*rtl:remove*/
362     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
363     /*rtl:raw:
364     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
365     */
366     width: 13px;
367     height: 12px;
368     cursor: pointer;
370 // first or middle sibling, expandable, hover
371 .file-picker .ygtvtph,
372 .filemanager .ygtvtph {
373     /*rtl:remove*/
374     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
375     /*rtl:raw:
376     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
377     */
378     width: 13px;
379     height: 22px;
380     cursor: pointer;
382 // last sibling, no children
383 .file-picker .ygtvln,
384 .filemanager .ygtvln {
385     /*rtl:remove*/
386     background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
387     /*rtl:raw:
388     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
389     */
390     width: 17px;
391     height: 22px;
393 // Last sibling, collapsable
394 .file-picker .ygtvlm,
395 .filemanager .ygtvlm {
396     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
397     /*rtl:raw:
398         background-position: 2px 10px;
399     */
400     width: 13px;
401     height: 12px;
402     cursor: pointer;
404 // Last sibling, collapsable, hover
405 .file-picker .ygtvlmh,
406 .filemanager .ygtvlmh {
407     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
408     /*rtl:raw:
409         background-position: 2px 10px;
410     */
411     width: 13px;
412     height: 12px;
413     cursor: pointer;
415 // Last sibling, expandable
416 .file-picker .ygtvlp,
417 .filemanager .ygtvlp {
418     /*rtl:remove*/
419     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
420     /*rtl:raw:
421     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
422     */
423     width: 13px;
424     height: 12px;
425     cursor: pointer;
427 // Last sibling, expandable, hover
428 .file-picker .ygtvlph,
429 .filemanager .ygtvlph {
430     /*rtl:remove*/
431     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
432     /*rtl:raw:
433     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
434     */
435     width: 13px;
436     height: 12px;
437     cursor: pointer;
439 // Loading icon
440 .file-picker .ygtvloading,
441 .filemanager .ygtvloading {
442     background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
443     width: 16px;
444     height: 22px;
446 // the style for the empty cells that are used for rendering the depth of the node
447 .file-picker .ygtvdepthcell,
448 .filemanager .ygtvdepthcell {
449     background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
450     /*rtl:raw:
451     background-position: 1px 0;
452     */
453     width: 17px;
454     height: 32px;
456 .file-picker .ygtvblankdepthcell,
457 .filemanager .ygtvblankdepthcell {
458     width: 17px;
459     height: 22px;
461 a.ygtvspacer:hover {
462     color: transparent;
463     text-decoration: none;
465 .ygtvlabel,
466 .ygtvlabel:link,
467 .ygtvlabel:visited,
468 .ygtvlabel:hover {
469     background-color: transparent;
470     cursor: pointer;
471     margin-left: 2px;
472     text-decoration: none;
474 .file-picker .ygtvfocus,
475 .filemanager .ygtvfocus {
476     background-color: #eee;
478 .fp-filename-icon {
479     margin-top: 10px;
480     display: block;
481     position: relative;
483 .fp-icon {
484     float: left;
485     margin-top: -7px;
486     width: 24px;
487     height: 24px;
488     margin-right: 10px;
489     text-align: center;
490     line-height: 24px;
492 .fp-filename {
493     padding-right: 10px;
495 // Repositories Login on fp-content (File Picker only)
497 .file-picker .fp-login-form {
498     height: 100%;
499     width: 100%;
500     display: table;
502 .file-picker .fp-login-form table {
503     margin: 0 auto;
505 .file-picker .fp-login-form p {
506     text-align: center;
507     margin-top: 3em;
509 .file-picker .fp-login-form .fp-login-input label {
510     text-align: right;
511     display: block;
513 .file-picker .fp-login-form .fp-login-input .input {
514     text-align: left;
516 .file-picker .fp-login-form input[type="checkbox"] {
517     width: 15px;
518     height: 15px;
520 // Upload on fp-content (File Picker only)
521 .file-picker .fp-upload-form {
522     height: 100%;
523     width: 100%;
524     display: table;
526 .file-picker .fp-upload-form table {
527     margin: 0 auto;
529 // File exists dialogue on Upload (File Picker only)
530 .file-picker.fp-dlg {
531     text-align: center;
533 .file-picker.fp-dlg .fp-dlg-text {
534     padding: 30px 20px 10px;
535     font-size: 12px;
537 .file-picker.fp-dlg .fp-dlg-buttons {
538     margin: 0 20px;
540 // Error dialogue on Upload (File Picker only)
541 .file-picker.fp-msg {
542     text-align: center;
544 .file-picker.fp-msg .fp-msg-text {
545     padding: 40px 20px 10px 20px;
546     min-width: 200px;
547     max-width: 500px;
548     max-height: 300px;
549     overflow: auto;
550     font-size: 12px;
552 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
553     padding: 40px 20px 10px 20px;
554     font-size: 12px;
556 // Error on fp-content (File Picker only)
557 .file-picker .fp-content-error {
558     height: 100%;
559     width: 100%;
560     display: table;
561     text-align: center;
563 .file-picker .fp-content-error .fp-error {
564     height: 100%;
565     width: 100%;
566     display: table-cell;
567     vertical-align: middle;
568     padding: 40px 20px 10px 20px;
569     font-size: 12px;
571 // Lazy loading on fp-content (File Picker only)
572 .file-picker .fp-nextpage {
573     clear: both;
575 .file-picker .fp-nextpage .fp-nextpage-loading {
576     display: none;
578 .file-picker .fp-nextpage.loading .fp-nextpage-link {
579     display: none;
581 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
582     display: block;
583     text-align: center;
584     height: 100px;
585     padding-top: 50px;
587 // Select Dialogue (File Picker and File Manager)
588 .fp-select form {
589     padding: 20px 20px 0;
591 .fp-select .fp-select-loading {
592     text-align: center;
593     margin-top: 20px;
595 .fp-select .fp-hr {
596     clear: both;
597     height: 1px;
598     background-color: #fff;
599     border-bottom: 1px solid #bbb;
600     width: auto;
601     margin: 10px 0;
603 .fp-select table {
604     padding: 0 0 10px;
606 .fp-select table .mdl-right {
607     min-width: 84px;
609 .fp-select .fp-reflist .mdl-right {
610     vertical-align: top;
612 .fp-select .fp-select-buttons {
613     float: right;
615 .fp-select .fp-info {
616     display: block;
617     clear: both;
618     padding: 1px 20px 0;
620 .fp-select .fp-thumbnail {
621     float: left;
622     min-width: 110px;
623     min-height: 110px;
624     line-height: 110px;
625     text-align: center;
626     margin: 10px 20px 0 0;
627     background: #fff;
628     border: 1px solid #ddd;
629     .box-shadow(inset 0 0 10px 0 #ccc);
631 .fp-select .fp-thumbnail img {
632     border: 1px solid #ddd;
633     padding: 3px;
634     vertical-align: middle;
635     margin: 10px;
637 .fp-select .fp-fileinfo {
638     display: inline-block;
639     .ie7-inline-block();
640     margin-top: 10px;
642 .file-picker.fp-select .fp-fileinfo {
643     max-width: 240px;
645 .fp-select .fp-fileinfo div {
646     padding-bottom: 5px;
648 .file-picker.fp-select .uneditable {
649     display: none;
651 .file-picker.fp-select .fp-select-loading {
652     display: none;
654 .file-picker.fp-select.loading .fp-select-loading {
655     display: block;
657 .file-picker.fp-select.loading form {
658     display: none;
660 .fp-select .fp-dimensions.fp-unknown {
661     display: none;
663 .fp-select .fp-size.fp-unknown {
664     display: none;
666 // File Manager
667 .filemanager-loading {
668     display: none;
670 .jsenabled .filemanager-loading {
671     display: block;
672     margin-top: 100px;
674 .filemanager.fm-loading .filemanager-toolbar,
675 .filemanager.fm-loading .fp-pathbar,
676 .filemanager.fm-loading .filemanager-container,
677 .filemanager.fm-loaded .filemanager-loading,
678 .filemanager.fm-maxfiles .fp-btn-add,
679 .filemanager.fm-maxfiles .dndupload-message,
680 .filemanager.fm-noitems .fp-btn-download,
681 .filemanager .fm-empty-container,
682 .filemanager.fm-noitems .filemanager-container .fp-content {
683     display: none;
685 .filemanager .fp-img-downloading {
686     display: none;
687     padding-top: 7px;
689 .filemanager .filemanager-updating {
690     display: none;
691     text-align: center;
693 .filemanager.fm-updating .filemanager-updating {
694     display: block;
695     margin-top: 37px;
697 .filemanager.fm-updating .fm-content-wrapper,
698 .filemanager.fm-nomkdir .fp-btn-mkdir,
699 .fitem.disabled .filemanager .filemanager-toolbar,
700 .fitem.disabled .filemanager .fp-pathbar,
701 .fitem.disabled .filemanager .fp-restrictions,
702 .fitem.disabled .filemanager .fm-content-wrapper {
703     display: none;
705 // File Manager layout
706 .filemanager {
707     .fp-restrictions {
708         text-align: right;
709     }
711 .filemanager .fp-navbar {
712     background: #f2f2f2;
713     border: 1px solid #bbb;
714     border-bottom: none;
716 .filemanager-toolbar {
717     padding: 4px;
718     overflow: hidden;
720 .fp-pathbar {
721     border-top: 1px solid #bbb;
722     padding: 5px 8px 1px;
723     min-height: 20px;
726 .file-picker .fp-toolbar {
727     padding: 4px;
730 .fp-toolbar .fp-btn-add,
731 .fp-toolbar .fp-btn-download,
732 .fp-toolbar .fp-btn-mkdir,
733 .fp-toolbar .fp-tb-help,
734 .fp-toolbar .fp-tb-manage,
735 .fp-toolbar .fp-tb-logout,
736 .fp-toolbar .fp-tb-refresh {
737     border: 1px solid #ccc;
738     border-bottom: 1px solid #b3b3b3;
739     border-radius: 4px;
740     background: white;
741     width: 30px;
742     height: 30px;
745 .fp-toolbar a:hover {
746     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
747     background-color: #ebebeb;
750 .fp-toolbar a:active {
751     background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
752     background-color: #dfdfdf;
755 .fp-btn-add a,
756 .fp-btn-download a,
757 .fp-btn-mkdir a,
758 .fp-tb-help a,
759 .fp-tb-manage a,
760 .fp-tb-logout a,
761 .fp-tb-refresh a {
762     display: block;
763     width: 30px;
764     height: 30px;
765     border-radius: 4px;
768 .fp-btn-add img,
769 .fp-btn-download img,
770 .fp-btn-mkdir img,
771 .fp-tb-help img,
772 .fp-tb-manage img,
773 .fp-tb-logout img,
774 .fp-tb-refresh img {
775     margin: 7px;
778 .filemanager .fp-pathbar.empty {
779     display: none;
781 .filepicker-filelist,
782 .filemanager-container {
783     background: #fff;
784     clear: both;
785     overflow: auto;
786     border: 1px solid #bbb;
787     min-height: 140px;
788     position: relative;
790 .filemanager .fp-content {
791     overflow: auto;
792     max-height: 472px;
793     min-height: 157px;
795 .filemanager-container,
796 .filepicker-filelist {
797     overflow: hidden;
799 .fitem.disabled .filepicker-filelist,
800 .fitem.disabled .filemanager-container {
801     background-color: #ebebe4;
803 .fitem.disabled .fp-btn-choose {
804     .muted
806 .fitem.disabled .filepicker-filelist .filepicker-filename {
807     display: none;
809 // Icon view (File Manager only)
810 .fp-iconview .fp-reficons1 {
811     position: absolute;
812     height: 100%;
813     width: 100%;
814     top: 0;
815     left: 0;
817 .fp-iconview .fp-reficons2 {
818     position: absolute;
819     height: 100%;
820     width: 100%;
821     top: 0;
822     left: 0;
824 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
825     background: url('[[pix:theme|fp/link]]') no-repeat;
826     /*rtl:raw:
827     transform: scaleX(-1);
828     */
829     /*rtl:ignore*/
830     background-position: bottom right;
832 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
833     background: url('[[pix:theme|fp/alias]]') no-repeat;
834     /*rtl:raw:
835     transform: scaleX(-1);
836     */
837     /*rtl:ignore*/
838     background-position: bottom left;
840 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
841     display: none;
843 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
844     background: url([[pix:s/dead]]) no-repeat;
845     background-position: center center;
847 // Table view (File Manager only)
848 .filemanager .yui3-datatable table {
849     border: 0 solid #bbb;
850     width: 100%;
852 .filemanager .yui3-datatable-header {
853     background: #fff !important;
854     border-bottom: 1px solid #ccc !important;
855     border-left: 0 solid #fff !important;
856     color: #555 !important;
858 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
859     background-color: #f6f6f6 !important;
860     border-left: 0 solid #f6f6f6;
862 .filemanager .yui3-datatable-even .yui3-datatable-cell {
863     background-color: #fff !important;
864     border-left: 0 solid #fff;
866 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
867     background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
868     height: 100%;
869     width: 100%;
870     /*rtl:raw:
871     transform: scaleX(-1);
872     */
873     position: absolute;
874     top: 8px;
875     left: 17px;
876     z-index: 1000;
878 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
879     background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
880     height: 100%;
881     width: 100%;
882     /*rtl:raw:
883     transform: scaleX(-1);
884     */
885     position: absolute;
886     top: 9px;
887     left: -6px;
888     z-index: 1001;
890 // Folder Context Menu (File Manager only)
891 .filemanager .fp-contextmenu {
892     display: none;
894 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
895     display: block;
896     position: absolute;
897     right: 7px;
898     bottom: 5px;
900 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
901 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
902     display: inline;
903     position: absolute;
904     left: 14px;
905     margin-right: -20px;
906     top: 6px;
909 // Drag and drop support (filemanager and filepicker form elements)
910 .filepicker-filelist .filepicker-container,
911 .filemanager.fm-noitems .fm-empty-container {
912     display: block;
913     position: absolute;
914     top: 10px;
915     bottom: 10px;
916     left: 10px;
917     right: 10px;
918     border: 2px dashed #bbb;
919     padding-top: 85px;
920     text-align: center;
922 .filepicker-filelist .dndupload-target,
923 .filemanager-container .dndupload-target {
924     background: #fff;
925     position: absolute;
926     top: 10px;
927     bottom: 10px;
928     left: 10px;
929     right: 10px;
930     border: 2px dashed #fb7979;
931     padding-top: 85px;
932     text-align: center;
933     .box-shadow(0px 0 0 10px #fff);
935 .filepicker-filelist.dndupload-over .dndupload-target,
936 .filemanager-container.dndupload-over .dndupload-target {
937     background: #fff;
938     position: absolute;
939     top: 10px;
940     bottom: 10px;
941     left: 10px;
942     right: 10px;
943     border: 2px dashed #6c8cd3;
944     padding-top: 85px;
945     text-align: center;
947 .dndupload-message {
948     display: none;
950 .dndsupported .dndupload-message {
951     display: inline;
953 .dnduploadnotsupported-message {
954     display: none;
956 .dndnotsupported .dnduploadnotsupported-message {
957     display: inline;
959 .dndupload-target {
960     display: none;
962 .dndsupported .dndupload-ready .dndupload-target {
963     display: block;
965 .dndupload-uploadinprogress {
966     display: none;
967     text-align: center;
969 .dndupload-uploading .dndupload-uploadinprogress {
970     display: block;
972 .dndupload-arrow {
973     background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
974     width: 100%;
975     height: 80px;
976     position: absolute;
977     top: 5px;
979 .fitem.disabled .filepicker-container,
980 .fitem.disabled .fm-empty-container {
981     display: none;
983 .dndupload-progressbars {
984     padding: 10px;
985     display: none;
987 .dndupload-inprogress .dndupload-progressbars {
988     display: block;
990 .dndupload-inprogress .fp-content {
991     display: none;
993 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
994     display: none;
996 .filepicker-filelist.dndupload-inprogress .filepicker-container {
997     display: none;
999 .filepicker-filelist.dndupload-inprogress a {
1000     display: none;
1002 // Select Dialogue (File Manager only)
1003 .filemanager.fp-select .fp-select-loading {
1004     display: none;
1006 .filemanager.fp-select.loading .fp-select-loading {
1007     display: block;
1009 .filemanager.fp-select.loading form {
1010     display: none;
1012 .filemanager.fp-select.fp-folder .fp-license,
1013 .filemanager.fp-select.fp-folder .fp-author,
1014 .filemanager.fp-select.fp-file .fp-file-unzip,
1015 .filemanager.fp-select.fp-folder .fp-file-unzip,
1016 .filemanager.fp-select.fp-file .fp-file-zip,
1017 .filemanager.fp-select.fp-zip .fp-file-zip {
1018     display: none;
1020 .filemanager.fp-select .fp-file-setmain,
1021 .filemanager.fp-select .fp-file-setmain-help {
1022     display: none;
1024 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1025 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
1026     display: inline-block;
1027     .ie7-inline-block();
1029 .filemanager .fp-mainfile .fp-filename {
1030     font-weight: bold;
1032 .filemanager.fp-select.fp-folder .fp-file-download {
1033     display: none;
1035 // to be implemented
1036 .fm-operation {
1037     font-weight: bold;
1039 .filemanager.fp-select .fp-original.fp-unknown,
1040 .filemanager.fp-select .fp-original .fp-originloading {
1041     display: none;
1043 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1044     display: inline;
1046 .filemanager.fp-select .fp-reflist.fp-unknown,
1047 .filemanager.fp-select .fp-reflist .fp-reflistloading {
1048     display: none;
1050 .filemanager.fp-select .fp-refcount {
1051     max-width: 265px;
1053 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1054     display: inline;
1056 .filemanager.fp-select .fp-reflist .fp-value {
1057     background: #f9f9f9;
1058     border: 1px solid #bbb;
1059     padding: 8px 7px;
1060     margin: 0;
1061     max-width: 265px;
1062     max-height: 75px;
1063     overflow: auto;
1065 .filemanager.fp-select .fp-reflist .fp-value li {
1066     padding-bottom: 7px;
1068 // Create folder dialogue (File Manager only)
1069 .filemanager.fp-mkdir-dlg {
1070     text-align: center;
1072 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1073     text-align: left;
1074     margin: 20px;
1076 // Confirm dialogue for delete (File Manager only)
1077 .filemanager.fp-dlg {
1078     text-align: center;
1080 .filemanager.fp-dlg .fp-dlg-text {
1081     padding: 0 10px;
1082     min-width: 200px;
1083     max-width: 340px;
1084     max-height: 300px;
1085     overflow: auto;
1086     line-height: 22px;
1087     margin: 40px 20px 20px;
1088     font-size: 12px;
1090 // file picker search dialog
1091 .file-picker div.bd {
1092     text-align: left;
1095 // Upload form for file picker.
1096 .fp-formset {
1097     max-width: 500px;
1098     padding: 10px;
1099     input[type="file"] {
1100         line-height: inherit;
1101     }
1103 .fp-forminset {
1104     max-width: 400px;
1105     padding: 0 10px;
1106     .control-group.control-radio {
1107         margin-bottom: 0;
1108     }
1109     .control-group {
1110         label.control-label {
1111             width: 105px;
1112         }
1113         label.control-radio {
1114             float: right;
1115             text-align: left;
1116             width: 215px;
1117         }
1118         .controls {
1119             margin-left: 125px;
1120             select {
1121                 width: 100%;
1122             }
1123         }
1124         .controls.control-radio input {
1125             margin-top: 3px;
1126         }
1127     }
1128     .fp-select-buttons {
1129         float: none;
1130     }
1131     input[type="text"] {
1132         width: 228px;
1133     }
1136 .fp-fileinfo .fp-value {
1137     display: inline-block;
1138     padding-left: 5px;