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