MDL-32773 Add a help icon for button 'Set main file' in filemanager
[moodle.git] / theme / base / style / filemanager.css
CommitLineData
b5e7b638 1/**
420e7bb2 2 * File Picker and File Manager
b5e7b638 3 */
ecad7393 4
7c3e6652
BR
5.filemanager, .file-picker {font-size:11px;color: #555555;letter-spacing: .2px;}
6.filemanager a, .file-picker a {color:#555555;}
7.filemanager a:hover, .file-picker a:hover {color:#555555;text-decoration: none;}
af9c48cb 8.filemanager select, .filemanager input, .filemanager button, .filemanager textarea,
7c3e6652
BR
9.file-picker select, .file-picker input, .file-picker button, .file-picker textarea {color:#555555; letter-spacing: .2px;}
10.filemanager input[type="text"], .file-picker input[type="text"] {border: 1px solid #BBBBBB;width: 265px;height: 18px;padding: 1px 6px;}
420e7bb2
BR
11.filemanager select, .file-picker select {height: 22px;padding: 2px 1px;}
12.fp-content-center {height: 100%;width: 100%;display:table-cell;vertical-align: middle;}
9d7d2b03 13.fp-content-hidden {visibility: hidden;}
e88d5641
BR
14
15/*
420e7bb2 16 * Dialogue (File Picker and File Manager)
e88d5641 17 */
0f0d10c5 18.yui3-panel-focused {outline: none;}
7c3e6652
BR
19#filesskin .yui3-panel-content {padding-bottom: 20px;background: #F2F2F2;border-radius: 8px;border: 1px solid #FFFFFF;display: inline-block;-webkit-box-shadow: 5px 5px 20px 0px #666666;-moz-box-shadow: 5px 5px 20px 0px #666666;box-shadow: 5px 5px 20px 0px #666666;}
20#filesskin .yui3-widget-hd {border-radius: 10px 10px 0px 0px;border-bottom: 1px solid #BBBBBB;padding:5px 5px 5px 5px;text-align: center;font-size:12px;letter-spacing: 1px;color:#333333; text-shadow: 1px 1px 1px #FFFFFF;filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
f90ffd29 21background: #E2E2E2;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);}
7c3e6652 22.fp-panel-button {background: #FFFFFF;padding: 3px 20px 2px 20px; text-align: center;margin:10px; border-radius: 10px;display: inline-block;-webkit-box-shadow: 2px 2px 3px .1px #999999;-moz-box-shadow: 2px 2px 3px .1px #999999;box-shadow: 2px 2px 3px .1px #999999;}
d61c96b6
DW
23.filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
24 padding: 0px;
25}
420e7bb2
BR
26
27/*
28 * File Picker layout
29 */
f90ffd29 30#filesskin .file-picker.fp-generallayout {width: 859px;background: #FFFFFF;border-radius:10px;border: 1px solid #CCCCCC;position: relative;}
d61c96b6
DW
31.file-picker .fp-repo-area {width:180px;overflow:auto;float:left;height:525px;border-right:1px solid #BBBBBB}
32.dir-rtl .file-picker .fp-repo-area {border-left:1px solid #BBBBBB; border-right: none; float: right;}
33.file-picker .fp-repo-items {float:left; width:693px;}
34.dir-rtl .file-picker .fp-repo-items {float:right;}
7c3e6652 35.file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBBBBB;padding: 5px 8px;}
d61c96b6
DW
36.file-picker .fp-content {background: #FFFFFF;clear: both;overflow:auto;height: 468px;}
37.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { width: 100%; height: 100%; }
cbf4d2f3 38
0f0d10c5 39.file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;}
5cf44c1f 40.file-picker .fp-content .fp-object-container {width:98%;height:98%;}
e88d5641 41
cafc5ae9
AB
42.dir-rtl .file-picker .fp-list {text-align:right;}
43.dir-rtl .file-picker .fp-toolbar {padding:0;}
44.dir-rtl .file-picker .fp-list {text-align:right;}
45.dir-rtl .file-picker .fp-repo-name {display:inline;}
46.dir-rtl .file-picker .fp-pathbar {text-align: right; display: block; border-top: none;}
47.dir-rtl .file-picker div.bd {text-align:right;}
48.dir-rtl #filemenu .yuimenuitemlabel {text-align: right;}
49.dir-rtl .filepicker .yui-layout-unit-left {left:500px;}
50.dir-rtl .filepicker .yui-layout-unit-center {left:0px;}
51
52/**
53 * File Manager
54 */
55.dir-rtl .filemanager-toolbar a {padding:0px;}
56
e88d5641 57/*
420e7bb2 58 * Repositories on fp-repo-area (File Picker only)
e88d5641 59 */
b5e7b638 60.file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
cafc5ae9 61.dir-rtl .file-picker .fp-list {text-align:right;float:left;}
b4562710 62.file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;}
e88d5641 63.file-picker .fp-list .fp-repo.active {background:#F2F2F2;}
df654d1a 64.file-picker .fp-list .fp-repo-icon {padding: 0 7px 0 5px; vertical-align: text-bottom;}
e88d5641
BR
65
66/*
420e7bb2 67 * Tools, Path & View on fp-navbar (File Picker and File Manager)
e88d5641 68 */
c4bb1319 69.fp-toolbar {display: table-row;line-height: 22px;float:left; max-width: 70%;}
cbf4d2f3
NK
70
71.dir-rtl .fp-toolbar {float: right;}
72
420e7bb2
BR
73.fp-toolbar.empty {display:none;}
74.fp-toolbar .disabled {display:none;}
a9352f1f 75.fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;}
25df8c4e 76.dir-rtl .fp-toolbar div {width:100px;}
420e7bb2 77.fp-toolbar img {vertical-align: -15%; margin-right: 5px;}
cbf4d2f3 78
7c3e6652
BR
79.fp-toolbar .fp-tb-search {width: 228px;height: 14px;}
80.fp-toolbar .fp-tb-search input {background:#FFFFFF url('[[pix:a/search]]') no-repeat 3px 3px;padding: 2px 6px 1px 20px;width: 200px;height: 16px;border: 1px solid #BBBBBB;}
e88d5641 81
af9c48cb 82.fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;}
cbf4d2f3 83.dir-rtl .fp-toolbar img {vertical-align: -35%;}
cbf4d2f3
NK
84.dir-rtl .fp-viewbar {float: left;width: 100px;}
85
420e7bb2 86.fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;}
cafc5ae9 87.dir-rtl .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0; display: block; float:left; margin-right: 4px;}
420e7bb2 88.fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
cafc5ae9 89.dir-rtl .fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]'); display: block; float:left; margin-right: 4px;}
420e7bb2
BR
90.fp-viewbar.disabled .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_inactive]]');}
91.fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px;width:23px;height:22px;display: inline-block;margin-left: -4px;}
cafc5ae9 92.dir-rtl .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px; display: block; float:left; margin-right: 4px;}
420e7bb2 93.fp-vb-details.checked {background:url('[[pix:theme|fp/view_list_selected]]');}
cafc5ae9 94.dir-rtl .fp-vb-details.checked {background:url('[[pix:theme|fp/view_list_selected]]'); display: block; float:left; margin-right: 4px;}
420e7bb2
BR
95.fp-viewbar.disabled .fp-vb-details {background:url('[[pix:theme|fp/view_list_inactive]]');}
96.fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;width:23px;height:22px;display: inline-block;margin-left: -4px;}
cafc5ae9 97.dir-rtl .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px; display: block; float:left; margin-right: 4px;}
420e7bb2 98.fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]');}
cafc5ae9 99.dir-rtl .fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]'); display: block; float:left; margin-right: 4px;}
420e7bb2 100.fp-viewbar.disabled .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_inactive]]');}
6077e381
BR
101.file-picker .fp-clear-left {clear: left;}
102
cafc5ae9
AB
103/* over ride hover rule from core.css*/
104.dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {background:url('[[pix:theme|fp/view_icon_selected]]');}
105.dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;}
106.dir-rtl .fp-vb-details a:hover {background:none; border:20px solid black}
107.dir-rtl .fp-vb-details.checked a:hover {background:none; border:40px solid black}
108.dir-rtl .fp-vb-tree a:hover {background:none; border:30px solid black}
109.dir-rtl .fp-vb-tree.checked a:hover {background:none; border:50px solid black}
110
af9c48cb 111.file-picker .fp-pathbar {display: table-row;}
6077e381
BR
112.fp-pathbar.empty {display: none;}
113.fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left: 4px;}
cafc5ae9
AB
114.dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;width:auto;height:12px;margin-left: 4px;}
115.dir-rtl .fp-pathbar span {display: inline-block;float:right; margin-left: 32px;}
6077e381 116.fp-pathbar .fp-path-folder-name {margin-left: 32px;line-height: 20px;}
cafc5ae9 117.dir-rtl .fp-pathbar .fp-path-folder-name {margin-right: 32px;line-height: 20px;}
e88d5641
BR
118
119/*
420e7bb2 120 * Icon view (File Picker and File Manager)
e88d5641 121 */
0f0d10c5 122.fp-iconview .fp-file {float: left;text-align: center;position: relative;margin: 10px 10px 35px;}
7c3e6652
BR
123.fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height: 110px;text-align: center;border: 1px solid #FFFFFF;display: block;}
124.fp-iconview .fp-thumbnail img {border: 1px solid #DDDDDD;padding:3px;vertical-align: middle;-webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;-moz-box-shadow: 1px 1px 2px 0px #CCCCCC;box-shadow: 1px 1px 2px 0px #CCCCCC;}
125.fp-iconview .fp-thumbnail:hover {background: #FFFFFF;border: 1px solid #DDDDDD;-webkit-box-shadow: inset 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: inset 0px 0px 10px 0px #CCCCCC;box-shadow: inset 0px 0px 10px 0px #CCCCCC;}
0f0d10c5
BR
126.fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow: hidden;position: absolute;}
127.fp-iconview .fp-filename-field:hover {overflow: visible;z-index: 1000;}
7c3e6652 128.fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
cbf4d2f3 129.dir-rtl .fp-iconview .fp-file { float: right;}
e88d5641
BR
130
131/*
420e7bb2 132 * Table view (File Picker only)
e88d5641 133 */
7c3e6652
BR
134.file-picker .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
135#filesskin .file-picker .yui3-datatable-header {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 0 solid #FFFFFF;color: #555555;}
136#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
137#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF;border-left: 0px solid #FFFFFF;}
cbf4d2f3 138.dir-rtl .file-picker .yui3-datatable-header {text-align: right;}
e88d5641
BR
139
140/*
a9352f1f 141 * Tree view (File Manager only)
420e7bb2
BR
142 */
143/*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
144/* first or middle sibling, no children */
a9352f1f 145.file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;}
dde6bdf9 146.dir-rtl .file-picker .ygtvtn, .dir-rtl .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;}
420e7bb2 147/* first or middle sibling, collapsable */
a9352f1f 148.file-picker .ygtvtm, .filemanager .ygtvtm {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
420e7bb2 149/* first or middle sibling, collapsable, hover */
a9352f1f 150.file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
420e7bb2 151/* first or middle sibling, expandable */
a9352f1f 152.file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
dde6bdf9 153.dir-rtl .file-picker .ygtvtp, .dir-rtl .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;}
420e7bb2 154/* first or middle sibling, expandable, hover */
a9352f1f 155.file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
dde6bdf9 156.dir-rtl .file-picker .ygtvtph, .dir-rtl .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat}
420e7bb2 157/* last sibling, no children */
a9352f1f 158.file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;}
dde6bdf9 159.dir-rtl .file-picker .ygtvln, .dir-rtl .filemanager .ygtvln {background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;}
420e7bb2 160/* Last sibling, collapsable */
a9352f1f 161.file-picker .ygtvlm, .filemanager .ygtvlm {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
420e7bb2 162/* Last sibling, collapsable, hover */
a9352f1f 163.file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
420e7bb2 164/* Last sibling, expandable */
a9352f1f 165.file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
dde6bdf9 166.dir-rtl .file-picker .ygtvlp, .dir-rtl .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;}
420e7bb2 167/* Last sibling, expandable, hover */
a9352f1f 168.file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
dde6bdf9 169.dir-rtl .file-picker .ygtvlph, .dir-rtl .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;}
420e7bb2 170/* Loading icon */
a9352f1f 171.file-picker .ygtvloading, .filemanager .ygtvloading {background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;}
420e7bb2 172/* the style for the empty cells that are used for rendering the depth* of the node */
a9352f1f
BR
173.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;width:17px;height:/*22px;*/32px;}
174.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {width:17px;height:22px;}
420e7bb2
BR
175/* the style of the div around each node */
176/*.file-picker .ygtvitem table, .filemanager .ygtvitem table{margin-bottom:0;}*/
177/*.file-picker .ygtvitem td, .filemanager .ygtvitem td {border:none;padding:0;}*/
178/* the style of the div around each node's collection of children */
179/** html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}*/
180/* the style of the text label in ygTextNode */
181/*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover,
182.filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration: none;}*/
183a.ygtvspacer:hover {color: transparent;text-decoration: none;}
184.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {background-color: transparent;cursor: pointer;margin-left: 2px;text-decoration: none;}
7c3e6652 185.file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color: #EEEEEE;}
a9352f1f 186
7c3e6652 187.fp-filename-icon {margin-top: 10px;display: block;position: relative;}
a9352f1f 188.fp-icon {float: left;margin-top: -7px;width: 24px;height: 24px;margin-right: 10px;text-align: center;line-height: 24px;}
dde6bdf9 189.dir-rtl .fp-icon {float: right;margin-left: 10px;margin-right: 0;}
a9352f1f
BR
190.fp-icon img {max-height:24px;max-width:24px;vertical-align: middle;}
191.fp-filename {padding-right: 10px;}
dde6bdf9 192.dir-rtl .fp-filename {padding-left: 10px;padding-right: 0;}
420e7bb2
BR
193
194/*
195 * Repositories Login on fp-content (File Picker only)
e88d5641
BR
196 */
197.file-picker .fp-login-form {height: 100%;width: 100%;display: table;}
198.file-picker .fp-login-form table {margin: 0 auto;}
199.file-picker .fp-login-form p {text-align: center;margin-top: 3em;}
420e7bb2 200.file-picker .fp-login-form .fp-login-input .label {text-align: right;vertical-align: middle;}
e88d5641
BR
201.file-picker .fp-login-form .fp-login-input .input {text-align: left;}
202.file-picker .fp-login-form input[type="checkbox"]{width: 15px;height:15px;}
203
204/*
420e7bb2 205 * Upload on fp-content (File Picker only)
e88d5641
BR
206 */
207.file-picker .fp-upload-form {height: 100%;width: 100%;display: table;}
208.file-picker .fp-upload-form table {margin: 0 auto;}
420e7bb2 209.file-picker .fp-upload-btn {margin: 2em;}
e88d5641
BR
210
211/*
420e7bb2 212 * File exists dialogue on Upload (File Picker only)
e88d5641 213 */
420e7bb2 214.file-picker.fp-dlg {text-align: center;}
af9c48cb
BR
215.file-picker.fp-dlg .fp-dlg-text {padding: 30px 20px 10px;font-size: 12px;}
216.file-picker.fp-dlg .fp-dlg-buttons {margin: 0 20px;}
e88d5641 217
420e7bb2
BR
218/*
219 * Error dialogue on Upload (File Picker only)
220 */
221.file-picker.fp-msg {text-align: center;}
b4562710
BR
222.file-picker.fp-msg .fp-msg-text {padding: 40px 20px 10px 20px;min-width:200px;max-width:500px;max-height:300px;overflow:auto;font-size: 12px;}
223.file-picker.fp-msg.fp-msg-error .fp-msg-text {padding: 40px 20px 10px 20px;font-size: 12px;}
e88d5641 224
420e7bb2
BR
225/*
226 * Error on fp-content (File Picker only)
227 */
228.file-picker .fp-content-error {height: 100%;width: 100%;display: table;text-align: center;}
b4562710 229.file-picker .fp-content-error .fp-error {height: 100%;width: 100%;display:table-cell;vertical-align: middle;padding: 40px 20px 10px 20px;font-size: 12px;}
e88d5641 230
420e7bb2
BR
231/*
232 * Lazy loading on fp-content (File Picker only)
233 */
d75e8e3a 234.file-picker .fp-nextpage {clear:both;}
7ccf18a6
MG
235.file-picker .fp-nextpage .fp-nextpage-loading {display:none;}
236.file-picker .fp-nextpage.loading .fp-nextpage-link {display:none;}
0f0d10c5
BR
237.file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;text-align: center;height: 100px;padding-top: 50px;}
238
420e7bb2
BR
239/*
240 * Select Dialogue (File Picker and File Manager)
241 */
af9c48cb 242.fp-select form {padding: 20px 20px 0;}
0f0d10c5 243.fp-select .fp-select-loading {text-align: center;margin-top: 20px;}
af9c48cb
BR
244.fp-select .fp-hr {clear: both;height: 1px; background-color: #FFFFFF;border-bottom: 1px solid #BBBBBB;width: auto; margin: 10px 0;}
245.fp-select table {padding: 0 0 10px;}
19ef00b9
BR
246.fp-select table .mdl-right {min-width: 84px;}
247.fp-select .fp-reflist .mdl-right {vertical-align: top;}
af9c48cb
BR
248.fp-select .fp-select-buttons {float: right;}
249.fp-select .fp-info {display: block;clear: both;padding: 1px 20px 0;}
250.fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height: 110px;text-align: center;margin: 10px 20px 0 0;background: #FFFFFF;border: 1px solid #DDDDDD;-webkit-box-shadow: inset 0 0 10px 0 #CCCCCC;-moz-box-shadow: inset 0 0 10px 0 #CCCCCC;box-shadow: inset 0 0 10px 0 #CCCCCC;}
7c3e6652 251.fp-select .fp-thumbnail img {border: 1px solid #DDDDDD;padding:3px;vertical-align: middle;margin: 10px;}
af9c48cb 252.fp-select .fp-fileinfo {display: inline-block;margin-top: 10px;}
0f0d10c5 253.file-picker.fp-select .fp-fileinfo {max-width:240px;}
af9c48cb 254.fp-select .fp-fileinfo div {padding-bottom: 5px;}
b5e7b638 255
420e7bb2
BR
256.file-picker.fp-select .uneditable {display:none;}
257.file-picker.fp-select .fp-select-loading {display:none;}
4e02810b
MG
258.file-picker.fp-select.loading .fp-select-loading {display:block;}
259.file-picker.fp-select.loading form {display:none;}
19ef00b9 260.fp-select .fp-dimensions.fp-unknown {display: none;}
420e7bb2
BR
261
262 /*
b5e7b638
MG
263 * File Manager
264 */
b5e7b638 265.filemanager-loading{display:none}
0f0d10c5 266.jsenabled .filemanager-loading{display:block;margin-top: 100px;}
906e7d89 267.filemanager.fm-loading .filemanager-toolbar,
420e7bb2 268.filemanager.fm-loading .fp-pathbar,
906e7d89 269.filemanager.fm-loading .filemanager-container {display:none;}
906e7d89 270.filemanager.fm-loaded .filemanager-loading {display:none;}
e709ddd2 271.filemanager.fm-maxfiles .fp-btn-add {display:none;}
906e7d89 272.filemanager.fm-maxfiles .dndupload-message {display:none;}
638d72cd 273.filemanager.fm-noitems .fp-btn-download {display:none;}
906e7d89 274.filemanager .fm-empty-container {display:none;}
e709ddd2 275.filemanager.fm-noitems .filemanager-container .fp-content {display:none;}
906e7d89 276.filemanager .filemanager-updating {display:none;text-align:center;}
19ef00b9 277.filemanager.fm-updating .filemanager-updating {display:block;margin-top: 37px;}
e709ddd2 278.filemanager.fm-updating .fm-content-wrapper {display:none;}
420e7bb2 279.filemanager.fm-nomkdir .fp-btn-mkdir {display:none;}
c81f3328
MG
280.fitem.disabled .filemanager .filemanager-toolbar,
281.fitem.disabled .filemanager .fp-pathbar,
282.fitem.disabled .filemanager .fp-restrictions,
283.fitem.disabled .filemanager .fm-content-wrapper {display:none;}
420e7bb2
BR
284
285 /*
286 * File Manager layout
287 */
288.fp-restrictions{text-align: right;}
7c3e6652 289.filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
420e7bb2 290.filemanager-toolbar{padding: 5px 8px;min-height:22px;}
7c3e6652 291.fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;}
cafc5ae9 292
420e7bb2 293.filemanager .fp-pathbar.empty {display:none;}
0f0d10c5 294.filepicker-filelist,
7c3e6652 295.filemanager-container {background: #FFFFFF;clear: both;overflow:auto;border: 1px solid #BBBBBB;min-height: 140px;position: relative;}
420e7bb2
BR
296/*.filemanager-container ul{margin:0;padding:0;}
297.filemanager-container ul li{white-space:nowrap;list-style-type:none;}
298.filemanager-container ul li a{padding:0}*/
2ab9a06c 299.filemanager .fp-content{overflow: auto;max-height: 472px;min-height: 157px;}
420e7bb2 300.filemanager-container, .filepicker-filelist {overflow:hidden;}
c81f3328
MG
301.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {background-color:#EBEBE4;}
302.fitem.disabled .fp-btn-choose {color:graytext;}
303.fitem.disabled .filepicker-filelist .filepicker-filename {display:none;}
420e7bb2 304
0f0d10c5
BR
305/*
306 * Icon view (File Manager only)
307 */
dc1bb8d0
AD
308.fp-iconview .fp-reficons1 {position:absolute;height:100%;width:100%;top:0;left:0;}
309.fp-iconview .fp-reficons2 {position:absolute;height:100%;width:100%;top:0;left:0;}
1778f310
MG
310.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {background: url('[[pix:theme|fp/link]]') no-repeat;background-position:bottom right;}
311.fp-iconview .fp-file.fp-isreference .fp-reficons2 {background: url('[[pix:theme|fp/alias]]') no-repeat;background-position:bottom left;}
0f0d10c5 312
0b2bfbd1
MG
313.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {display:none;}
314.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {background: url([[pix:s/dead]]) no-repeat;background-position:center center;}
315
420e7bb2
BR
316/*
317 * Table view (File Manager only)
318 */
7c3e6652
BR
319.filemanager .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
320.filemanager .yui3-datatable-header {background: #FFFFFF!important;border-bottom: 1px solid #CCCCCC!important;border-left: 0 solid #FFFFFF!important;color: #555555!important;}
321.filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6!important;border-left: 0px solid #F6F6F6;}
322.filemanager .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF!important;border-left: 0px solid #FFFFFF;}
420e7bb2 323
a1b08527
BR
324.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1{background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top: 8px;left: 17px;z-index:1000;}
325.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top: 9px;left: -6px;z-index:1001;}
99f374c4 326
0f0d10c5
BR
327/*
328 * Folder Context Menu (File Manager only)
329 */
330.filemanager .fp-contextmenu {display:none;}
048422dd 331.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:block;position:absolute;right:7px;bottom:5px;}
0f0d10c5 332.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
7c3e6652 333.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display: inline;position: absolute;left: 14px;margin-right: -20px;top: 6px;}
0f0d10c5 334
d58f998e
MG
335.dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:7px;right:inherit;}
336.dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
337.dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:inherit;right: 16px;margin-right: 0;}
338
420e7bb2 339/*
c81f3328 340 * Drag and drop support (filemanager and filepicker form elements)
420e7bb2 341 */
a9352f1f 342.filepicker-filelist .filepicker-container,
d61c96b6 343.filemanager.fm-noitems .fm-empty-container {display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #BBBBBB;padding-top:85px;text-align:center;}
0f0d10c5 344.filepicker-filelist .dndupload-target,
d61c96b6 345.filemanager-container .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #fb7979;padding-top:85px;text-align:center;-webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;-moz-box-shadow: 0px 0px 0px 10px #FFFFFF;box-shadow: 0px 0px 0px 10px #FFFFFF;}
0f0d10c5 346.filepicker-filelist.dndupload-over .dndupload-target,
d61c96b6 347.filemanager-container.dndupload-over .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border: 2px dashed #6c8cd3;padding-top:85px;text-align:center;}
420e7bb2
BR
348.dndupload-message {display:none;}
349.dndsupported .dndupload-message {display:inline;}
a8b418e8
DS
350.dnduploadnotsupported-message {display:none;}
351.dndnotsupported .dnduploadnotsupported-message {display:inline;}
420e7bb2
BR
352.dndupload-target {display:none;}
353.dndsupported .dndupload-ready .dndupload-target {display:block;}
354.dndupload-uploadinprogress {display:none;text-align:center;}
355.dndupload-uploading .dndupload-uploadinprogress {display:block;}
1d747df1 356.dndupload-arrow {background:url([[pix:theme|fp/dnd_arrow]]) center no-repeat;width:100%;height:80px;position:absolute;margin-left: -28px;top: 5px;}
c81f3328 357.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {display:none;}
ead25632
DS
358.dndupload-progressbars {padding:10px;display:none;}
359.dndupload-inprogress .dndupload-progressbars {display:block;}
360.dndupload-inprogress .fp-content {display:none;}
361.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {display:none;}
362.filepicker-filelist.dndupload-inprogress .filepicker-container {display:none;}
363.filepicker-filelist.dndupload-inprogress a {display:none;}
23b83009 364
420e7bb2
BR
365/*
366 * Select Dialogue (File Manager only)
367 */
55089a9d
MG
368.filemanager.fp-select .fp-select-loading {display:none;}
369.filemanager.fp-select.loading .fp-select-loading {display:block;}
370.filemanager.fp-select.loading form {display:none;}
e709ddd2 371/* disable unavailable actions: */
55089a9d
MG
372/*.filemanager.fp-select.fp-zip .fp-license,*/
373.filemanager.fp-select.fp-folder .fp-license,
374/*.filemanager.fp-select.fp-zip .fp-author,*/
375.filemanager.fp-select.fp-folder .fp-author,
376.filemanager.fp-select.fp-file .fp-file-unzip,
377.filemanager.fp-select.fp-folder .fp-file-unzip,
378.filemanager.fp-select.fp-file .fp-file-zip,
379.filemanager.fp-select.fp-zip .fp-file-zip {display:none;}
0fb7a8a3
MG
380.filemanager.fp-select .fp-file-setmain,
381.filemanager.fp-select .fp-file-setmain-help {display:none;}
382.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
383.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {display:inline-block;}
420e7bb2 384.filemanager .fp-mainfile .fp-filename {font-weight:bold;}
55089a9d 385.filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */
420e7bb2 386.fm-operation {font-weight: bold;}
906e7d89 387
9a62f779
MG
388.filemanager.fp-select .fp-original.fp-unknown {display:none;}
389.filemanager.fp-select .fp-original .fp-originloading {display:none;}
390.filemanager.fp-select .fp-original.fp-loading .fp-originloading {display:inline;}
391
9dbdf31f
MG
392.filemanager.fp-select .fp-reflist.fp-unknown {display:none;}
393.filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;}
b4562710 394.filemanager.fp-select .fp-refcount {max-width: 265px;}
9dbdf31f 395.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;}
19ef00b9 396.filemanager.fp-select .fp-reflist .fp-value {background: #F9F9F9;border: 1px solid #BBBBBB;padding: 8px 7px;margin: 0px;max-width: 265px;max-height: 75px;overflow:auto;}
b4562710 397.filemanager.fp-select .fp-reflist .fp-value li {padding-bottom: 7px;}
9dbdf31f 398
906e7d89 399/*
420e7bb2 400 * Create folder dialogue (File Manager only)
906e7d89 401 */
5e117466 402.filemanager.fp-mkdir-dlg {text-align: center;}
af9c48cb 403.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 20px;}
420e7bb2 404
cbf4d2f3
NK
405.dir-rtl .filemanager .fp-mkdir-dlg p {text-align: right;}
406
420e7bb2
BR
407/*
408 * Confirm dialogue for delete (File Manager only)
409 */
410.filemanager.fp-dlg {text-align: center;}
b4562710 411.filemanager.fp-dlg .fp-dlg-text {padding: 0px 10px;min-width:200px;max-width:340px;max-height:300px;overflow:auto;line-height: 22px;margin: 40px 20px 20px;font-size: 12px;}
420e7bb2 412
0f0d10c5
BR
413/*
414 *file picker search dialog
420e7bb2 415 */
cbf4d2f3 416.file-picker div.bd {text-align:left;}
cbf4d2f3 417
088511de
ME
418/* RTL Overrides
419-------------------------*/
420.dir-rtl .file-picker div.bd {text-align: right;}
421.dir-rtl .file-picker .fp-pathbar {text-align: right;}
422.dir-rtl .file-picker .fp-list {text-align: right;}
423.dir-rtl .filepicker .yui-layout-unit-left {left: 500px;}
424.dir-rtl .filepicker .yui-layout-unit-center {left: 0;}
425.dir-rtl #filemenu .yuimenuitemlabel {text-align: right;}
cbf4d2f3 426.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align: right;}
d61c96b6
DW
427
428
429/**
430 * Responsive styles for the filepicker
431 */
432@media (max-width: 873px) {
433 .file-picker .fp-repo-area { width: 100%; height: auto; max-height: 220px; y-scroll: auto; float: none; border: 0px; }
434 .file-picker .fp-repo-items { width: 100%; float: none; }
435 .file-picker .fp-login-form .fp-login-input .label { text-align: left; }
436 .dir-rtl .file-picker .fp-login-form .fp-login-input .label { text-align: right; }
437 .file-picker .fp-content form td { display: block; width: 100%; text-align: left; }
438 .dir-rtl .file-picker .fp-content form td { text-align: right; }
439 .fp-content .mdl-right { text-align: left; }
440 .dir-rtl .fp-content .mdl-right { text-align: right; }
441 .fp-repo-items .fp-navbar { border-top: 1px solid rgb(187, 187, 187); }
442}
443