MDL-32479 - RTL Theme fixes for Moodle 2 (theme/base)
[moodle.git] / theme / base / style / filemanager.css
1 /**
2  * File Picker and File Manager
3  */
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;}
8 .filemanager select, .filemanager input, .filemanagerbutton, .filemanager textarea,
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;}
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;}
14 /*
15  * Dialogue (File Picker and File Manager)
16  */
17 .yui3-panel-focused {outline: none;}
18 #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;}
19 #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);
20 background: #CCCCCC;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);}
21 .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;}
23 /*
24  * File Picker layout
25  */
26 #filesskin .file-picker.fp-generallayout {width: 724px;background: #FFFFFF;border-radius:10px;border: 1px solid #CCCCCC;position: relative;}
27 .file-picker .fp-repo-area {width:180px;overflow:auto;display:inline-block;border-right:1px solid #BBBBBB;position:absolute;top:26px;bottom:1px;}
28 .dir-rtl .file-picker .fp-repo-area {top:29px;}
29 .file-picker .fp-repo-items {vertical-align:top;display: inline-block;margin-left: 181px;}
30 .file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBBBBB;padding: 5px 8px;}
31 .file-picker .fp-content {background: #FFFFFF;clear: both;overflow:auto;width: 543px;height: 349px;margin-bottom:-14px;}
33 .dir-rtl .file-picker .fp-repo-items {margin-right: 181px;}
35 .file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;}
36 .file-picker .fp-content .fp-object-container {width:98%;height:98%;}
38 /*
39  * Repositories on fp-repo-area (File Picker only)
40  */
41 .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
42 .dir-rtl .file-picker .fp-list {text-align:right;}
43 .file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;}
44 .dir-rtl .file-picker .fp-list .fp-repo a {display:inline;}
45 .file-picker .fp-list .fp-repo.active {background:#F2F2F2;}
46 .file-picker .fp-list .fp-repo-icon {padding: 0px 7px 0px 5px;}
48 /*
49  * Tools, Path & View on fp-navbar (File Picker and File Manager)
50  */
51 .fp-toolbar {display: table-row;line-height: 22px;float:left;/*display: inline-block;*/}
53 .dir-rtl .fp-toolbar {float: right;}
55 .fp-toolbar.empty {display:none;}
56 .fp-toolbar .disabled {display:none;}
57 .fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;}
58 .dir-rtl .fp-toolbar div {width:100px;}
59 .fp-toolbar img {vertical-align: -15%; margin-right: 5px;}
61 .fp-toolbar .fp-tb-search {width: 228px;height: 14px;}
62 .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;}
64 .fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;/*display: inline-block;*/}
65 .dir-rtl .fp-toolbar img {vertical-align: -35%;}
66 .dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat 0 0; }
67 .dir-rtl .fp-viewbar {float: left;width: 100px;}
69 .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;}
70 .dir-rtl .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;}
71 .fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
72 .fp-viewbar.disabled .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_inactive]]');}
73 .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;}
74 .dir-rtl .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px;}
75 .fp-vb-details.checked {background:url('[[pix:theme|fp/view_list_selected]]');}
76 .fp-viewbar.disabled .fp-vb-details {background:url('[[pix:theme|fp/view_list_inactive]]');}
77 .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;}
78 .dir-rtl .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;}
79 .fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]');}
80 .fp-viewbar.disabled .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_inactive]]');}
81 .file-picker .fp-clear-left {clear: left;}
83 .file-picker .fp-pathbar {display: table-row;/*display: inline-block;*/}
84 .fp-pathbar.empty {display: none;}
85 .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left: 4px;}
86 .fp-pathbar .fp-path-folder-name {margin-left: 32px;line-height: 20px;}
88 /*
89  * Icon view (File Picker and File Manager)
90  */
91 .fp-iconview .fp-file {float: left;text-align: center;position: relative;margin: 10px 10px 35px;}
92 .fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height: 110px;text-align: center;border: 1px solid #FFFFFF;display: block;}
93 .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;}
94 .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;}
95 .fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow: hidden;position: absolute;}
96 .fp-iconview .fp-filename-field:hover {overflow: visible;z-index: 1000;}
97 .fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
98 .dir-rtl .fp-iconview .fp-file { float: right;}
100 /*
101  * Table view (File Picker only)
102  */
103 .file-picker .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
104 #filesskin .file-picker .yui3-datatable-header {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 0 solid #FFFFFF;color: #555555;}
105 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
106 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF;border-left: 0px solid #FFFFFF;}
107 .dir-rtl .file-picker .yui3-datatable-header {text-align: right;}
109 /*
110  * Tree view (File Manager only)
111  */
112 /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
113 /* first or middle sibling, no children */
114 .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;}
115 .dir-rtl .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
116 /* first or middle sibling, collapsable */
117 .file-picker .ygtvtm, .filemanager .ygtvtm {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
118 /* first or middle sibling, collapsable, hover */
119 .file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
120 /* first or middle sibling, expandable */
121 .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
122 .dir-rtl .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
123 /* first or middle sibling, expandable, hover */
124 .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
125 .dir-rtl .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
126 /* last sibling, no children */
127 .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;}
128 .dir-rtl .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
129 /* Last sibling, collapsable */
130 .file-picker .ygtvlm, .filemanager .ygtvlm {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
131 /* Last sibling, collapsable, hover */
132 .file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
133 /* Last sibling, expandable */
134 .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
135 .dir-rtl .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
136 /* Last sibling, expandable, hover */
137 .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
138 .dir-rtl .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
139 /* Loading icon */
140 .file-picker .ygtvloading, .filemanager .ygtvloading {background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;}
141 /* the style for the empty cells that are used for rendering the depth* of the node */
142 .file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;width:17px;height:/*22px;*/32px;}
143 .file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {width:17px;height:22px;}
144 /* the style of the div around each node */
145 /*.file-picker .ygtvitem  table, .filemanager .ygtvitem  table{margin-bottom:0;}*/
146 /*.file-picker .ygtvitem  td, .filemanager .ygtvitem  td {border:none;padding:0;}*/
147 /* the style of the div around each node's collection of children */
148 /** html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}*/
149 /* the style of the text label in ygTextNode */
150 /*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover,
151 .filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration: none;}*/
152 a.ygtvspacer:hover {color: transparent;text-decoration: none;}
153 .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {background-color: transparent;cursor: pointer;margin-left: 2px;text-decoration: none;}
154 .file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color: #EEEEEE;}
156 .fp-filename-icon {margin-top: 10px;display: block;position: relative;}
157 .fp-icon {float: left;margin-top: -7px;width: 24px;height: 24px;margin-right: 10px;text-align: center;line-height: 24px;}
158 .dir-rtl .fp-icon {float: right}
159 .fp-icon img {max-height:24px;max-width:24px;vertical-align: middle;}
160 .fp-filename {padding-right: 10px;}
161 .dir-rtl .fp-filename {padding-left: 10px;}
163 /*
164  * Repositories Login on fp-content (File Picker only)
165  */
166 .file-picker .fp-login-form {height: 100%;width: 100%;display: table;}
167 .file-picker .fp-login-form table {margin: 0 auto;}
168 .file-picker .fp-login-form p {text-align: center;margin-top: 3em;}
169 .file-picker .fp-login-form .fp-login-input .label {text-align: right;vertical-align: middle;}
170 .file-picker .fp-login-form .fp-login-input .input {text-align: left;}
171 .file-picker .fp-login-form input[type="checkbox"]{width: 15px;height:15px;}
173 /*
174  * Upload on fp-content (File Picker only)
175  */
176 .file-picker .fp-upload-form {height: 100%;width: 100%;display: table;}
177 .file-picker .fp-upload-form table {margin: 0 auto;}
178 .file-picker .fp-upload-btn {margin: 2em;}
180 /*
181  * File exists dialogue on Upload (File Picker only)
182  */
183 .file-picker.fp-dlg {text-align: center;}
184 .file-picker.fp-dlg .fp-dlg-text {padding: 40px 20px 10px 20px;font-size: 12px;}
186 /*
187  * Error dialogue on Upload (File Picker only)
188  */
189 .file-picker.fp-msg {text-align: center;}
190 .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;}
191 .file-picker.fp-msg.fp-msg-error .fp-msg-text {padding: 40px 20px 10px 20px;font-size: 12px;}
193 /*
194  * Error on fp-content (File Picker only)
195  */
196 .file-picker .fp-content-error {height: 100%;width: 100%;display: table;text-align: center;}
197 .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;}
199 /*
200  * Lazy loading on fp-content (File Picker only)
201  */
202 .file-picker .fp-nextpage {clear:both;align:center;}
203 .file-picker .fp-nextpage .fp-nextpage-link {align:center;}
204 .file-picker .fp-nextpage .fp-nextpage-loading {display:none;}
205 .file-picker .fp-nextpage.loading .fp-nextpage-link {display:none;}
206 .file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;text-align: center;height: 100px;padding-top: 50px;}
208 /*
209  * Select Dialogue (File Picker and File Manager)
210  */
211 .file-picker.fp-select {width:420px;}
212 .fp-select .fp-select-loading {text-align: center;margin-top: 20px;}
213 .fp-select .fp-hr {clear: both;height: 1px; background-color: #FFFFFF;border-bottom: 1px solid #BBBBBB;width: auto; margin: 5px 20px;}
214 .fp-select table {margin: 10px 20px;}
215 .fp-select-update {float:right;margin-right: 20px;}
216 .fp-select .fp-file-update {background:url('[[pix:theme|fp/check]]') no-repeat left center;width:17px;height:17px;}
217 .fp-select .fp-file-cancel {background:url('[[pix:theme|fp/cross]]') no-repeat left center;width:17px;height:17px;margin-left: 25px;}
218 .fp-select .fp-select-update span {margin-left: 17px;}
219 .fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height: 110px;text-align: center;margin: 10px 20px 0px 20px;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;}
220 .fp-select .fp-thumbnail img {border: 1px solid #DDDDDD;padding:3px;vertical-align: middle;margin: 10px;}
221 .fp-select .fp-fileinfo {display: inline-block;margin-top: 4px;margin-right: 20px;}
222 .file-picker.fp-select .fp-fileinfo {max-width:240px;}
223 .fp-select .fp-fileinfo div {padding: 4px 0px;}
225 .file-picker.fp-select .uneditable {display:none;}
226 .file-picker.fp-select .fp-select-loading {display:none;}
227 .file-picker .fp-select.loading .fp-select-loading {display:block;}
228 .file-picker .fp-select.loading form {display:none;}
230  /*
231  * File Manager
232  */
233 .filemanager-loading{display:none}
234 .jsenabled .filemanager-loading{display:block;margin-top: 100px;}
235 .filemanager.fm-loading .filemanager-toolbar,
236 .filemanager.fm-loading .fp-pathbar,
237 .filemanager.fm-loading .filemanager-container {display:none;}
238 .filemanager.fm-loaded .filemanager-loading {display:none;}
239 .filemanager.fm-maxfiles .fp-btn-add {display:none;}
240 .filemanager.fm-maxfiles .dndupload-message {display:none;}
241 .filemanager.fm-nofiles .fp-btn-download {display:none;}
242 .filemanager .fm-empty-container {display:none;}
243 .filemanager.fm-noitems .filemanager-container .fp-content {display:none;}
244 .filemanager .filemanager-updating {display:none;text-align:center;}
245 .filemanager.fm-updating .filemanager-updating {display:block;}
246 .filemanager.fm-updating .fm-content-wrapper {display:none;}
247 .filemanager.fm-nomkdir .fp-btn-mkdir {display:none;}
249  /*
250  * File Manager layout
251  */
252 .fp-restrictions{text-align: right;}
253 .filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
254 .filemanager-toolbar{padding: 5px 8px;min-height:22px;}
255 .fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;}
256 .dir-rtl .filemanager-toolbar {background: transparent;}
257 .filemanager .fp-pathbar.empty {display:none;}
258 .filepicker-filelist,
259 .filemanager-container {background: #FFFFFF;clear: both;overflow:auto;border: 1px solid #BBBBBB;min-height: 140px;position: relative;}
260 /*.filemanager-container ul{margin:0;padding:0;}
261 .filemanager-container ul li{white-space:nowrap;list-style-type:none;}
262 .filemanager-container ul li a{padding:0}*/
263 .filemanager .fp-content{overflow: auto;max-height: 472px;}
264 .filemanager-container, .filepicker-filelist {overflow:hidden;}
266 /*
267  * Icon view (File Manager only)
268  */
269 .filemanager .fp-iconview .fp-reficons1 {position:absolute;height:100%;width:100%;top:0;left:0;z-index:1000;}
270 .filemanager .fp-iconview .fp-reficons2 {position:absolute;height:100%;width:100%;top:0;left:0;z-index:1001;}
271 .filemanager .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {background: url('[[pix:theme|fp/link]]') no-repeat;background-position:bottom right;}
272 .filemanager .fp-iconview .fp-file.fp-isreference .fp-reficons2 {background: url('[[pix:theme|fp/alias]]') no-repeat;background-position:bottom left;}
274 /*
275  * Table view (File Manager only)
276  */
277 .filemanager .yui3-datatable table {border: 0px solid #BBBBBB;width:100%;}
278 .filemanager .yui3-datatable-header {background: #FFFFFF!important;border-bottom: 1px solid #CCCCCC!important;border-left: 0 solid #FFFFFF!important;color: #555555!important;}
279 .filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6!important;border-left: 0px solid #F6F6F6;}
280 .filemanager .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF!important;border-left: 0px solid #FFFFFF;}
282 /*
283  * Folder Context Menu (File Manager only)
284  */
285 .filemanager .fp-contextmenu {display:none;}
286 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:block;position:absolute;right:7px;bottom:5px;z-index: 2000;}
287 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
288 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display: inline;position: absolute;left: 14px;margin-right: -20px;top: 6px;}
290 /*
291  * Drag and drop support (File Manager only)
292  */
293 .filepicker-filelist .filepicker-container,
294 .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;z-index: 3000;}
295 .filepicker-filelist .dndupload-target,
296 .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;z-index:3000;-webkit-box-shadow:  0px 0px 0px 10px #FFFFFF;-moz-box-shadow: 0px 0px 0px 10px #FFFFFF;box-shadow:  0px 0px 0px 10px #FFFFFF;}
297 .filepicker-filelist.dndupload-over .dndupload-target,
298 .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;z-index: 3000;}
299 .dndupload-message {display:none;}
300 .dndsupported .dndupload-message {display:inline;}
301 .dndupload-target {display:none;}
302 .dndsupported .dndupload-ready .dndupload-target {display:block;}
303 .dndupload-uploadinprogress {display:none;text-align:center;}
304 .dndupload-uploading .dndupload-uploadinprogress {display:block;}
305 .dndupload-arrow {background:url('[[pix:theme|fp/dnd_arrow]]') center no-repeat;width:56px;height:47px;position:absolute;margin-left: -28px;/*right:46%;left:46%;*/animation:mymove 5s infinite;-moz-animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite;}
306 @keyframes mymove {0%{top:10px;} 12%{top:40px;} 30%{top:20px} 65%{top:35px;} 100%{top:9px;}}@-moz-keyframes mymove{0%{top:10px;} 12%{top:40px;} 30%{top:20px} 65%{top:35px;} 100%{top:9px;}}@-webkit-keyframes mymove {0%{top:10px;} 12%{top:40px;} 30%{top:20px} 65%{top:35px;} 100%{top:9px;}}
308 /*
309  * Select Dialogue (File Manager only)
310  */
311 .filemanager.fp-select .fp-select-loading {display:none;}
312 .filemanager.fp-select.loading .fp-select-loading {display:block;}
313 .filemanager.fp-select.loading form {display:none;}
314 /* disable unavailable actions: */
315 /*.filemanager.fp-select.fp-zip .fp-license,*/
316 .filemanager.fp-select.fp-folder .fp-license,
317 /*.filemanager.fp-select.fp-zip .fp-author,*/
318 .filemanager.fp-select.fp-folder .fp-author,
319 .filemanager.fp-select.fp-file .fp-file-unzip,
320 .filemanager.fp-select.fp-folder .fp-file-unzip,
321 .filemanager.fp-select.fp-file .fp-file-zip,
322 .filemanager.fp-select.fp-zip .fp-file-zip {display:none;}
323 .filemanager.fp-select .fp-file-setmain {display:none;}
324 .filemanager.fp-select.fp-cansetmain .fp-file-setmain {display:inline-block;}
325 .filemanager .fp-mainfile .fp-filename {font-weight:bold;}
326 .filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */
327 .fm-operation {font-weight: bold;}
329 .filemanager.fp-select .fp-original.fp-unknown {display:none;}
330 .filemanager.fp-select .fp-original .fp-originloading {display:none;}
331 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {display:inline;}
333 .filemanager.fp-select .fp-reflist.fp-unknown {display:none;}
334 .filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;}
335 .filemanager.fp-select .fp-refcount {max-width: 265px;}
336 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;}
337 .filemanager.fp-select .fp-reflist .fp-value {background: #FFFFFF;border: 1px solid #BBBBBB;padding: 8px 7px;margin: 0px;max-width: 265px;max-height: 75px;overflow:auto;}
338 .filemanager.fp-select .fp-reflist .fp-value li {padding-bottom: 7px;}
340 /*
341  * Create folder dialogue (File Manager only)
342  */
343 .filemanager.fp-mkdir-dlg {text-align: center;}
344 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 40px 20px 20px;}
346 .dir-rtl .filemanager .fp-mkdir-dlg p {text-align: right;}
348 /*
349  * Confirm dialogue for delete (File Manager only)
350  */
351 .filemanager.fp-dlg {text-align: center;}
352 .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;}
354 /*
355  *file picker search dialog
356  */
357 .file-picker div.bd {text-align:left;}
358 .dir-rtl .file-picker div.bd {text-align:right;}
360 .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align: right;}