MDL-55452 stylelint: prevent use of !important
[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: #555555;
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 #BBBBBB;
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=#FFFFFF, 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: 0px;
81 }
83 // File Picker layout
84 #filesskin .file-picker.fp-generallayout {
85     width: 859px;
86     background: #FFFFFF;
87     .border-radius(10px);
88     border: 1px solid #CCCCCC;
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 #BBBBBB;
99 }
100 .dir-rtl .file-picker .fp-repo-area {
101     border-left: 1px solid #BBBBBB;
102     border-right: none;
103     float: right;
105 .file-picker .fp-repo-items {
106     float: none;
107     width: auto;
108     margin-left: 181px;
110 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
111     margin-left: 0px;
112     margin-right: 0px;
113     float: left;
115 .dir-rtl .file-picker .fp-repo-items {
116     margin-left: 0px;
117     margin-right: 181px;
119 .dir-rtl .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
120     margin-left: 0px;
121     margin-right: 0px;
122     float: right;
124 .file-picker .fp-navbar {
125     background: #F2F2F2;
126     border-bottom: 1px solid #BBBBBB;
127     min-height: 40px;
128     overflow: hidden;
130 .file-picker .fp-navbar .fp-viewbar {
131     margin: 4px;
134 .file-picker .fp-content {
135     background: #FFFFFF;
136     clear: none;
137     overflow: auto;
138     height: 452px;
140 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
141     width: 100%;
143 .file-picker .fp-content-loading {
144     height: 100%;
145     width: 100%;
146     display: table;
147     text-align: center;
149 .file-picker .fp-content .fp-object-container {
150     width: 98%;
151     height: 98%;
153 .dir-rtl .file-picker .fp-list {
154     text-align: right;
156 .dir-rtl .file-picker .fp-toolbar {
157     padding: 4px;
159 .dir-rtl .file-picker .fp-list {
160     text-align: right;
162 .dir-rtl .file-picker .fp-repo-name {
163     display: inline;
165 .dir-rtl .file-picker .fp-pathbar {
166     text-align: right;
167     display: block;
168     border-top: none;
170 .dir-rtl .file-picker div.bd {
171     text-align: right;
173 .dir-rtl #filemenu .yuimenuitemlabel {
174     text-align: right;
176 .dir-rtl .filepicker .yui-layout-unit-left {
177     left: 500px;
179 .dir-rtl .filepicker .yui-layout-unit-center {
180     left: 0;
182 // File Manager
183 .dir-rtl .filemanager-toolbar a {
184     padding: 0;
186 // Repositories on fp-repo-area (File Picker only)
187 .file-picker .fp-list {
188     list-style-type: none;
189     padding: 0;
190     float: left;
191     width: 100%;
192     margin: 0;
194 .dir-rtl .file-picker .fp-list {
195     text-align: right;
196     float: left;
198 .file-picker .fp-list .fp-repo a {
199     display: block;
200     padding: .5em .7em;
202 .file-picker .fp-list .fp-repo.active {
203     background: #F2F2F2;
205 .file-picker .fp-list .fp-repo-icon {
206     padding: 0 7px 0 5px;
207     width: 16px;
208     height: 16px;
210 // Tools, Path & View on fp-navbar (File Picker and File Manager)
211 .fp-toolbar {
212     float: left;
214 .dir-rtl .fp-toolbar {
215     float: right;
217 .fp-toolbar.empty {
218     display: none;
220 .dir-rtl .fp-toolbar div.disabled,
221 .fp-toolbar .disabled {
222     display: none;
224 .fp-toolbar div {
225     display: block;
226     float: left;
227     margin-right: 4px;
229 .dir-rtl .fp-toolbar div {
230     display: block;
231     float: right;
232     margin-left: 4px;
233     margin-right: 0px;
235 .fp-toolbar img {
236     vertical-align: -15%;
237     margin-right: 5px;
239 .fp-toolbar .fp-tb-search {
240     width: 235px;
241     height: 27px;
243 .fp-toolbar .fp-tb-search input {
244     background: #FFFFFF url('[[pix:a/search]]') no-repeat 7px 7px;
245     padding: 2px 6px 1px 27px;
246     width: 200px;
247     height: 27px;
248     border: 1px solid #BBBBBB;
250 .fp-viewbar {
251     float: right;
252     height: 30px;
253     border: 1px solid #CCC;
254     border-bottom: 1px solid #B3B3B3;
255     border-radius: 4px;
256     background: white;
258 .fp-repo-items fp-viewbar {
259     margin: 4px;
261 .dir-rtl .fp-toolbar img {
262     vertical-align: -35%;
264 .dir-rtl .fp-viewbar {
265     float: left;
268 .fp-viewbar a {
269     width: 30px;
270     height: 30px;
271     border-right: 1px solid #CCC;
272     display: block;
273     float: left;
275 .fp-viewbar a.checked:hover,
276 .fp-viewbar a:hover {
277     background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
278     background-color: #ebebeb;
281 .fp-viewbar a.checked,
282 .fp-viewbar a:active {
283     background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
284     background-color: #dfdfdf;
287 .fp-viewbar a.fp-vb-icons {
288     border-radius: 4px 0 0 4px;
290 .fp-viewbar a.fp-vb-tree {
291     border-right: 0;
292     border-radius: 0 4px 4px 0;
294 .fp-viewbar a img {
295     margin: 7px;
298 .fp-viewbar.disabled a {
299     opacity: .45;
300     background: none;
301     cursor: default;
304 .file-picker .fp-clear-left {
305     clear: left;
307 // over ride hover rule from core.css
308 .dir-rtl .fp-vb-details a:hover {
309     background: none;
310     border: 20px solid black;
312 .dir-rtl .fp-vb-details.checked a:hover {
313     background: none;
314     border: 40px solid black;
316 .dir-rtl .fp-vb-tree a:hover {
317     background: none;
318     border: 30px solid black;
320 .dir-rtl .fp-vb-tree.checked a:hover {
321     background: none;
322     border: 50px solid black;
324 .file-picker .fp-pathbar {
325     display: table-row;
327 .fp-pathbar.empty {
328     display: none;
330 .fp-pathbar .fp-path-folder {
331     background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;
332     width: 27px;
333     height: 12px;
334     margin-left: 4px;
336 .dir-rtl .fp-pathbar .fp-path-folder {
337     background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;
338     width: auto;
339     height: 12px;
340     margin-left: 4px;
342 .dir-rtl .fp-pathbar span {
343     display: inline-block;
344     .ie7-inline-block();
345     float: right;
346     margin-left: 32px;
348 .fp-pathbar .fp-path-folder-name {
349     margin-left: 32px;
350     line-height: 20px;
352 .dir-rtl .fp-pathbar .fp-path-folder-name {
353     margin-right: 32px;
354     line-height: 20px;
356 // Icon view (File Picker and File Manager)
357 .fp-iconview .fp-file {
358     float: left;
359     text-align: center;
360     position: relative;
361     margin: 10px 10px 35px;
363 .fp-iconview .fp-thumbnail {
364     min-width: 110px;
365     min-height: 110px;
366     line-height: 110px;
367     text-align: center;
368     border: 1px solid #FFFFFF;
369     display: block;
371 .fp-iconview .fp-thumbnail img {
372     border: 1px solid #ddd;
373     padding: 3px;
374     vertical-align: middle;
375     .box-shadow(1px 1px 2px 0 #ccc);
377 .fp-iconview .fp-thumbnail:hover {
378     background: #fff;
379     border: 1px solid #ddd;
380     .box-shadow(inset 0 0 10px 0px #ccc);
382 .fp-iconview .fp-filename-field {
383     height: 33px;
384     word-wrap: break-word;
385     overflow: hidden;
386     position: absolute;
388 .fp-iconview .fp-filename-field:hover {
389     overflow: visible;
390     z-index: 1000;
392 .fp-iconview .fp-filename-field .fp-filename {
393     background: #FFFFFF;
394     padding-top: 5px;
395     padding-bottom: 12px;
396     min-width: 112px;
398 .dir-rtl .fp-iconview .fp-file {
399     float: right;
401 // Table view (File Picker only)
402 .file-picker .yui3-datatable table {
403     border: 0 solid #BBBBBB;
404     width: 100%;
406 #filesskin .file-picker .yui3-datatable-header {
407     background: #FFFFFF;
408     border-bottom: 1px solid #CCCCCC;
409     border-left: 0 solid #FFFFFF;
410     color: #555555;
412 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
413     background-color: #F6F6F6;
414     border-left: 0 solid #F6F6F6;
416 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
417     background-color: #FFFFFF;
418     border-left: 0 solid #FFFFFF;
420 .dir-rtl .file-picker .yui3-datatable-header {
421     text-align: right;
423 // Tree view (File Manager only)
425 // first or middle sibling, no children
426 .file-picker .ygtvtn,
427 .filemanager .ygtvtn {
428     background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
429     width: 17px;
430     height: 22px;
432 .dir-rtl .filemanager .ygtvtn,
433 .dir-rtl .file-picker .ygtvtn {
434     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
435     width: 17px;
436     height: 22px;
438 // first or middle sibling, collapsable
439 .file-picker .ygtvtm,
440 .filemanager .ygtvtm {
441     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
442     width: 13px;
443     height: 12px;
444     cursor: pointer;
446 // first or middle sibling, collapsable, hover
447 .file-picker .ygtvtmh,
448 .filemanager .ygtvtmh {
449     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
450     width: 13px;
451     height: 12px;
452     cursor: pointer;
454 // first or middle sibling, expandable
455 .file-picker .ygtvtp,
456 .filemanager .ygtvtp {
457     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
458     width: 13px;
459     height: 12px;
460     cursor: pointer;
462 .dir-rtl .file-picker .ygtvtp,
463 .dir-rtl .filemanager .ygtvtp {
464     background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
466 // first or middle sibling, expandable, hover
467 .file-picker .ygtvtph,
468 .filemanager .ygtvtph {
469     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
470     width: 13px;
471     height: 22px;
472     cursor: pointer;
474 .dir-rtl .file-picker .ygtvtph,
475 .dir-rtl .filemanager .ygtvtph {
476     background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
478 // last sibling, no children
479 .file-picker .ygtvln,
480 .filemanager .ygtvln {
481     background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
482     width: 17px;
483     height: 22px;
485 .dir-rtl .file-picker .ygtvln,
486 .dir-rtl .filemanager .ygtvln {
487     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
489 // Last sibling, collapsable
490 .file-picker .ygtvlm,
491 .filemanager .ygtvlm {
492     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
493     width: 13px;
494     height: 12px;
495     cursor: pointer;
497 // Last sibling, collapsable, hover
498 .file-picker .ygtvlmh,
499 .filemanager .ygtvlmh {
500     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
501     width: 13px;
502     height: 12px;
503     cursor: pointer;
505 // Last sibling, expandable
506 .file-picker .ygtvlp,
507 .filemanager .ygtvlp {
508     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
509     width: 13px;
510     height: 12px;
511     cursor: pointer;
513 .dir-rtl .file-picker .ygtvlp,
514 .dir-rtl .filemanager .ygtvlp {
515     background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
517 // Last sibling, expandable, hover
518 .file-picker .ygtvlph,
519 .filemanager .ygtvlph {
520     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
521     width: 13px;
522     height: 12px;
523     cursor: pointer;
525 .dir-rtl .file-picker .ygtvlph,
526 .dir-rtl .filemanager .ygtvlph {
527     background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
529 // Loading icon
530 .file-picker .ygtvloading,
531 .filemanager .ygtvloading {
532     background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
533     width: 16px;
534     height: 22px;
536 // the style for the empty cells that are used for rendering the depth of the node
537 .file-picker .ygtvdepthcell,
538 .filemanager .ygtvdepthcell {
539     background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
540     width: 17px;
541     height: 32px;
543 .file-picker .ygtvblankdepthcell,
544 .filemanager .ygtvblankdepthcell {
545     width: 17px;
546     height: 22px;
548 a.ygtvspacer:hover {
549     color: transparent;
550     text-decoration: none;
552 .ygtvlabel,
553 .ygtvlabel:link,
554 .ygtvlabel:visited,
555 .ygtvlabel:hover {
556     background-color: transparent;
557     cursor: pointer;
558     margin-left: 2px;
559     text-decoration: none;
561 .file-picker .ygtvfocus,
562 .filemanager .ygtvfocus {
563     background-color: #EEEEEE;
565 .fp-filename-icon {
566     margin-top: 10px;
567     display: block;
568     position: relative;
570 .fp-icon {
571     float: left;
572     margin-top: -7px;
573     width: 24px;
574     height: 24px;
575     margin-right: 10px;
576     text-align: center;
577     line-height: 24px;
579 .dir-rtl .fp-icon {
580     float: right;
581     margin-left: 10px;
582     margin-right: 0;
584 .fp-icon img {
585     max-height: 24px;
586     max-width: 24px;
587     vertical-align: middle;
589 .fp-filename {
590     padding-right: 10px;
592 .dir-rtl .fp-filename {
593     padding-left: 10px;
594     padding-right: 0;
596 // Repositories Login on fp-content (File Picker only)
598 .file-picker .fp-login-form {
599     height: 100%;
600     width: 100%;
601     display: table;
603 .file-picker .fp-login-form table {
604     margin: 0 auto;
606 .file-picker .fp-login-form p {
607     text-align: center;
608     margin-top: 3em;
610 .file-picker .fp-login-form .fp-login-input label {
611     text-align: right;
612     display: block;
614 .file-picker .fp-login-form .fp-login-input .input {
615     text-align: left;
617 .file-picker .fp-login-form input[type="checkbox"] {
618     width: 15px;
619     height: 15px;
621 // Upload on fp-content (File Picker only)
622 .file-picker .fp-upload-form {
623     height: 100%;
624     width: 100%;
625     display: table;
627 .file-picker .fp-upload-form table {
628     margin: 0 auto;
630 // File exists dialogue on Upload (File Picker only)
631 .file-picker.fp-dlg {
632     text-align: center;
634 .file-picker.fp-dlg .fp-dlg-text {
635     padding: 30px 20px 10px;
636     font-size: 12px;
638 .file-picker.fp-dlg .fp-dlg-buttons {
639     margin: 0 20px;
641 // Error dialogue on Upload (File Picker only)
642 .file-picker.fp-msg {
643     text-align: center;
645 .file-picker.fp-msg .fp-msg-text {
646     padding: 40px 20px 10px 20px;
647     min-width: 200px;
648     max-width: 500px;
649     max-height: 300px;
650     overflow: auto;
651     font-size: 12px;
653 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
654     padding: 40px 20px 10px 20px;
655     font-size: 12px;
657 // Error on fp-content (File Picker only)
658 .file-picker .fp-content-error {
659     height: 100%;
660     width: 100%;
661     display: table;
662     text-align: center;
664 .file-picker .fp-content-error .fp-error {
665     height: 100%;
666     width: 100%;
667     display: table-cell;
668     vertical-align: middle;
669     padding: 40px 20px 10px 20px;
670     font-size: 12px;
672 // Lazy loading on fp-content (File Picker only)
673 .file-picker .fp-nextpage {
674     clear: both;
676 .file-picker .fp-nextpage .fp-nextpage-loading {
677     display: none;
679 .file-picker .fp-nextpage.loading .fp-nextpage-link {
680     display: none;
682 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
683     display: block;
684     text-align: center;
685     height: 100px;
686     padding-top: 50px;
688 // Select Dialogue (File Picker and File Manager)
689 .fp-select form {
690     padding: 20px 20px 0;
692 .fp-select .fp-select-loading {
693     text-align: center;
694     margin-top: 20px;
696 .fp-select .fp-hr {
697     clear: both;
698     height: 1px;
699     background-color: #FFFFFF;
700     border-bottom: 1px solid #BBBBBB;
701     width: auto;
702     margin: 10px 0;
704 .fp-select table {
705     padding: 0 0 10px;
707 .fp-select table .mdl-right {
708     min-width: 84px;
710 .fp-select .fp-reflist .mdl-right {
711     vertical-align: top;
713 .fp-select .fp-select-buttons {
714     float: right;
716 .fp-select .fp-info {
717     display: block;
718     clear: both;
719     padding: 1px 20px 0;
721 .fp-select .fp-thumbnail {
722     float: left;
723     min-width: 110px;
724     min-height: 110px;
725     line-height: 110px;
726     text-align: center;
727     margin: 10px 20px 0 0;
728     background: #fff;
729     border: 1px solid #ddd;
730     .box-shadow(inset 0 0 10px 0 #ccc);
732 .fp-select .fp-thumbnail img {
733     border: 1px solid #DDDDDD;
734     padding: 3px;
735     vertical-align: middle;
736     margin: 10px;
738 .fp-select .fp-fileinfo {
739     display: inline-block;
740     .ie7-inline-block();
741     margin-top: 10px;
743 .file-picker.fp-select .fp-fileinfo {
744     max-width: 240px;
746 .fp-select .fp-fileinfo div {
747     padding-bottom: 5px;
749 .file-picker.fp-select .uneditable {
750     display: none;
752 .file-picker.fp-select .fp-select-loading {
753     display: none;
755 .file-picker.fp-select.loading .fp-select-loading {
756     display: block;
758 .file-picker.fp-select.loading form {
759     display: none;
761 .fp-select .fp-dimensions.fp-unknown {
762     display: none;
764 .fp-select .fp-size.fp-unknown {
765     display: none;
767 // File Manager
768 .filemanager-loading {
769     display: none;
771 .jsenabled .filemanager-loading {
772     display: block;
773     margin-top: 100px;
775 .filemanager.fm-loading .filemanager-toolbar,
776 .filemanager.fm-loading .fp-pathbar,
777 .filemanager.fm-loading .filemanager-container,
778 .filemanager.fm-loaded .filemanager-loading,
779 .filemanager.fm-maxfiles .fp-btn-add,
780 .filemanager.fm-maxfiles .dndupload-message,
781 .filemanager.fm-noitems .fp-btn-download,
782 .filemanager .fm-empty-container,
783 .filemanager.fm-noitems .filemanager-container .fp-content {
784     display: none;
786 .filemanager .fp-img-downloading {
787     display: none;
788     padding-top: 7px;
790 .filemanager .filemanager-updating {
791     display: none;
792     text-align: center;
794 .filemanager.fm-updating .filemanager-updating {
795     display: block;
796     margin-top: 37px;
798 .filemanager.fm-updating .fm-content-wrapper,
799 .filemanager.fm-nomkdir .fp-btn-mkdir,
800 .fitem.disabled .filemanager .filemanager-toolbar,
801 .fitem.disabled .filemanager .fp-pathbar,
802 .fitem.disabled .filemanager .fp-restrictions,
803 .fitem.disabled .filemanager .fm-content-wrapper {
804     display: none;
806 // File Manager layout
807 .filemanager {
808     .fp-restrictions {
809         text-align: right;
810     }
812 .filemanager .fp-navbar {
813     background: #F2F2F2;
814     border: 1px solid #BBBBBB;
815     border-bottom: none;
817 .filemanager-toolbar {
818     padding: 4px;
819     overflow: hidden;
821 .fp-pathbar {
822     border-top: 1px solid #BBBBBB;
823     padding: 5px 8px 1px;
824     min-height: 20px;
827 .file-picker .fp-toolbar {
828     padding: 4px;
831 .fp-toolbar .fp-btn-add,
832 .fp-toolbar .fp-btn-download,
833 .fp-toolbar .fp-btn-mkdir,
834 .fp-toolbar .fp-tb-help,
835 .fp-toolbar .fp-tb-manage,
836 .fp-toolbar .fp-tb-logout,
837 .fp-toolbar .fp-tb-refresh {
838     border: 1px solid #CCC;
839     border-bottom: 1px solid #B3B3B3;
840     border-radius: 4px;
841     background: white;
842     width: 30px;
843     height: 30px;
846 .fp-toolbar a:hover {
847     background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
848     background-color: #ebebeb;
851 .fp-toolbar a:active {
852     background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
853     background-color: #dfdfdf;
856 .fp-btn-add a,
857 .fp-btn-download a,
858 .fp-btn-mkdir a,
859 .fp-tb-help a,
860 .fp-tb-manage a,
861 .fp-tb-logout a,
862 .fp-tb-refresh a {
863     display: block;
864     width: 30px;
865     height: 30px;
866     border-radius: 4px;
869 .fp-btn-add img,
870 .fp-btn-download img,
871 .fp-btn-mkdir img,
872 .fp-tb-help img,
873 .fp-tb-manage img,
874 .fp-tb-logout img,
875 .fp-tb-refresh img {
876     margin: 7px;
879 .filemanager .fp-pathbar.empty {
880     display: none;
882 .filepicker-filelist,
883 .filemanager-container {
884     background: #FFFFFF;
885     clear: both;
886     overflow: auto;
887     border: 1px solid #BBBBBB;
888     min-height: 140px;
889     position: relative;
891 .filemanager .fp-content {
892     overflow: auto;
893     max-height: 472px;
894     min-height: 157px;
896 .filemanager-container,
897 .filepicker-filelist {
898     overflow: hidden;
900 .fitem.disabled .filepicker-filelist,
901 .fitem.disabled .filemanager-container {
902     background-color: #EBEBE4;
904 .fitem.disabled .fp-btn-choose {
905     .muted
907 .fitem.disabled .filepicker-filelist .filepicker-filename {
908     display: none;
910 // Icon view (File Manager only)
911 .fp-iconview .fp-reficons1 {
912     position: absolute;
913     height: 100%;
914     width: 100%;
915     top: 0;
916     left: 0;
918 .fp-iconview .fp-reficons2 {
919     position: absolute;
920     height: 100%;
921     width: 100%;
922     top: 0;
923     left: 0;
925 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
926     background: url('[[pix:theme|fp/link]]') no-repeat;
927     background-position: bottom right;
929 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
930     background: url('[[pix:theme|fp/alias]]') no-repeat;
931     background-position: bottom left;
933 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
934     display: none;
936 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
937     background: url([[pix:s/dead]]) no-repeat;
938     background-position: center center;
940 // Table view (File Manager only)
941 .filemanager .yui3-datatable table {
942     border: 0 solid #BBBBBB;
943     width: 100%;
945 .filemanager .yui3-datatable-header {
946     background: #FFFFFF !important;
947     border-bottom: 1px solid #CCCCCC !important;
948     border-left: 0 solid #FFFFFF !important;
949     color: #555555 !important;
951 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
952     background-color: #F6F6F6 !important;
953     border-left: 0 solid #F6F6F6;
955 .filemanager .yui3-datatable-even .yui3-datatable-cell {
956     background-color: #FFFFFF !important;
957     border-left: 0 solid #FFFFFF;
959 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
960     background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
961     height: 100%;
962     width: 100%;
963     position: absolute;
964     top: 8px;
965     left: 17px;
966     z-index: 1000;
968 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
969     background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
970     height: 100%;
971     width: 100%;
972     position: absolute;
973     top: 9px;
974     left: -6px;
975     z-index: 1001;
977 // Folder Context Menu (File Manager only)
978 .filemanager .fp-contextmenu {
979     display: none;
981 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
982     display: block;
983     position: absolute;
984     right: 7px;
985     bottom: 5px;
987 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
988 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
989     display: inline;
990     position: absolute;
991     left: 14px;
992     margin-right: -20px;
993     top: 6px;
995 .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
996     left: 7px;
997     right: inherit;
999 .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
1000 .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1001     left: inherit;
1002     right: 16px;
1003     margin-right: 0;
1006 // Drag and drop support (filemanager and filepicker form elements)
1007 .filepicker-filelist .filepicker-container,
1008 .filemanager.fm-noitems .fm-empty-container {
1009     display: block;
1010     position: absolute;
1011     top: 10px;
1012     bottom: 10px;
1013     left: 10px;
1014     right: 10px;
1015     border: 2px dashed #BBBBBB;
1016     padding-top: 85px;
1017     text-align: center;
1019 .filepicker-filelist .dndupload-target,
1020 .filemanager-container .dndupload-target {
1021     background: #FFFFFF;
1022     position: absolute;
1023     top: 10px;
1024     bottom: 10px;
1025     left: 10px;
1026     right: 10px;
1027     border: 2px dashed #fb7979;
1028     padding-top: 85px;
1029     text-align: center;
1030     .box-shadow(0px 0 0 10px #fff);
1032 .filepicker-filelist.dndupload-over .dndupload-target,
1033 .filemanager-container.dndupload-over .dndupload-target {
1034     background: #FFFFFF;
1035     position: absolute;
1036     top: 10px;
1037     bottom: 10px;
1038     left: 10px;
1039     right: 10px;
1040     border: 2px dashed #6c8cd3;
1041     padding-top: 85px;
1042     text-align: center;
1044 .dndupload-message {
1045     display: none;
1047 .dndsupported .dndupload-message {
1048     display: inline;
1050 .dnduploadnotsupported-message {
1051     display: none;
1053 .dndnotsupported .dnduploadnotsupported-message {
1054     display: inline;
1056 .dndupload-target {
1057     display: none;
1059 .dndsupported .dndupload-ready .dndupload-target {
1060     display: block;
1062 .dndupload-uploadinprogress {
1063     display: none;
1064     text-align: center;
1066 .dndupload-uploading .dndupload-uploadinprogress {
1067     display: block;
1069 .dndupload-arrow {
1070     background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
1071     width: 100%;
1072     height: 80px;
1073     position: absolute;
1074     top: 5px;
1076 .fitem.disabled .filepicker-container,
1077 .fitem.disabled .fm-empty-container {
1078     display: none;
1080 .dndupload-progressbars {
1081     padding: 10px;
1082     display: none;
1084 .dndupload-inprogress .dndupload-progressbars {
1085     display: block;
1087 .dndupload-inprogress .fp-content {
1088     display: none;
1090 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
1091     display: none;
1093 .filepicker-filelist.dndupload-inprogress .filepicker-container {
1094     display: none;
1096 .filepicker-filelist.dndupload-inprogress a {
1097     display: none;
1099 // Select Dialogue (File Manager only)
1100 .filemanager.fp-select .fp-select-loading {
1101     display: none;
1103 .filemanager.fp-select.loading .fp-select-loading {
1104     display: block;
1106 .filemanager.fp-select.loading form {
1107     display: none;
1109 .filemanager.fp-select.fp-folder .fp-license,
1110 .filemanager.fp-select.fp-folder .fp-author,
1111 .filemanager.fp-select.fp-file .fp-file-unzip,
1112 .filemanager.fp-select.fp-folder .fp-file-unzip,
1113 .filemanager.fp-select.fp-file .fp-file-zip,
1114 .filemanager.fp-select.fp-zip .fp-file-zip {
1115     display: none;
1117 .filemanager.fp-select .fp-file-setmain,
1118 .filemanager.fp-select .fp-file-setmain-help {
1119     display: none;
1121 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1122 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
1123     display: inline-block;
1124     .ie7-inline-block();
1126 .filemanager .fp-mainfile .fp-filename {
1127     font-weight: bold;
1129 .filemanager.fp-select.fp-folder .fp-file-download {
1130     display: none;
1132 // to be implemented
1133 .fm-operation {
1134     font-weight: bold;
1136 .filemanager.fp-select .fp-original.fp-unknown,
1137 .filemanager.fp-select .fp-original .fp-originloading {
1138     display: none;
1140 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1141     display: inline;
1143 .filemanager.fp-select .fp-reflist.fp-unknown,
1144 .filemanager.fp-select .fp-reflist .fp-reflistloading {
1145     display: none;
1147 .filemanager.fp-select .fp-refcount {
1148     max-width: 265px;
1150 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1151     display: inline;
1153 .filemanager.fp-select .fp-reflist .fp-value {
1154     background: #F9F9F9;
1155     border: 1px solid #BBBBBB;
1156     padding: 8px 7px;
1157     margin: 0;
1158     max-width: 265px;
1159     max-height: 75px;
1160     overflow: auto;
1162 .filemanager.fp-select .fp-reflist .fp-value li {
1163     padding-bottom: 7px;
1165 // Create folder dialogue (File Manager only)
1166 .filemanager.fp-mkdir-dlg {
1167     text-align: center;
1169 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1170     text-align: left;
1171     margin: 20px;
1173 .dir-rtl .filemanager .fp-mkdir-dlg p {
1174     text-align: right;
1176 // Confirm dialogue for delete (File Manager only)
1177 .filemanager.fp-dlg {
1178     text-align: center;
1180 .filemanager.fp-dlg .fp-dlg-text {
1181     padding: 0 10px;
1182     min-width: 200px;
1183     max-width: 340px;
1184     max-height: 300px;
1185     overflow: auto;
1186     line-height: 22px;
1187     margin: 40px 20px 20px;
1188     font-size: 12px;
1190 // file picker search dialog
1191 .file-picker div.bd {
1192     text-align: left;
1195 // RTL Overrides
1196 .dir-rtl {
1197     .filemanager {
1198         .fp-restrictions {
1199             text-align: left;
1200         }
1201     }
1202     .file-picker div.bd,
1203     .file-picker .fp-pathbar,
1204     .file-picker .fp-list,
1205     #filemenu .yuimenuitemlabel,
1206     .filemanager-container .yui3-skin-sam .yui3-datatable-header {
1207         text-align: right;
1208     }
1209     .filepicker {
1210         .yui-layout-unit-left {
1211             left: 500px;
1212         }
1213         .yui-layout-unit-center {
1214             left: 0;
1215         }
1216     }
1217     .file-picker .fp-toolbar {
1218         .fp-tb-search input {
1219             background-position: 208px 7px;
1220             padding: 2px 30px 1px 3px;
1221         }
1222         div {
1223             float: right;
1224             margin-left: 4px;
1225         }
1226     }
1228 // Upload form for file picker.
1229 .fp-formset {
1230     max-width: 500px;
1231     padding: 10px;
1232     input[type="file"] {
1233         line-height: inherit;
1234     }
1236 .fp-forminset {
1237     max-width: 400px;
1238     padding: 0 10px;
1239     .control-group.control-radio {
1240         margin-bottom: 0;
1241     }
1242     .control-group {
1243         label.control-label {
1244             width: 105px;
1245         }
1246         label.control-radio {
1247             float: right;
1248             text-align: left;
1249             width: 215px;
1250         }
1251         .controls {
1252             margin-left: 125px;
1253             select {
1254                 width: 100%;
1255             }
1256         }
1257         .controls.control-radio input {
1258             margin-top: 3px;
1259         }
1260     }
1261     .fp-select-buttons {
1262         float: none;
1263     }
1264     input[type="text"] {
1265         width: 228px;
1266     }
1269 .fp-fileinfo .fp-value {
1270     display: inline-block;
1271     padding-left: 5px;
1274 .dir-rtl .fp-forminset {
1275     max-width: 400px;
1276     .control-group {
1277         label.control-label {
1278             float: right;
1279             text-align: left;
1280         }
1281         label.control-radio {
1282             float: left;
1283             text-align: right;
1284             width: 215px;
1285         }
1286         .controls {
1287             margin-left: 0;
1288             margin-right: 125px;
1289         }
1290     }
1291     .fp-select-buttons {
1292         float: left;
1293     }
1294     input[type="text"] {
1295         width: 228px;
1296     }
1299 .dir-rtl .fp-fileinfo .fp-value {
1300     display: inline-block;
1301     padding-right: 5px;
1303 .dir-rtl .fp-select .fp-thumbnail {
1304     margin: 10px 0 0 0px;
1307 .dir-rtl .filepicker .fp-formset {
1308     label {
1309         float: right;
1310         text-align: left;
1311     }
1312     .controls {
1313         margin-left: 0;
1314         text-align: right;
1315     }