Commit | Line | Data |
---|---|---|
b5e7b638 | 1 | /** |
420e7bb2 | 2 | * File Picker and File Manager |
b5e7b638 | 3 | */ |
0f0d10c5 | 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;} | |
0f0d10c5 | 8 | .filemanager select, .filemanager input, .filemanagerbutton, .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;} | |
e88d5641 BR |
13 | |
14 | /* | |
420e7bb2 | 15 | * Dialogue (File Picker and File Manager) |
e88d5641 | 16 | */ |
0f0d10c5 | 17 | .yui3-panel-focused {outline: none;} |
7c3e6652 BR |
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;} | |
420e7bb2 BR |
22 | |
23 | /* | |
24 | * File Picker layout | |
25 | */ | |
7c3e6652 BR |
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;} | |
25df8c4e | 28 | .dir-rtl .file-picker .fp-repo-area {top:29px;} |
e88d5641 | 29 | .file-picker .fp-repo-items {vertical-align:top;display: inline-block;margin-left: 181px;} |
7c3e6652 BR |
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;} | |
cbf4d2f3 NK |
32 | |
33 | .dir-rtl .file-picker .fp-repo-items {margin-right: 181px;} | |
34 | ||
0f0d10c5 | 35 | .file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;} |
5cf44c1f | 36 | .file-picker .fp-content .fp-object-container {width:98%;height:98%;} |
e88d5641 BR |
37 | |
38 | /* | |
420e7bb2 | 39 | * Repositories on fp-repo-area (File Picker only) |
e88d5641 | 40 | */ |
b5e7b638 MG |
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;} | |
b4562710 | 43 | .file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;} |
25df8c4e | 44 | .dir-rtl .file-picker .fp-list .fp-repo a {display:inline;} |
e88d5641 | 45 | .file-picker .fp-list .fp-repo.active {background:#F2F2F2;} |
6077e381 | 46 | .file-picker .fp-list .fp-repo-icon {padding: 0px 7px 0px 5px;} |
e88d5641 BR |
47 | |
48 | /* | |
420e7bb2 | 49 | * Tools, Path & View on fp-navbar (File Picker and File Manager) |
e88d5641 | 50 | */ |
6077e381 | 51 | .fp-toolbar {display: table-row;line-height: 22px;float:left;/*display: inline-block;*/} |
cbf4d2f3 NK |
52 | |
53 | .dir-rtl .fp-toolbar {float: right;} | |
54 | ||
420e7bb2 BR |
55 | .fp-toolbar.empty {display:none;} |
56 | .fp-toolbar .disabled {display:none;} | |
a9352f1f | 57 | .fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;} |
25df8c4e | 58 | .dir-rtl .fp-toolbar div {width:100px;} |
420e7bb2 | 59 | .fp-toolbar img {vertical-align: -15%; margin-right: 5px;} |
cbf4d2f3 | 60 | |
7c3e6652 BR |
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;} | |
e88d5641 | 63 | |
6077e381 | 64 | .fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;/*display: inline-block;*/} |
cbf4d2f3 NK |
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;} | |
68 | ||
420e7bb2 | 69 | .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;} |
25df8c4e | 70 | .dir-rtl .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;} |
420e7bb2 BR |
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;} | |
25df8c4e | 74 | .dir-rtl .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px;} |
420e7bb2 BR |
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;} | |
25df8c4e | 78 | .dir-rtl .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;} |
420e7bb2 BR |
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]]');} | |
6077e381 BR |
81 | .file-picker .fp-clear-left {clear: left;} |
82 | ||
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;} | |
e88d5641 BR |
87 | |
88 | /* | |
420e7bb2 | 89 | * Icon view (File Picker and File Manager) |
e88d5641 | 90 | */ |
0f0d10c5 | 91 | .fp-iconview .fp-file {float: left;text-align: center;position: relative;margin: 10px 10px 35px;} |
7c3e6652 BR |
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;} | |
0f0d10c5 BR |
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;} | |
7c3e6652 | 97 | .fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;} |
cbf4d2f3 | 98 | .dir-rtl .fp-iconview .fp-file { float: right;} |
e88d5641 BR |
99 | |
100 | /* | |
420e7bb2 | 101 | * Table view (File Picker only) |
e88d5641 | 102 | */ |
7c3e6652 BR |
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;} | |
cbf4d2f3 | 107 | .dir-rtl .file-picker .yui3-datatable-header {text-align: right;} |
e88d5641 BR |
108 | |
109 | /* | |
a9352f1f | 110 | * Tree view (File Manager only) |
420e7bb2 BR |
111 | */ |
112 | /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/ | |
113 | /* first or middle sibling, no children */ | |
a9352f1f | 114 | .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;} |
cbf4d2f3 | 115 | .dir-rtl .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;width:17px;height:22px;} |
420e7bb2 | 116 | /* first or middle sibling, collapsable */ |
a9352f1f | 117 | .file-picker .ygtvtm, .filemanager .ygtvtm {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
420e7bb2 | 118 | /* first or middle sibling, collapsable, hover */ |
a9352f1f | 119 | .file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
420e7bb2 | 120 | /* first or middle sibling, expandable */ |
a9352f1f | 121 | .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
cbf4d2f3 | 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;} |
420e7bb2 | 123 | /* first or middle sibling, expandable, hover */ |
a9352f1f | 124 | .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;} |
cbf4d2f3 | 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;} |
420e7bb2 | 126 | /* last sibling, no children */ |
a9352f1f | 127 | .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;} |
cbf4d2f3 | 128 | .dir-rtl .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;width:17px;height:22px;} |
420e7bb2 | 129 | /* Last sibling, collapsable */ |
a9352f1f | 130 | .file-picker .ygtvlm, .filemanager .ygtvlm {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
420e7bb2 | 131 | /* Last sibling, collapsable, hover */ |
a9352f1f | 132 | .file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
420e7bb2 | 133 | /* Last sibling, expandable */ |
a9352f1f | 134 | .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
cbf4d2f3 | 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;} |
420e7bb2 | 136 | /* Last sibling, expandable, hover */ |
a9352f1f | 137 | .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} |
cbf4d2f3 | 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;} |
420e7bb2 | 139 | /* Loading icon */ |
a9352f1f | 140 | .file-picker .ygtvloading, .filemanager .ygtvloading {background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;} |
420e7bb2 | 141 | /* the style for the empty cells that are used for rendering the depth* of the node */ |
a9352f1f BR |
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;} | |
420e7bb2 BR |
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;} | |
7c3e6652 | 154 | .file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color: #EEEEEE;} |
a9352f1f | 155 | |
7c3e6652 | 156 | .fp-filename-icon {margin-top: 10px;display: block;position: relative;} |
a9352f1f | 157 | .fp-icon {float: left;margin-top: -7px;width: 24px;height: 24px;margin-right: 10px;text-align: center;line-height: 24px;} |
25df8c4e | 158 | .dir-rtl .fp-icon {float: right} |
a9352f1f BR |
159 | .fp-icon img {max-height:24px;max-width:24px;vertical-align: middle;} |
160 | .fp-filename {padding-right: 10px;} | |
25df8c4e | 161 | .dir-rtl .fp-filename {padding-left: 10px;} |
420e7bb2 BR |
162 | |
163 | /* | |
164 | * Repositories Login on fp-content (File Picker only) | |
e88d5641 BR |
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;} | |
420e7bb2 | 169 | .file-picker .fp-login-form .fp-login-input .label {text-align: right;vertical-align: middle;} |
e88d5641 BR |
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;} | |
172 | ||
173 | /* | |
420e7bb2 | 174 | * Upload on fp-content (File Picker only) |
e88d5641 BR |
175 | */ |
176 | .file-picker .fp-upload-form {height: 100%;width: 100%;display: table;} | |
177 | .file-picker .fp-upload-form table {margin: 0 auto;} | |
420e7bb2 | 178 | .file-picker .fp-upload-btn {margin: 2em;} |
e88d5641 BR |
179 | |
180 | /* | |
420e7bb2 | 181 | * File exists dialogue on Upload (File Picker only) |
e88d5641 | 182 | */ |
420e7bb2 | 183 | .file-picker.fp-dlg {text-align: center;} |
b4562710 | 184 | .file-picker.fp-dlg .fp-dlg-text {padding: 40px 20px 10px 20px;font-size: 12px;} |
e88d5641 | 185 | |
420e7bb2 BR |
186 | /* |
187 | * Error dialogue on Upload (File Picker only) | |
188 | */ | |
189 | .file-picker.fp-msg {text-align: center;} | |
b4562710 BR |
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;} | |
e88d5641 | 192 | |
420e7bb2 BR |
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;} | |
b4562710 | 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;} |
e88d5641 | 198 | |
420e7bb2 BR |
199 | /* |
200 | * Lazy loading on fp-content (File Picker only) | |
201 | */ | |
7ccf18a6 MG |
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;} | |
0f0d10c5 BR |
206 | .file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;text-align: center;height: 100px;padding-top: 50px;} |
207 | ||
420e7bb2 BR |
208 | /* |
209 | * Select Dialogue (File Picker and File Manager) | |
210 | */ | |
211 | .file-picker.fp-select {width:420px;} | |
0f0d10c5 | 212 | .fp-select .fp-select-loading {text-align: center;margin-top: 20px;} |
7c3e6652 | 213 | .fp-select .fp-hr {clear: both;height: 1px; background-color: #FFFFFF;border-bottom: 1px solid #BBBBBB;width: auto; margin: 5px 20px;} |
420e7bb2 | 214 | .fp-select table {margin: 10px 20px;} |
0f0d10c5 BR |
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;} | |
7c3e6652 BR |
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;} | |
420e7bb2 | 221 | .fp-select .fp-fileinfo {display: inline-block;margin-top: 4px;margin-right: 20px;} |
0f0d10c5 | 222 | .file-picker.fp-select .fp-fileinfo {max-width:240px;} |
420e7bb2 | 223 | .fp-select .fp-fileinfo div {padding: 4px 0px;} |
b5e7b638 | 224 | |
420e7bb2 BR |
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;} | |
229 | ||
230 | /* | |
b5e7b638 MG |
231 | * File Manager |
232 | */ | |
b5e7b638 | 233 | .filemanager-loading{display:none} |
0f0d10c5 | 234 | .jsenabled .filemanager-loading{display:block;margin-top: 100px;} |
906e7d89 | 235 | .filemanager.fm-loading .filemanager-toolbar, |
420e7bb2 | 236 | .filemanager.fm-loading .fp-pathbar, |
906e7d89 | 237 | .filemanager.fm-loading .filemanager-container {display:none;} |
906e7d89 | 238 | .filemanager.fm-loaded .filemanager-loading {display:none;} |
e709ddd2 | 239 | .filemanager.fm-maxfiles .fp-btn-add {display:none;} |
906e7d89 | 240 | .filemanager.fm-maxfiles .dndupload-message {display:none;} |
420e7bb2 | 241 | .filemanager.fm-nofiles .fp-btn-download {display:none;} |
906e7d89 | 242 | .filemanager .fm-empty-container {display:none;} |
e709ddd2 | 243 | .filemanager.fm-noitems .filemanager-container .fp-content {display:none;} |
906e7d89 MG |
244 | .filemanager .filemanager-updating {display:none;text-align:center;} |
245 | .filemanager.fm-updating .filemanager-updating {display:block;} | |
e709ddd2 | 246 | .filemanager.fm-updating .fm-content-wrapper {display:none;} |
420e7bb2 BR |
247 | .filemanager.fm-nomkdir .fp-btn-mkdir {display:none;} |
248 | ||
249 | /* | |
250 | * File Manager layout | |
251 | */ | |
252 | .fp-restrictions{text-align: right;} | |
7c3e6652 | 253 | .filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;} |
420e7bb2 | 254 | .filemanager-toolbar{padding: 5px 8px;min-height:22px;} |
7c3e6652 | 255 | .fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;} |
cbf4d2f3 | 256 | .dir-rtl .filemanager-toolbar {background: transparent;} |
420e7bb2 | 257 | .filemanager .fp-pathbar.empty {display:none;} |
0f0d10c5 | 258 | .filepicker-filelist, |
7c3e6652 | 259 | .filemanager-container {background: #FFFFFF;clear: both;overflow:auto;border: 1px solid #BBBBBB;min-height: 140px;position: relative;} |
420e7bb2 BR |
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}*/ | |
a9352f1f | 263 | .filemanager .fp-content{overflow: auto;max-height: 472px;} |
420e7bb2 BR |
264 | .filemanager-container, .filepicker-filelist {overflow:hidden;} |
265 | ||
0f0d10c5 BR |
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;} | |
b4562710 BR |
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;} | |
0f0d10c5 | 273 | |
420e7bb2 BR |
274 | /* |
275 | * Table view (File Manager only) | |
276 | */ | |
7c3e6652 BR |
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;} | |
420e7bb2 | 281 | |
0f0d10c5 BR |
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, | |
7c3e6652 | 288 | .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display: inline;position: absolute;left: 14px;margin-right: -20px;top: 6px;} |
0f0d10c5 | 289 | |
420e7bb2 BR |
290 | /* |
291 | * Drag and drop support (File Manager only) | |
292 | */ | |
a9352f1f | 293 | .filepicker-filelist .filepicker-container, |
7c3e6652 | 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;} |
0f0d10c5 | 295 | .filepicker-filelist .dndupload-target, |
7c3e6652 | 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;} |
0f0d10c5 | 297 | .filepicker-filelist.dndupload-over .dndupload-target, |
7c3e6652 | 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;} |
420e7bb2 BR |
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;} | |
0f0d10c5 BR |
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;}} | |
23b83009 | 307 | |
420e7bb2 BR |
308 | /* |
309 | * Select Dialogue (File Manager only) | |
310 | */ | |
55089a9d MG |
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;} | |
e709ddd2 | 314 | /* disable unavailable actions: */ |
55089a9d MG |
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;} | |
420e7bb2 | 325 | .filemanager .fp-mainfile .fp-filename {font-weight:bold;} |
55089a9d | 326 | .filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */ |
420e7bb2 | 327 | .fm-operation {font-weight: bold;} |
906e7d89 | 328 | |
9a62f779 MG |
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;} | |
332 | ||
9dbdf31f MG |
333 | .filemanager.fp-select .fp-reflist.fp-unknown {display:none;} |
334 | .filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;} | |
b4562710 | 335 | .filemanager.fp-select .fp-refcount {max-width: 265px;} |
9dbdf31f | 336 | .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;} |
7c3e6652 | 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;} |
b4562710 | 338 | .filemanager.fp-select .fp-reflist .fp-value li {padding-bottom: 7px;} |
9dbdf31f | 339 | |
906e7d89 | 340 | /* |
420e7bb2 | 341 | * Create folder dialogue (File Manager only) |
906e7d89 | 342 | */ |
5e117466 MG |
343 | .filemanager.fp-mkdir-dlg {text-align: center;} |
344 | .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 40px 20px 20px;} | |
420e7bb2 | 345 | |
cbf4d2f3 NK |
346 | .dir-rtl .filemanager .fp-mkdir-dlg p {text-align: right;} |
347 | ||
420e7bb2 BR |
348 | /* |
349 | * Confirm dialogue for delete (File Manager only) | |
350 | */ | |
351 | .filemanager.fp-dlg {text-align: center;} | |
b4562710 | 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;} |
420e7bb2 | 353 | |
0f0d10c5 BR |
354 | /* |
355 | *file picker search dialog | |
420e7bb2 | 356 | */ |
cbf4d2f3 NK |
357 | .file-picker div.bd {text-align:left;} |
358 | .dir-rtl .file-picker div.bd {text-align:right;} | |
359 | ||
360 | .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align: right;} |