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