MDL-31901: Introducing renderers for filepicker:
[moodle.git] / theme / base / style / filemanager.css
CommitLineData
b5e7b638
MG
1/**
2 * File picker
3 */
4/* first or middle sibling, no children */
5.file-picker .ygtvtn {background: url([[pix:moodle|y/tn]]) 0 0 no-repeat;width:17px;height:22px;}
6/* first or middle sibling, collapsable */
7.file-picker .ygtvtm {background: url([[pix:moodle|y/tm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
8/* first or middle sibling, collapsable, hover */
9.file-picker .ygtvtmh {background: url([[pix:moodle|y/tmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
10/* first or middle sibling, expandable */
11.file-picker .ygtvtp {background: url([[pix:moodle|y/tp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
12/* first or middle sibling, expandable, hover */
13.file-picker .ygtvtph {background: url([[pix:moodle|y/tph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
14/* last sibling, no children */
15.file-picker .ygtvln {background: url([[pix:moodle|y/ln]]) 0 0 no-repeat;width:17px;height:22px;}
16/* Last sibling, collapsable */
17.file-picker .ygtvlm {background: url([[pix:moodle|y/lm]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
18/* Last sibling, collapsable, hover */
19.file-picker .ygtvlmh {background: url([[pix:moodle|y/lmh]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
20/* Last sibling, expandable */
21.file-picker .ygtvlp {background: url([[pix:moodle|y/lp]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
22/* Last sibling, expandable, hover */
23.file-picker .ygtvlph {background: url([[pix:moodle|y/lph]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
24/* Loading icon */
25.file-picker .ygtvloading {background: url([[pix:moodle|y/loading]]) 0 0 no-repeat;width:16px;height:22px;}
26/* the style for the empty cells that are used for rendering the depth* of the node */
27.file-picker .ygtvdepthcell {background: url([[pix:moodle|y/vline]]) 0 0 no-repeat;width:17px;height:22px;}
28.file-picker .ygtvblankdepthcell {width:17px;height:22px;}
29/* the style of the div around each node */
30.file-picker .ygtvitem table{margin-bottom:0;}
31.file-picker .ygtvitem td {border:none;padding:0;}
32/* the style of the div around each node's collection of children */
33* html .file-picker .ygtvchildren {height:1%;}
34/* the style of the text label in ygTextNode */
35.file-picker .ygtvlabel,
36.file-picker .ygtvlabel:link,
37.file-picker .ygtvlabel:visited,
38.file-picker .ygtvlabel:hover {margin-left:2px;text-decoration: none;}
39.file-picker {font-size:12px;}
40.file-picker.fp-generallayout {width:700px;height:480px;}
41.file-picker strong {background:#FFFFCC;}
42.file-picker .fp-content {padding:0;margin:0;text-align:left;max-height:350px;overflow:auto;border:1px solid black;}
43.file-picker .fp-login-form {text-align:center;}
44.file-picker .fp-searchbar {float:right;}
45.file-picker .fp-viewbar {width:300px;float:left;}
46.file-picker .fp-viewbar.disabled {display:none;}
47.file-picker .fp-viewbar .checked {font-weight:bold;}
48.file-picker .fp-toolbar {padding: .8em;background: #FFFFCC;text-align:center;margin: 3px;}
49.file-picker .fp-toolbar.empty {display:none;}
50.file-picker .fp-toolbar div {display: inline-block;}
51.file-picker .fp-toolbar .disabled {display:none;}
52.file-picker .fp-toolbar a {padding: 0 .5em;}
53.file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
54.dir-rtl .file-picker .fp-list {text-align:right;}
55.file-picker .fp-list .fp-repo {display:block;border-bottom:1px dotted gray;padding: .5em;}
56.file-picker .fp-list .fp-repo.active {background:#AACCEE;}
57.file-picker .fp-pathbar {margin: .4em;border-bottom: 1px dotted gray;}
58.file-picker .fp-pathbar a {padding: .4em;}
59.file-picker .fp-select {width:550px;height:430px;text-align:center;overflow:auto;}
60.file-picker .fp-select .uneditable {display:none;}
61.file-picker .fp-select p {margin: 1em;}
62.file-picker .fp-upload-form {margin: 2em 0;text-align:center;}
63.file-picker .fp-upload-btn {clear:both;margin-top: 2em;}
64.file-picker .fp-paging {margin:1em .5em;clear:both;text-align:center;line-height: 2.5em;}
65.file-picker .fp-paging a {padding: .5em;border: 1px solid #CCC;}
66.file-picker .fp-paging a.cur_page {border: 1px solid blue;}
67.file-picker .fp-popup {text-align:center;}
68.file-picker .fp-iconview .fp-file {float:left;text-align:center;}
69.file-picker .fp-iconview .fp-file div {overflow: hidden;}
70.file-picker .fp-iconview .fp-file .fp-filename {height:48px;text-align:center;min-width:50px;}
71.file-picker .fp-error {padding: 2em 0;margin: 3em 5px;text-align:center;background: #FFBBBB;}
72.file-picker .fp-msg {}
73.file-picker .fp-msg .fp-msg-text {min-width:300px;min-height:150px;max-width:500px;max-height:300px;overflow:auto;}
74.file-picker .fp-msg.fp-msg-error .fp-msg-text {color:red;}
75.file-picker .fp-msg .fp-msg-butok {text-align:center;}
76.filepicker-filelist {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
77/* file picker search dialog */
78.file-picker div.bd {text-align:left;}
79
80/**
81 * File Manager
82 */
83.filemanager-toolbar {margin: 5px 0;}
84.filemanager-toolbar a {border: 1px solid #AACCEE;background: #F4FAFF;color: black;padding: 3px;}
85.filemanager-toolbar a:hover {background: #FFFFFF;}
86.filemanager-toolbar .helplink a {border: 0px; background: transparent;}
87.fm-breadcrumb {margin:0;}
88.filemanager-container {padding: 5px;margin: 6px 0;background: #E9F4FF;border: #AACCEE 1px solid}
89.filemanager-container ul{margin:0;padding:0;}
90.filemanager-container ul li{white-space:nowrap;list-style-type:none;}
91.filemanager-container ul li a{padding:0}
92.filemanager-loading{display:none}
93.jsenabled .filemanager-loading{display:block}
94.fm-menuicon{cursor: pointer;}
95#fm-move-div {margin: 6px;}
96#fm-move-div strong{color:red;}
97.fm-file-entry{border: 1px solid red;}
98.fm-operation {font-weight: bold;}
99
100.filemanager-container,
101.filepicker-filelist {overflow:hidden;}
102.filemanager-container .dndupload-target,
103.filepicker-filelist .dndupload-target {background:#f7f998;position:absolute;height:100%;width:100%;top:0;left:0;text-align:center;padding:5px;z-index:1000}
104.filemanager-container.dndupload-over .dndupload-target,
105.filepicker-filelist.dndupload-over .dndupload-target {background:#8EF947;font-weight:bold}
106