MDL-55452 stylelint: prevent use of !important
[moodle.git] / theme / bootstrapbase / less / moodle / filemanager.less
CommitLineData
eb695207 1/* stylelint-disable declaration-no-important */
d3a93557 2// File Picker and File Manager
8903b17b
BB
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}
db314fc8
SH
19.filemanager .fp-license,
20.file-picker .fp-setlicense {
141d7a3f
SH
21 td {
22 max-width: 265px;
23 }
24 select {
25 max-width: 100%;
26 }
db314fc8 27}
8903b17b
BB
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}
d61c96b6 72
ef56323c
BB
73.moodle-dialogue h3 {
74 font-size: 14px;
75 margin: 0;
76 line-height: 20px;
77}
78
d3a93557 79.moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
d61c96b6
DW
80 padding: 0px;
81}
f6a4357e 82
8903b17b
BB
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();
d61c96b6
DW
96 float: left;
97 height: 525px;
8903b17b 98 border-right: 1px solid #BBBBBB;
8903b17b
BB
99}
100.dir-rtl .file-picker .fp-repo-area {
101 border-left: 1px solid #BBBBBB;
102 border-right: none;
d61c96b6 103 float: right;
8903b17b
BB
104}
105.file-picker .fp-repo-items {
b993411d
JC
106 float: none;
107 width: auto;
418b9328 108 margin-left: 181px;
b993411d
JC
109}
110.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
111 margin-left: 0px;
418b9328 112 margin-right: 0px;
d61c96b6 113 float: left;
d61c96b6
DW
114}
115.dir-rtl .file-picker .fp-repo-items {
b993411d 116 margin-left: 0px;
418b9328 117 margin-right: 181px;
b993411d
JC
118}
119.dir-rtl .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
120 margin-left: 0px;
418b9328 121 margin-right: 0px;
d61c96b6 122 float: right;
8903b17b
BB
123}
124.file-picker .fp-navbar {
125 background: #F2F2F2;
8903b17b 126 border-bottom: 1px solid #BBBBBB;
525d094a 127 min-height: 40px;
b993411d 128 overflow: hidden;
8903b17b 129}
f57697d4 130.file-picker .fp-navbar .fp-viewbar {
525d094a 131 margin: 4px;
f57697d4
JF
132}
133
8903b17b
BB
134.file-picker .fp-content {
135 background: #FFFFFF;
b993411d 136 clear: none;
8903b17b 137 overflow: auto;
525d094a 138 height: 452px;
d61c96b6
DW
139}
140.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
141 width: 100%;
8903b17b 142}
8903b17b
BB
143.file-picker .fp-content-loading {
144 height: 100%;
145 width: 100%;
146 display: table;
147 text-align: center;
148}
149.file-picker .fp-content .fp-object-container {
150 width: 98%;
151 height: 98%;
152}
153.dir-rtl .file-picker .fp-list {
154 text-align: right;
155}
156.dir-rtl .file-picker .fp-toolbar {
525d094a 157 padding: 4px;
8903b17b
BB
158}
159.dir-rtl .file-picker .fp-list {
160 text-align: right;
161}
162.dir-rtl .file-picker .fp-repo-name {
163 display: inline;
164}
165.dir-rtl .file-picker .fp-pathbar {
166 text-align: right;
167 display: block;
168 border-top: none;
169}
170.dir-rtl .file-picker div.bd {
171 text-align: right;
172}
173.dir-rtl #filemenu .yuimenuitemlabel {
174 text-align: right;
175}
176.dir-rtl .filepicker .yui-layout-unit-left {
177 left: 500px;
178}
179.dir-rtl .filepicker .yui-layout-unit-center {
180 left: 0;
181}
182// File Manager
183.dir-rtl .filemanager-toolbar a {
184 padding: 0;
185}
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;
193}
194.dir-rtl .file-picker .fp-list {
195 text-align: right;
196 float: left;
197}
198.file-picker .fp-list .fp-repo a {
199 display: block;
200 padding: .5em .7em;
201}
202.file-picker .fp-list .fp-repo.active {
203 background: #F2F2F2;
204}
205.file-picker .fp-list .fp-repo-icon {
206 padding: 0 7px 0 5px;
4bbacb86 207 width: 16px;
208 height: 16px;
8903b17b
BB
209}
210// Tools, Path & View on fp-navbar (File Picker and File Manager)
211.fp-toolbar {
8903b17b
BB
212 float: left;
213}
214.dir-rtl .fp-toolbar {
215 float: right;
216}
217.fp-toolbar.empty {
218 display: none;
219}
98719c48 220.dir-rtl .fp-toolbar div.disabled,
8903b17b
BB
221.fp-toolbar .disabled {
222 display: none;
223}
224.fp-toolbar div {
f57697d4
JF
225 display: block;
226 float: left;
525d094a 227 margin-right: 4px;
8903b17b
BB
228}
229.dir-rtl .fp-toolbar div {
f57697d4
JF
230 display: block;
231 float: right;
525d094a 232 margin-left: 4px;
98719c48 233 margin-right: 0px;
8903b17b
BB
234}
235.fp-toolbar img {
236 vertical-align: -15%;
237 margin-right: 5px;
238}
239.fp-toolbar .fp-tb-search {
98719c48
JF
240 width: 235px;
241 height: 27px;
8903b17b
BB
242}
243.fp-toolbar .fp-tb-search input {
98719c48
JF
244 background: #FFFFFF url('[[pix:a/search]]') no-repeat 7px 7px;
245 padding: 2px 6px 1px 27px;
8903b17b 246 width: 200px;
98719c48 247 height: 27px;
8903b17b
BB
248 border: 1px solid #BBBBBB;
249}
250.fp-viewbar {
251 float: right;
f57697d4
JF
252 height: 30px;
253 border: 1px solid #CCC;
254 border-bottom: 1px solid #B3B3B3;
02b87ac1 255 border-radius: 4px;
f57697d4
JF
256 background: white;
257}
258.fp-repo-items fp-viewbar {
525d094a 259 margin: 4px;
8903b17b
BB
260}
261.dir-rtl .fp-toolbar img {
262 vertical-align: -35%;
263}
264.dir-rtl .fp-viewbar {
265 float: left;
8903b17b 266}
f57697d4
JF
267
268.fp-viewbar a {
525d094a 269 width: 30px;
f57697d4
JF
270 height: 30px;
271 border-right: 1px solid #CCC;
8903b17b 272 display: block;
418b9328 273 float: left;
8903b17b 274}
525d094a 275.fp-viewbar a.checked:hover,
f57697d4 276.fp-viewbar a:hover {
418b9328 277 background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
f57697d4 278 background-color: #ebebeb;
8903b17b 279}
f57697d4 280
525d094a 281.fp-viewbar a.checked,
f57697d4 282.fp-viewbar a:active {
418b9328 283 background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
f57697d4 284 background-color: #dfdfdf;
8903b17b 285}
f57697d4
JF
286
287.fp-viewbar a.fp-vb-icons {
288 border-radius: 4px 0 0 4px;
8903b17b 289}
f57697d4
JF
290.fp-viewbar a.fp-vb-tree {
291 border-right: 0;
292 border-radius: 0 4px 4px 0;
8903b17b 293}
f57697d4 294.fp-viewbar a img {
525d094a 295 margin: 7px;
8903b17b 296}
f57697d4
JF
297
298.fp-viewbar.disabled a {
299 opacity: .45;
300 background: none;
301 cursor: default;
8903b17b 302}
f57697d4 303
8903b17b
BB
304.file-picker .fp-clear-left {
305 clear: left;
306}
307// over ride hover rule from core.css
8903b17b
BB
308.dir-rtl .fp-vb-details a:hover {
309 background: none;
310 border: 20px solid black;
311}
312.dir-rtl .fp-vb-details.checked a:hover {
313 background: none;
314 border: 40px solid black;
315}
316.dir-rtl .fp-vb-tree a:hover {
317 background: none;
318 border: 30px solid black;
319}
320.dir-rtl .fp-vb-tree.checked a:hover {
321 background: none;
322 border: 50px solid black;
323}
324.file-picker .fp-pathbar {
325 display: table-row;
326}
327.fp-pathbar.empty {
328 display: none;
329}
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;
335}
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;
341}
342.dir-rtl .fp-pathbar span {
343 display: inline-block;
344 .ie7-inline-block();
345 float: right;
346 margin-left: 32px;
347}
348.fp-pathbar .fp-path-folder-name {
349 margin-left: 32px;
350 line-height: 20px;
351}
352.dir-rtl .fp-pathbar .fp-path-folder-name {
353 margin-right: 32px;
354 line-height: 20px;
355}
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;
362}
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;
370}
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);
376}
377.fp-iconview .fp-thumbnail:hover {
378 background: #fff;
379 border: 1px solid #ddd;
380 .box-shadow(inset 0 0 10px 0px #ccc);
381}
382.fp-iconview .fp-filename-field {
383 height: 33px;
384 word-wrap: break-word;
385 overflow: hidden;
386 position: absolute;
387}
388.fp-iconview .fp-filename-field:hover {
389 overflow: visible;
390 z-index: 1000;
391}
392.fp-iconview .fp-filename-field .fp-filename {
393 background: #FFFFFF;
394 padding-top: 5px;
395 padding-bottom: 12px;
396 min-width: 112px;
397}
398.dir-rtl .fp-iconview .fp-file {
399 float: right;
400}
401// Table view (File Picker only)
402.file-picker .yui3-datatable table {
403 border: 0 solid #BBBBBB;
404 width: 100%;
405}
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;
411}
412#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
413 background-color: #F6F6F6;
414 border-left: 0 solid #F6F6F6;
415}
416#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
417 background-color: #FFFFFF;
418 border-left: 0 solid #FFFFFF;
419}
420.dir-rtl .file-picker .yui3-datatable-header {
421 text-align: right;
422}
423// Tree view (File Manager only)
424
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;
431}
2746c04b 432.dir-rtl .filemanager .ygtvtn,
8903b17b
BB
433.dir-rtl .file-picker .ygtvtn {
434 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
435 width: 17px;
436 height: 22px;
437}
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;
445}
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;
453}
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;
461}
dde6bdf9
MG
462.dir-rtl .file-picker .ygtvtp,
463.dir-rtl .filemanager .ygtvtp {
8903b17b 464 background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
8903b17b
BB
465}
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;
473}
dde6bdf9
MG
474.dir-rtl .file-picker .ygtvtph,
475.dir-rtl .filemanager .ygtvtph {
8903b17b 476 background: url('[[pix:moodle|y/tp_rtl]]') 0 10px no-repeat;
8903b17b
BB
477}
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;
484}
dde6bdf9
MG
485.dir-rtl .file-picker .ygtvln,
486.dir-rtl .filemanager .ygtvln {
8903b17b 487 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
8903b17b
BB
488}
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;
496}
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;
504}
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;
512}
dde6bdf9
MG
513.dir-rtl .file-picker .ygtvlp,
514.dir-rtl .filemanager .ygtvlp {
8903b17b 515 background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
8903b17b
BB
516}
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;
524}
dde6bdf9
MG
525.dir-rtl .file-picker .ygtvlph,
526.dir-rtl .filemanager .ygtvlph {
8903b17b 527 background: url('[[pix:moodle|y/lp_rtl]]') 0 10px no-repeat;
8903b17b
BB
528}
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;
535}
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;
542}
543.file-picker .ygtvblankdepthcell,
544.filemanager .ygtvblankdepthcell {
545 width: 17px;
546 height: 22px;
547}
548a.ygtvspacer:hover {
549 color: transparent;
550 text-decoration: none;
551}
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;
560}
561.file-picker .ygtvfocus,
562.filemanager .ygtvfocus {
563 background-color: #EEEEEE;
564}
565.fp-filename-icon {
566 margin-top: 10px;
567 display: block;
568 position: relative;
569}
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;
578}
579.dir-rtl .fp-icon {
580 float: right;
dde6bdf9
MG
581 margin-left: 10px;
582 margin-right: 0;
8903b17b
BB
583}
584.fp-icon img {
585 max-height: 24px;
586 max-width: 24px;
587 vertical-align: middle;
588}
589.fp-filename {
590 padding-right: 10px;
591}
592.dir-rtl .fp-filename {
593 padding-left: 10px;
dde6bdf9 594 padding-right: 0;
8903b17b
BB
595}
596// Repositories Login on fp-content (File Picker only)
597
598.file-picker .fp-login-form {
599 height: 100%;
600 width: 100%;
601 display: table;
602}
603.file-picker .fp-login-form table {
604 margin: 0 auto;
605}
606.file-picker .fp-login-form p {
607 text-align: center;
608 margin-top: 3em;
609}
610.file-picker .fp-login-form .fp-login-input label {
611 text-align: right;
612 display: block;
613}
614.file-picker .fp-login-form .fp-login-input .input {
615 text-align: left;
616}
0e878352 617.file-picker .fp-login-form input[type="checkbox"] {
8903b17b
BB
618 width: 15px;
619 height: 15px;
620}
621// Upload on fp-content (File Picker only)
622.file-picker .fp-upload-form {
623 height: 100%;
624 width: 100%;
625 display: table;
626}
627.file-picker .fp-upload-form table {
628 margin: 0 auto;
629}
630// File exists dialogue on Upload (File Picker only)
631.file-picker.fp-dlg {
632 text-align: center;
633}
634.file-picker.fp-dlg .fp-dlg-text {
635 padding: 30px 20px 10px;
636 font-size: 12px;
637}
638.file-picker.fp-dlg .fp-dlg-buttons {
639 margin: 0 20px;
640}
641// Error dialogue on Upload (File Picker only)
642.file-picker.fp-msg {
643 text-align: center;
644}
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;
652}
653.file-picker.fp-msg.fp-msg-error .fp-msg-text {
654 padding: 40px 20px 10px 20px;
655 font-size: 12px;
656}
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;
663}
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;
671}
672// Lazy loading on fp-content (File Picker only)
673.file-picker .fp-nextpage {
674 clear: both;
675}
676.file-picker .fp-nextpage .fp-nextpage-loading {
677 display: none;
678}
679.file-picker .fp-nextpage.loading .fp-nextpage-link {
680 display: none;
681}
682.file-picker .fp-nextpage.loading .fp-nextpage-loading {
683 display: block;
684 text-align: center;
685 height: 100px;
686 padding-top: 50px;
687}
688// Select Dialogue (File Picker and File Manager)
8903b17b
BB
689.fp-select form {
690 padding: 20px 20px 0;
691}
692.fp-select .fp-select-loading {
693 text-align: center;
694 margin-top: 20px;
695}
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;
703}
704.fp-select table {
705 padding: 0 0 10px;
706}
707.fp-select table .mdl-right {
708 min-width: 84px;
709}
710.fp-select .fp-reflist .mdl-right {
711 vertical-align: top;
712}
713.fp-select .fp-select-buttons {
714 float: right;
715}
716.fp-select .fp-info {
717 display: block;
718 clear: both;
719 padding: 1px 20px 0;
720}
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);
731}
732.fp-select .fp-thumbnail img {
733 border: 1px solid #DDDDDD;
734 padding: 3px;
735 vertical-align: middle;
736 margin: 10px;
737}
738.fp-select .fp-fileinfo {
739 display: inline-block;
740 .ie7-inline-block();
741 margin-top: 10px;
742}
743.file-picker.fp-select .fp-fileinfo {
744 max-width: 240px;
745}
746.fp-select .fp-fileinfo div {
747 padding-bottom: 5px;
748}
749.file-picker.fp-select .uneditable {
750 display: none;
751}
752.file-picker.fp-select .fp-select-loading {
753 display: none;
754}
755.file-picker.fp-select.loading .fp-select-loading {
756 display: block;
757}
758.file-picker.fp-select.loading form {
759 display: none;
760}
761.fp-select .fp-dimensions.fp-unknown {
762 display: none;
763}
41284e89
DP
764.fp-select .fp-size.fp-unknown {
765 display: none;
766}
8903b17b 767// File Manager
0e878352 768.filemanager-loading {
8903b17b
BB
769 display: none;
770}
0e878352 771.jsenabled .filemanager-loading {
8903b17b
BB
772 display: block;
773 margin-top: 100px;
774}
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;
785}
0a4fe80b
MS
786.filemanager .fp-img-downloading {
787 display: none;
788 padding-top: 7px;
789}
8903b17b
BB
790.filemanager .filemanager-updating {
791 display: none;
792 text-align: center;
793}
794.filemanager.fm-updating .filemanager-updating {
795 display: block;
796 margin-top: 37px;
797}
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;
805}
806// File Manager layout
fdbb0397 807.filemanager {
0e878352 808 .fp-restrictions {
fdbb0397
FM
809 text-align: right;
810 }
8903b17b
BB
811}
812.filemanager .fp-navbar {
813 background: #F2F2F2;
814 border: 1px solid #BBBBBB;
815 border-bottom: none;
816}
0e878352 817.filemanager-toolbar {
525d094a 818 padding: 4px;
873dfb36 819 overflow: hidden;
8903b17b
BB
820}
821.fp-pathbar {
822 border-top: 1px solid #BBBBBB;
823 padding: 5px 8px 1px;
824 min-height: 20px;
825}
f57697d4
JF
826
827.file-picker .fp-toolbar {
525d094a 828 padding: 4px;
f57697d4
JF
829}
830
02b87ac1 831.fp-toolbar .fp-btn-add,
f57697d4
JF
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,
0e878352 837.fp-toolbar .fp-tb-refresh {
f57697d4
JF
838 border: 1px solid #CCC;
839 border-bottom: 1px solid #B3B3B3;
02b87ac1 840 border-radius: 4px;
f57697d4 841 background: white;
525d094a 842 width: 30px;
f57697d4
JF
843 height: 30px;
844}
845
846.fp-toolbar a:hover {
418b9328 847 background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
f57697d4
JF
848 background-color: #ebebeb;
849}
850
851.fp-toolbar a:active {
418b9328 852 background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
f57697d4
JF
853 background-color: #dfdfdf;
854}
855
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,
0e878352 862.fp-tb-refresh a {
f57697d4 863 display: block;
525d094a 864 width: 30px;
f57697d4 865 height: 30px;
02b87ac1 866 border-radius: 4px;
f57697d4
JF
867}
868
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,
02b87ac1 875.fp-tb-refresh img {
525d094a 876 margin: 7px;
f57697d4
JF
877}
878
8903b17b
BB
879.filemanager .fp-pathbar.empty {
880 display: none;
881}
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;
890}
0e878352 891.filemanager .fp-content {
8903b17b
BB
892 overflow: auto;
893 max-height: 472px;
894 min-height: 157px;
895}
896.filemanager-container,
897.filepicker-filelist {
898 overflow: hidden;
899}
900.fitem.disabled .filepicker-filelist,
901.fitem.disabled .filemanager-container {
902 background-color: #EBEBE4;
903}
904.fitem.disabled .fp-btn-choose {
905 .muted
906}
907.fitem.disabled .filepicker-filelist .filepicker-filename {
908 display: none;
909}
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;
8903b17b
BB
917}
918.fp-iconview .fp-reficons2 {
919 position: absolute;
920 height: 100%;
921 width: 100%;
922 top: 0;
923 left: 0;
8903b17b
BB
924}
925.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
926 background: url('[[pix:theme|fp/link]]') no-repeat;
927 background-position: bottom right;
928}
929.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
930 background: url('[[pix:theme|fp/alias]]') no-repeat;
931 background-position: bottom left;
932}
933.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
934 display: none;
935}
936.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
937 background: url([[pix:s/dead]]) no-repeat;
938 background-position: center center;
939}
940// Table view (File Manager only)
941.filemanager .yui3-datatable table {
942 border: 0 solid #BBBBBB;
943 width: 100%;
944}
945.filemanager .yui3-datatable-header {
418b9328
DP
946 background: #FFFFFF !important;
947 border-bottom: 1px solid #CCCCCC !important;
948 border-left: 0 solid #FFFFFF !important;
949 color: #555555 !important;
8903b17b
BB
950}
951.filemanager .yui3-datatable-odd .yui3-datatable-cell {
418b9328 952 background-color: #F6F6F6 !important;
8903b17b
BB
953 border-left: 0 solid #F6F6F6;
954}
955.filemanager .yui3-datatable-even .yui3-datatable-cell {
418b9328 956 background-color: #FFFFFF !important;
8903b17b
BB
957 border-left: 0 solid #FFFFFF;
958}
0e878352 959.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
8903b17b
BB
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;
967}
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;
976}
977// Folder Context Menu (File Manager only)
978.filemanager .fp-contextmenu {
979 display: none;
980}
981.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
982 display: block;
983 position: absolute;
984 right: 7px;
985 bottom: 5px;
8903b17b
BB
986}
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;
994}
d58f998e
MG
995.dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
996 left: 7px;
997 right: inherit;
998}
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;
1004}
1005
8903b17b
BB
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;
8903b17b
BB
1018}
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;
8903b17b
BB
1030 .box-shadow(0px 0 0 10px #fff);
1031}
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;
8903b17b
BB
1043}
1044.dndupload-message {
1045 display: none;
1046}
1047.dndsupported .dndupload-message {
1048 display: inline;
1049}
1050.dnduploadnotsupported-message {
1051 display: none;
1052}
1053.dndnotsupported .dnduploadnotsupported-message {
1054 display: inline;
1055}
1056.dndupload-target {
1057 display: none;
1058}
1059.dndsupported .dndupload-ready .dndupload-target {
1060 display: block;
1061}
1062.dndupload-uploadinprogress {
1063 display: none;
1064 text-align: center;
1065}
1066.dndupload-uploading .dndupload-uploadinprogress {
1067 display: block;
1068}
1069.dndupload-arrow {
1070 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
1071 width: 100%;
1072 height: 80px;
1073 position: absolute;
8903b17b
BB
1074 top: 5px;
1075}
1076.fitem.disabled .filepicker-container,
1077.fitem.disabled .fm-empty-container {
1078 display: none;
1079}
1080.dndupload-progressbars {
1081 padding: 10px;
1082 display: none;
1083}
1084.dndupload-inprogress .dndupload-progressbars {
1085 display: block;
1086}
1087.dndupload-inprogress .fp-content {
1088 display: none;
1089}
1090.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
1091 display: none;
1092}
1093.filepicker-filelist.dndupload-inprogress .filepicker-container {
1094 display: none;
1095}
1096.filepicker-filelist.dndupload-inprogress a {
1097 display: none;
1098}
1099// Select Dialogue (File Manager only)
1100.filemanager.fp-select .fp-select-loading {
1101 display: none;
1102}
1103.filemanager.fp-select.loading .fp-select-loading {
1104 display: block;
1105}
1106.filemanager.fp-select.loading form {
1107 display: none;
1108}
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;
1116}
0fb7a8a3
MG
1117.filemanager.fp-select .fp-file-setmain,
1118.filemanager.fp-select .fp-file-setmain-help {
8903b17b
BB
1119 display: none;
1120}
0fb7a8a3
MG
1121.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1122.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
8903b17b
BB
1123 display: inline-block;
1124 .ie7-inline-block();
1125}
1126.filemanager .fp-mainfile .fp-filename {
1127 font-weight: bold;
1128}
1129.filemanager.fp-select.fp-folder .fp-file-download {
1130 display: none;
1131}
1132// to be implemented
1133.fm-operation {
1134 font-weight: bold;
1135}
1136.filemanager.fp-select .fp-original.fp-unknown,
1137.filemanager.fp-select .fp-original .fp-originloading {
1138 display: none;
1139}
1140.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1141 display: inline;
1142}
1143.filemanager.fp-select .fp-reflist.fp-unknown,
1144.filemanager.fp-select .fp-reflist .fp-reflistloading {
1145 display: none;
1146}
1147.filemanager.fp-select .fp-refcount {
1148 max-width: 265px;
1149}
1150.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1151 display: inline;
1152}
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;
1161}
1162.filemanager.fp-select .fp-reflist .fp-value li {
1163 padding-bottom: 7px;
1164}
1165// Create folder dialogue (File Manager only)
1166.filemanager.fp-mkdir-dlg {
1167 text-align: center;
1168}
1169.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1170 text-align: left;
1171 margin: 20px;
1172}
1173.dir-rtl .filemanager .fp-mkdir-dlg p {
1174 text-align: right;
1175}
1176// Confirm dialogue for delete (File Manager only)
1177.filemanager.fp-dlg {
1178 text-align: center;
1179}
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;
1189}
1190// file picker search dialog
1191.file-picker div.bd {
1192 text-align: left;
1193}
fdbb0397 1194
8903b17b 1195// RTL Overrides
fdbb0397
FM
1196.dir-rtl {
1197 .filemanager {
0e878352 1198 .fp-restrictions {
fdbb0397
FM
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 }
13e118ca
JC
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;
418b9328 1224 margin-left: 4px;
13e118ca
JC
1225 }
1226 }
88d366e5
JF
1227}
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 }
1235}
d3a93557 1236.fp-forminset {
88d366e5 1237 max-width: 400px;
0d5bfb9c
JF
1238 padding: 0 10px;
1239 .control-group.control-radio {
1240 margin-bottom: 0;
1241 }
88d366e5
JF
1242 .control-group {
1243 label.control-label {
d3a93557 1244 width: 105px;
88d366e5 1245 }
0d5bfb9c
JF
1246 label.control-radio {
1247 float: right;
1248 text-align: left;
1249 width: 215px;
1250 }
88d366e5
JF
1251 .controls {
1252 margin-left: 125px;
9f555a7e
JP
1253 select {
1254 width: 100%;
1255 }
88d366e5 1256 }
0d5bfb9c 1257 .controls.control-radio input {
d3a93557 1258 margin-top: 3px;
0d5bfb9c 1259 }
88d366e5
JF
1260 }
1261 .fp-select-buttons {
1262 float: none;
1263 }
0d5bfb9c
JF
1264 input[type="text"] {
1265 width: 228px;
1266 }
1267}
88d366e5 1268
0d5bfb9c
JF
1269.fp-fileinfo .fp-value {
1270 display: inline-block;
1271 padding-left: 5px;
88d366e5
JF
1272}
1273
1274.dir-rtl .fp-forminset {
1275 max-width: 400px;
1276 .control-group {
1277 label.control-label {
1278 float: right;
1279 text-align: left;
1280 }
0d5bfb9c
JF
1281 label.control-radio {
1282 float: left;
1283 text-align: right;
1284 width: 215px;
1285 }
88d366e5
JF
1286 .controls {
1287 margin-left: 0;
1288 margin-right: 125px;
1289 }
1290 }
1291 .fp-select-buttons {
1292 float: left;
1293 }
1294 input[type="text"] {
0d5bfb9c 1295 width: 228px;
88d366e5
JF
1296 }
1297}
1298
0d5bfb9c
JF
1299.dir-rtl .fp-fileinfo .fp-value {
1300 display: inline-block;
1301 padding-right: 5px;
1302}
1303.dir-rtl .fp-select .fp-thumbnail {
1304 margin: 10px 0 0 0px;
1305}
1306
88d366e5
JF
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 }
1316}