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