bbac64b3243796562fced60d4146b05042a71733
[moodle.git] / theme / bootstrapbase / less / moodle / filemanager.less
1  // File Picker and File Manager
2 .filemanager,
3 .filepicker,
4 .file-picker {
5     font-size: 11px;
6 }
7 .filemanager a,
8 .file-picker a,
9 .filemanager a:hover,
10 .file-picker a:hover {
11     color: #555555;
12     text-decoration: none;
13 }
14 .filemanager input[type="text"],
15 .file-picker input[type="text"] {
16     width: 265px;
17 }
18 .fp-content-center {
19     height: 100%;
20     width: 100%;
21     display: table-cell;
22     vertical-align: middle;
23 }
24 .fp-content-hidden {
25     visibility: hidden;
26 }
27 // Dialogue (File Picker and File Manager)
28 .yui3-panel-focused {
29     outline: none;
30 }
31 #filesskin .yui3-panel-content {
32     padding-bottom: 20px;
33     background: #F2F2F2;
34     .border-radius(8px);
35     border: 1px solid #fff;
36     display: inline-block;
37     .ie7-inline-block();
38     .box-shadow(5px 5px 20px 0 #666);
39 }
40 #filesskin .yui3-widget-hd {
41     .border-radius(10px 10px 0 0);
42     border-bottom: 1px solid #BBBBBB;
43     padding: 5px;
44     text-align: center;
45     font-size: 12px;
46     color: #333;
47     letter-spacing: 1px;
48     text-shadow: 1px 1px 1px #fff;
49     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
50     #gradient > .vertical (#fff, #ccc);
51 }
52 .fp-panel-button {
53     background: #fff;
54     padding: 3px 20px 2px 20px;
55     text-align: center;
56     margin: 10px;
57     .border-radius(10px);
58     display: inline-block;
59     .ie7-inline-block();
60     .box-shadow(2px 2px 3px .1px #999);
61 }
63 .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
64     padding: 0px;
65 }
66 // File Picker layout
67 #filesskin .file-picker.fp-generallayout {
68     width: 859px;
69     background: #FFFFFF;
70     .border-radius(10px);
71     border: 1px solid #CCCCCC;
72     position: relative;
73 }
74 .file-picker .fp-repo-area {
75     width: 180px;
76     overflow: auto;
77     display: inline-block;
78     .ie7-inline-block();
79     float: left;
80     height: 525px;
81     border-right: 1px solid #BBBBBB;
82 }
83 .dir-rtl .file-picker .fp-repo-area {
84     border-left: 1px solid #BBBBBB;
85     border-right: none;
86     float: right;
87 }
88 .file-picker .fp-repo-items {
89     float: left;
90     width: 693px;
91 }
92 .dir-rtl .file-picker .fp-repo-items {
93     float: right;
94 }
95 .file-picker .fp-navbar {
96     background: #F2F2F2;
97     min-height: 22px;
98     border-bottom: 1px solid #BBBBBB;
99     padding: 5px 8px;
101 .file-picker .fp-content {
102     background: #FFFFFF;
103     clear: both;
104     overflow: auto;
105     height: 468px;
107 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
108     width: 100%;
109     height: 100%;
111 .dir-rtl .file-picker .fp-repo-items {
112     margin-right: 181px;
114 .file-picker .fp-content-loading {
115     height: 100%;
116     width: 100%;
117     display: table;
118     text-align: center;
120 .file-picker .fp-content .fp-object-container {
121     width: 98%;
122     height: 98%;
124 .dir-rtl .file-picker .fp-list {
125     text-align: right;
127 .dir-rtl .file-picker .fp-toolbar {
128     padding: 0;
130 .dir-rtl .file-picker .fp-list {
131     text-align: right;
133 .dir-rtl .file-picker .fp-repo-name {
134     display: inline;
136 .dir-rtl .file-picker .fp-pathbar {
137     text-align: right;
138     display: block;
139     border-top: none;
141 .dir-rtl .file-picker div.bd {
142     text-align: right;
144 .dir-rtl #filemenu .yuimenuitemlabel {
145     text-align: right;
147 .dir-rtl .filepicker .yui-layout-unit-left {
148     left: 500px;
150 .dir-rtl .filepicker .yui-layout-unit-center {
151     left: 0;
153 // File Manager
154 .dir-rtl .filemanager-toolbar a {
155     padding: 0;
157 // Repositories on fp-repo-area (File Picker only)
158 .file-picker .fp-list {
159     list-style-type: none;
160     padding: 0;
161     float: left;
162     width: 100%;
163     margin: 0;
165 .dir-rtl .file-picker .fp-list {
166     text-align: right;
167     float: left;
169 .file-picker .fp-list .fp-repo a {
170     display: block;
171     padding: .5em .7em;
173 .file-picker .fp-list .fp-repo.active {
174     background: #F2F2F2;
176 .file-picker .fp-list .fp-repo-icon {
177     padding: 0 7px 0 5px;
179 // Tools, Path & View on fp-navbar (File Picker and File Manager)
180 .fp-toolbar {
181     display: table-row;
182     line-height: 22px;
183     float: left;
184     max-width: 70%;
186 .dir-rtl .fp-toolbar {
187     float: right;
189 .fp-toolbar.empty {
190     display: none;
192 .fp-toolbar .disabled {
193     display: none;
195 .fp-toolbar div {
196     display: inline-block;
197     .ie7-inline-block();
198     padding: 0 2px;
199     padding-right: 10px;
201 .dir-rtl .fp-toolbar div {
202     width: 100px;
204 .fp-toolbar img {
205     vertical-align: -15%;
206     margin-right: 5px;
208 .fp-toolbar .fp-tb-search {
209     width: 228px;
210     height: 14px;
212 .fp-toolbar .fp-tb-search input {
213     background: #FFFFFF url('[[pix:a/search]]') no-repeat 3px 3px;
214     padding: 2px 6px 1px 20px;
215     width: 200px;
216     height: 16px;
217     border: 1px solid #BBBBBB;
219 .fp-viewbar {
220     float: right;
221     width: 69px;
222     height: 22px;
223     margin-right: 8px;
225 .dir-rtl .fp-toolbar img {
226     vertical-align: -35%;
228 .dir-rtl .fp-viewbar {
229     float: left;
230     width: 100px;
232 .fp-vb-icons {
233     background: url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;
234     width: 22px;
235     height: 22px;
236     display: inline-block;
237     .ie7-inline-block();
239 .dir-rtl .fp-vb-icons {
240     background: url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;
241     display: block;
242     float: left;
243     margin-right: 4px;
245 .fp-vb-icons.checked {
246     background: url('[[pix:theme|fp/view_icon_selected]]');
248 .dir-rtl .fp-vb-icons.checked {
249     background: url('[[pix:theme|fp/view_icon_selected]]');
250     display: block;
251     float: left;
252     margin-right: 4px;
254 .fp-viewbar.disabled .fp-vb-icons {
255     background: url('[[pix:theme|fp/view_icon_inactive]]');
257 .fp-vb-details {
258     background: url('[[pix:theme|fp/view_list_active]]') no-repeat 0 0;
259     width: 23px;
260     height: 22px;
261     display: inline-block;
262     .ie7-inline-block();
263     margin-left: -4px;
265 .dir-rtl .fp-vb-details {
266     background: url('[[pix:theme|fp/view_list_active]]') no-repeat 0 0;
267     display: block;
268     float: left;
269     margin-right: 4px;
271 .fp-vb-details.checked {
272     background: url('[[pix:theme|fp/view_list_selected]]');
274 .dir-rtl .fp-vb-details.checked {
275     background: url('[[pix:theme|fp/view_list_selected]]');
276     display: block;
277     float: left;
278     margin-right: 4px;
280 .fp-viewbar.disabled .fp-vb-details {
281     background: url('[[pix:theme|fp/view_list_inactive]]');
283 .fp-vb-tree {
284     background: url('[[pix:theme|fp/view_tree_active]]') no-repeat 0 0;
285     width: 23px;
286     height: 22px;
287     display: inline-block;
288     .ie7-inline-block();
289     margin-left: -4px;
291 .dir-rtl .fp-vb-tree {
292     background: url('[[pix:theme|fp/view_tree_active]]') no-repeat 0 0;
293     display: block;
294     float: left;
295     margin-right: 4px;
297 .fp-vb-tree.checked {
298     background: url('[[pix:theme|fp/view_tree_selected]]');
300 .dir-rtl .fp-vb-tree.checked {
301     background: url('[[pix:theme|fp/view_tree_selected]]');
302     display: block;
303     float: left;
304     margin-right: 4px;
306 .fp-viewbar.disabled .fp-vb-tree {
307     background: url('[[pix:theme|fp/view_tree_inactive]]');
309 .file-picker .fp-clear-left {
310     clear: left;
312 // over ride hover rule from core.css
313 .dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {
314     background: url('[[pix:theme|fp/view_icon_selected]]');
316 .dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {
317     background: url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;
319 .dir-rtl .fp-vb-details a:hover {
320     background: none;
321     border: 20px solid black;
323 .dir-rtl .fp-vb-details.checked a:hover {
324     background: none;
325     border: 40px solid black;
327 .dir-rtl .fp-vb-tree a:hover {
328     background: none;
329     border: 30px solid black;
331 .dir-rtl .fp-vb-tree.checked a:hover {
332     background: none;
333     border: 50px solid black;
335 .file-picker .fp-pathbar {
336     display: table-row;
338 .fp-pathbar.empty {
339     display: none;
341 .fp-pathbar .fp-path-folder {
342     background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;
343     width: 27px;
344     height: 12px;
345     margin-left: 4px;
347 .dir-rtl .fp-pathbar .fp-path-folder {
348     background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;
349     width: auto;
350     height: 12px;
351     margin-left: 4px;
353 .dir-rtl .fp-pathbar span {
354     display: inline-block;
355     .ie7-inline-block();
356     float: right;
357     margin-left: 32px;
359 .fp-pathbar .fp-path-folder-name {
360     margin-left: 32px;
361     line-height: 20px;
363 .dir-rtl .fp-pathbar .fp-path-folder-name {
364     margin-right: 32px;
365     line-height: 20px;
367 // Icon view (File Picker and File Manager)
368 .fp-iconview .fp-file {
369     float: left;
370     text-align: center;
371     position: relative;
372     margin: 10px 10px 35px;
374 .fp-iconview .fp-thumbnail {
375     min-width: 110px;
376     min-height: 110px;
377     line-height: 110px;
378     text-align: center;
379     border: 1px solid #FFFFFF;
380     display: block;
382 .fp-iconview .fp-thumbnail img {
383     border: 1px solid #ddd;
384     padding: 3px;
385     vertical-align: middle;
386     .box-shadow(1px 1px 2px 0 #ccc);
388 .fp-iconview .fp-thumbnail:hover {
389     background: #fff;
390     border: 1px solid #ddd;
391     .box-shadow(inset 0 0 10px 0px #ccc);
393 .fp-iconview .fp-filename-field {
394     height: 33px;
395     word-wrap: break-word;
396     overflow: hidden;
397     position: absolute;
399 .fp-iconview .fp-filename-field:hover {
400     overflow: visible;
401     z-index: 1000;
403 .fp-iconview .fp-filename-field .fp-filename {
404     background: #FFFFFF;
405     padding-top: 5px;
406     padding-bottom: 12px;
407     min-width: 112px;
409 .dir-rtl .fp-iconview .fp-file {
410     float: right;
412 // Table view (File Picker only)
413 .file-picker .yui3-datatable table {
414     border: 0 solid #BBBBBB;
415     width: 100%;
417 #filesskin .file-picker .yui3-datatable-header {
418     background: #FFFFFF;
419     border-bottom: 1px solid #CCCCCC;
420     border-left: 0 solid #FFFFFF;
421     color: #555555;
423 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
424     background-color: #F6F6F6;
425     border-left: 0 solid #F6F6F6;
427 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
428     background-color: #FFFFFF;
429     border-left: 0 solid #FFFFFF;
431 .dir-rtl .file-picker .yui3-datatable-header {
432     text-align: right;
434 // Tree view (File Manager only)
436 // first or middle sibling, no children
437 .file-picker .ygtvtn,
438 .filemanager .ygtvtn {
439     background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
440     width: 17px;
441     height: 22px;
443 .dir-rtl .filemanager .ygtvtn,
444 .dir-rtl .file-picker .ygtvtn {
445     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
446     width: 17px;
447     height: 22px;
449 // first or middle sibling, collapsable
450 .file-picker .ygtvtm,
451 .filemanager .ygtvtm {
452     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
453     width: 13px;
454     height: 12px;
455     cursor: pointer;
457 // first or middle sibling, collapsable, hover
458 .file-picker .ygtvtmh,
459 .filemanager .ygtvtmh {
460     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
461     width: 13px;
462     height: 12px;
463     cursor: pointer;
465 // first or middle sibling, expandable
466 .file-picker .ygtvtp,
467 .filemanager .ygtvtp {
468     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
469     width: 13px;
470     height: 12px;
471     cursor: pointer;
473 .dir-rtl .file-picker .ygtvtp,
474 .dir-rtl .filemanager .ygtvtp {
475     background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
477 // first or middle sibling, expandable, hover
478 .file-picker .ygtvtph,
479 .filemanager .ygtvtph {
480     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
481     width: 13px;
482     height: 22px;
483     cursor: pointer;
485 .dir-rtl .file-picker .ygtvtph,
486 .dir-rtl .filemanager .ygtvtph {
487     background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
489 // last sibling, no children
490 .file-picker .ygtvln,
491 .filemanager .ygtvln {
492     background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
493     width: 17px;
494     height: 22px;
496 .dir-rtl .file-picker .ygtvln,
497 .dir-rtl .filemanager .ygtvln {
498     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
500 // Last sibling, collapsable
501 .file-picker .ygtvlm,
502 .filemanager .ygtvlm {
503     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
504     width: 13px;
505     height: 12px;
506     cursor: pointer;
508 // Last sibling, collapsable, hover
509 .file-picker .ygtvlmh,
510 .filemanager .ygtvlmh {
511     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
512     width: 13px;
513     height: 12px;
514     cursor: pointer;
516 // Last sibling, expandable
517 .file-picker .ygtvlp,
518 .filemanager .ygtvlp {
519     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
520     width: 13px;
521     height: 12px;
522     cursor: pointer;
524 .dir-rtl .file-picker .ygtvlp,
525 .dir-rtl .filemanager .ygtvlp {
526     background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
528 // Last sibling, expandable, hover
529 .file-picker .ygtvlph,
530 .filemanager .ygtvlph {
531     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
532     width: 13px;
533     height: 12px;
534     cursor: pointer;
536 .dir-rtl .file-picker .ygtvlph,
537 .dir-rtl .filemanager .ygtvlph {
538     background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
540 // Loading icon
541 .file-picker .ygtvloading,
542 .filemanager .ygtvloading {
543     background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
544     width: 16px;
545     height: 22px;
547 // the style for the empty cells that are used for rendering the depth of the node
548 .file-picker .ygtvdepthcell,
549 .filemanager .ygtvdepthcell {
550     background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
551     width: 17px;
552     height: 32px;
554 .file-picker .ygtvblankdepthcell,
555 .filemanager .ygtvblankdepthcell {
556     width: 17px;
557     height: 22px;
559 a.ygtvspacer:hover {
560     color: transparent;
561     text-decoration: none;
563 .ygtvlabel,
564 .ygtvlabel:link,
565 .ygtvlabel:visited,
566 .ygtvlabel:hover {
567     background-color: transparent;
568     cursor: pointer;
569     margin-left: 2px;
570     text-decoration: none;
572 .file-picker .ygtvfocus,
573 .filemanager .ygtvfocus {
574     background-color: #EEEEEE;
576 .fp-filename-icon {
577     margin-top: 10px;
578     display: block;
579     position: relative;
581 .fp-icon {
582     float: left;
583     margin-top: -7px;
584     width: 24px;
585     height: 24px;
586     margin-right: 10px;
587     text-align: center;
588     line-height: 24px;
590 .dir-rtl .fp-icon {
591     float: right;
592     margin-left: 10px;
593     margin-right: 0;
595 .fp-icon img {
596     max-height: 24px;
597     max-width: 24px;
598     vertical-align: middle;
600 .fp-filename {
601     padding-right: 10px;
603 .dir-rtl .fp-filename {
604     padding-left: 10px;
605     padding-right: 0;
607 // Repositories Login on fp-content (File Picker only)
609 .file-picker .fp-login-form {
610     height: 100%;
611     width: 100%;
612     display: table;
614 .file-picker .fp-login-form table {
615     margin: 0 auto;
617 .file-picker .fp-login-form p {
618     text-align: center;
619     margin-top: 3em;
621 .file-picker .fp-login-form .fp-login-input label {
622     text-align: right;
623     display: block;
625 .file-picker .fp-login-form .fp-login-input .input {
626     text-align: left;
628 .file-picker .fp-login-form input[type="checkbox"]{
629     width: 15px;
630     height: 15px;
632 // Upload on fp-content (File Picker only)
633 .file-picker .fp-upload-form {
634     height: 100%;
635     width: 100%;
636     display: table;
638 .file-picker .fp-upload-form table {
639     margin: 0 auto;
641 // File exists dialogue on Upload (File Picker only)
642 .file-picker.fp-dlg {
643     text-align: center;
645 .file-picker.fp-dlg .fp-dlg-text {
646     padding: 30px 20px 10px;
647     font-size: 12px;
649 .file-picker.fp-dlg .fp-dlg-buttons {
650     margin: 0 20px;
652 // Error dialogue on Upload (File Picker only)
653 .file-picker.fp-msg {
654     text-align: center;
656 .file-picker.fp-msg .fp-msg-text {
657     padding: 40px 20px 10px 20px;
658     min-width: 200px;
659     max-width: 500px;
660     max-height: 300px;
661     overflow: auto;
662     font-size: 12px;
664 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
665     padding: 40px 20px 10px 20px;
666     font-size: 12px;
668 // Error on fp-content (File Picker only)
669 .file-picker .fp-content-error {
670     height: 100%;
671     width: 100%;
672     display: table;
673     text-align: center;
675 .file-picker .fp-content-error .fp-error {
676     height: 100%;
677     width: 100%;
678     display: table-cell;
679     vertical-align: middle;
680     padding: 40px 20px 10px 20px;
681     font-size: 12px;
683 // Lazy loading on fp-content (File Picker only)
684 .file-picker .fp-nextpage {
685     clear: both;
687 .file-picker .fp-nextpage .fp-nextpage-loading {
688     display: none;
690 .file-picker .fp-nextpage.loading .fp-nextpage-link {
691     display: none;
693 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
694     display: block;
695     text-align: center;
696     height: 100px;
697     padding-top: 50px;
699 // Select Dialogue (File Picker and File Manager)
700 .fp-select form {
701     padding: 20px 20px 0;
703 .fp-select .fp-select-loading {
704     text-align: center;
705     margin-top: 20px;
707 .fp-select .fp-hr {
708     clear: both;
709     height: 1px;
710     background-color: #FFFFFF;
711     border-bottom: 1px solid #BBBBBB;
712     width: auto;
713     margin: 10px 0;
715 .fp-select table {
716     padding: 0 0 10px;
718 .fp-select table .mdl-right {
719     min-width: 84px;
721 .fp-select .fp-reflist .mdl-right {
722     vertical-align: top;
724 .fp-select .fp-select-buttons {
725     float: right;
727 .fp-select .fp-info {
728     display: block;
729     clear: both;
730     padding: 1px 20px 0;
732 .fp-select .fp-thumbnail {
733     float: left;
734     min-width: 110px;
735     min-height: 110px;
736     line-height: 110px;
737     text-align: center;
738     margin: 10px 20px 0 0;
739     background: #fff;
740     border: 1px solid #ddd;
741     .box-shadow(inset 0 0 10px 0 #ccc);
743 .fp-select .fp-thumbnail img {
744     border: 1px solid #DDDDDD;
745     padding: 3px;
746     vertical-align: middle;
747     margin: 10px;
749 .fp-select .fp-fileinfo {
750     display: inline-block;
751     .ie7-inline-block();
752     margin-top: 10px;
754 .file-picker.fp-select .fp-fileinfo {
755     max-width: 240px;
757 .fp-select .fp-fileinfo div {
758     padding-bottom: 5px;
760 .file-picker.fp-select .uneditable {
761     display: none;
763 .file-picker.fp-select .fp-select-loading {
764     display: none;
766 .file-picker.fp-select.loading .fp-select-loading {
767     display: block;
769 .file-picker.fp-select.loading form {
770     display: none;
772 .fp-select .fp-dimensions.fp-unknown {
773     display: none;
775 // File Manager
776 .filemanager-loading{
777     display: none;
779 .jsenabled .filemanager-loading{
780     display: block;
781     margin-top: 100px;
783 .filemanager.fm-loading .filemanager-toolbar,
784 .filemanager.fm-loading .fp-pathbar,
785 .filemanager.fm-loading .filemanager-container,
786 .filemanager.fm-loaded .filemanager-loading,
787 .filemanager.fm-maxfiles .fp-btn-add,
788 .filemanager.fm-maxfiles .dndupload-message,
789 .filemanager.fm-noitems .fp-btn-download,
790 .filemanager .fm-empty-container,
791 .filemanager.fm-noitems .filemanager-container .fp-content {
792     display: none;
794 .filemanager .filemanager-updating {
795     display: none;
796     text-align: center;
798 .filemanager.fm-updating .filemanager-updating {
799     display: block;
800     margin-top: 37px;
802 .filemanager.fm-updating .fm-content-wrapper,
803 .filemanager.fm-nomkdir .fp-btn-mkdir,
804 .fitem.disabled .filemanager .filemanager-toolbar,
805 .fitem.disabled .filemanager .fp-pathbar,
806 .fitem.disabled .filemanager .fp-restrictions,
807 .fitem.disabled .filemanager .fm-content-wrapper {
808     display: none;
810 // File Manager layout
811 .fp-restrictions{
812     text-align: right;
814 .filemanager .fp-navbar {
815     background: #F2F2F2;
816     border: 1px solid #BBBBBB;
817     border-bottom: none;
819 .filemanager-toolbar{
820     padding: 5px 8px;
821     min-height: 22px;
822     overflow: hidden;
824 .fp-pathbar {
825     border-top: 1px solid #BBBBBB;
826     padding: 5px 8px 1px;
827     min-height: 20px;
829 .filemanager .fp-pathbar.empty {
830     display: none;
832 .filepicker-filelist,
833 .filemanager-container {
834     background: #FFFFFF;
835     clear: both;
836     overflow: auto;
837     border: 1px solid #BBBBBB;
838     min-height: 140px;
839     position: relative;
841 .filemanager .fp-content{
842     overflow: auto;
843     max-height: 472px;
844     min-height: 157px;
846 .filemanager-container,
847 .filepicker-filelist {
848     overflow: hidden;
850 .fitem.disabled .filepicker-filelist,
851 .fitem.disabled .filemanager-container {
852     background-color: #EBEBE4;
854 .fitem.disabled .fp-btn-choose {
855     .muted
857 .fitem.disabled .filepicker-filelist .filepicker-filename {
858     display: none;
860 // Icon view (File Manager only)
861 .fp-iconview .fp-reficons1 {
862     position: absolute;
863     height: 100%;
864     width: 100%;
865     top: 0;
866     left: 0;
867     z-index: 1000;
869 .fp-iconview .fp-reficons2 {
870     position: absolute;
871     height: 100%;
872     width: 100%;
873     top: 0;
874     left: 0;
875     z-index: 1001;
877 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
878     background: url('[[pix:theme|fp/link]]') no-repeat;
879     background-position: bottom right;
881 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
882     background: url('[[pix:theme|fp/alias]]') no-repeat;
883     background-position: bottom left;
885 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
886     display: none;
888 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
889     background: url([[pix:s/dead]]) no-repeat;
890     background-position: center center;
892 // Table view (File Manager only)
893 .filemanager .yui3-datatable table {
894     border: 0 solid #BBBBBB;
895     width: 100%;
897 .filemanager .yui3-datatable-header {
898     background: #FFFFFF!important;
899     border-bottom: 1px solid #CCCCCC!important;
900     border-left: 0 solid #FFFFFF!important;
901     color: #555555!important;
903 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
904     background-color: #F6F6F6!important;
905     border-left: 0 solid #F6F6F6;
907 .filemanager .yui3-datatable-even .yui3-datatable-cell {
908     background-color: #FFFFFF!important;
909     border-left: 0 solid #FFFFFF;
911 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1{
912     background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
913     height: 100%;
914     width: 100%;
915     position: absolute;
916     top: 8px;
917     left: 17px;
918     z-index: 1000;
920 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
921     background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
922     height: 100%;
923     width: 100%;
924     position: absolute;
925     top: 9px;
926     left: -6px;
927     z-index: 1001;
929 // Folder Context Menu (File Manager only)
930 .filemanager .fp-contextmenu {
931     display: none;
933 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
934     display: block;
935     position: absolute;
936     right: 7px;
937     bottom: 5px;
939 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
940 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
941     display: inline;
942     position: absolute;
943     left: 14px;
944     margin-right: -20px;
945     top: 6px;
947 .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
948     left: 7px;
949     right: inherit;
951 .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
952 .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
953     left: inherit;
954     right: 16px;
955     margin-right: 0;
958 // Drag and drop support (filemanager and filepicker form elements)
959 .filepicker-filelist .filepicker-container,
960 .filemanager.fm-noitems .fm-empty-container {
961     display: block;
962     position: absolute;
963     top: 10px;
964     bottom: 10px;
965     left: 10px;
966     right: 10px;
967     border: 2px dashed #BBBBBB;
968     padding-top: 85px;
969     text-align: center;
971 .filepicker-filelist .dndupload-target,
972 .filemanager-container .dndupload-target {
973     background: #FFFFFF;
974     position: absolute;
975     top: 10px;
976     bottom: 10px;
977     left: 10px;
978     right: 10px;
979     border: 2px dashed #fb7979;
980     padding-top: 85px;
981     text-align: center;
982     .box-shadow(0px 0 0 10px #fff);
984 .filepicker-filelist.dndupload-over .dndupload-target,
985 .filemanager-container.dndupload-over .dndupload-target {
986     background: #FFFFFF;
987     position: absolute;
988     top: 10px;
989     bottom: 10px;
990     left: 10px;
991     right: 10px;
992     border: 2px dashed #6c8cd3;
993     padding-top: 85px;
994     text-align: center;
996 .dndupload-message {
997     display: none;
999 .dndsupported .dndupload-message {
1000     display: inline;
1002 .dnduploadnotsupported-message {
1003     display: none;
1005 .dndnotsupported .dnduploadnotsupported-message {
1006     display: inline;
1008 .dndupload-target {
1009     display: none;
1011 .dndsupported .dndupload-ready .dndupload-target {
1012     display: block;
1014 .dndupload-uploadinprogress {
1015     display: none;
1016     text-align: center;
1018 .dndupload-uploading .dndupload-uploadinprogress {
1019     display: block;
1021 .dndupload-arrow {
1022     background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
1023     width: 100%;
1024     height: 80px;
1025     position: absolute;
1026     margin-left: -28px;
1027     top: 5px;
1029 .fitem.disabled .filepicker-container,
1030 .fitem.disabled .fm-empty-container {
1031     display: none;
1033 .dndupload-progressbars {
1034     padding: 10px;
1035     display: none;
1037 .dndupload-inprogress .dndupload-progressbars {
1038     display: block;
1040 .dndupload-inprogress .fp-content {
1041     display: none;
1043 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
1044     display: none;
1046 .filepicker-filelist.dndupload-inprogress .filepicker-container {
1047     display: none;
1049 .filepicker-filelist.dndupload-inprogress a {
1050     display: none;
1052 // Select Dialogue (File Manager only)
1053 .filemanager.fp-select .fp-select-loading {
1054     display: none;
1056 .filemanager.fp-select.loading .fp-select-loading {
1057     display: block;
1059 .filemanager.fp-select.loading form {
1060     display: none;
1062 .filemanager.fp-select.fp-folder .fp-license,
1063 .filemanager.fp-select.fp-folder .fp-author,
1064 .filemanager.fp-select.fp-file .fp-file-unzip,
1065 .filemanager.fp-select.fp-folder .fp-file-unzip,
1066 .filemanager.fp-select.fp-file .fp-file-zip,
1067 .filemanager.fp-select.fp-zip .fp-file-zip {
1068     display: none;
1070 .filemanager.fp-select .fp-file-setmain {
1071     display: none;
1073 .filemanager.fp-select.fp-cansetmain .fp-file-setmain {
1074     display: inline-block;
1075     .ie7-inline-block();
1077 .filemanager .fp-mainfile .fp-filename {
1078     font-weight: bold;
1080 .filemanager.fp-select.fp-folder .fp-file-download {
1081     display: none;
1083 // to be implemented
1084 .fm-operation {
1085     font-weight: bold;
1087 .filemanager.fp-select .fp-original.fp-unknown,
1088 .filemanager.fp-select .fp-original .fp-originloading {
1089     display: none;
1091 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1092     display: inline;
1094 .filemanager.fp-select .fp-reflist.fp-unknown,
1095 .filemanager.fp-select .fp-reflist .fp-reflistloading {
1096     display: none;
1098 .filemanager.fp-select .fp-refcount {
1099     max-width: 265px;
1101 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1102     display: inline;
1104 .filemanager.fp-select .fp-reflist .fp-value {
1105     background: #F9F9F9;
1106     border: 1px solid #BBBBBB;
1107     padding: 8px 7px;
1108     margin: 0;
1109     max-width: 265px;
1110     max-height: 75px;
1111     overflow: auto;
1113 .filemanager.fp-select .fp-reflist .fp-value li {
1114     padding-bottom: 7px;
1116 // Create folder dialogue (File Manager only)
1117 .filemanager.fp-mkdir-dlg {
1118     text-align: center;
1120 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1121     text-align: left;
1122     margin: 20px;
1124 .dir-rtl .filemanager .fp-mkdir-dlg p {
1125     text-align: right;
1127 // Confirm dialogue for delete (File Manager only)
1128 .filemanager.fp-dlg {
1129     text-align: center;
1131 .filemanager.fp-dlg .fp-dlg-text {
1132     padding: 0 10px;
1133     min-width: 200px;
1134     max-width: 340px;
1135     max-height: 300px;
1136     overflow: auto;
1137     line-height: 22px;
1138     margin: 40px 20px 20px;
1139     font-size: 12px;
1141 // file picker search dialog
1142 .file-picker div.bd {
1143     text-align: left;
1145 // RTL Overrides
1146 .dir-rtl .file-picker div.bd,
1147 .dir-rtl .file-picker .fp-pathbar,
1148 .dir-rtl .file-picker .fp-list,
1149 .dir-rtl #filemenu .yuimenuitemlabel,
1150 .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {
1151     text-align: right;
1153 .dir-rtl .filepicker .yui-layout-unit-left {
1154     left: 500px;
1156 .dir-rtl .filepicker .yui-layout-unit-center {
1157     left: 0;