view e2gallerypro/e2upload/Css/FileManager.css @ 25:6a3d04638a89 judyates

mailto links.
author Robert McIntyre <rlm@mit.edu>
date Sat, 19 Jul 2014 14:35:52 -0400
parents 3f6b44aa6b35
children
line wrap: on
line source
1 div.filemanager-container { display: none; }
2 div.filemanager * { outline: 0; }
3 div.filemanager a img { border: 0 }
5 div.filemanager, div.filemanager button, div.filemanager label, div.filemanager h1 {
6 width: auto;
7 margin: 0;
9 font-family: Tahoma, sans-serif;
10 font-size: 12px;
11 font-weight: normal;
12 text-transform: none;
13 letter-spacing: 0;
14 }
16 div.filemanager {
17 border: 1px solid #bebebe;
18 background: #eee;
20 position: absolute;
21 z-index: 1001;
22 width: 800px;
23 height: 450px;
24 }
26 div.filemanager div.filemanager-menu {
27 position: absolute;
28 height: 30px;
29 left: 30%;
30 width: 70%;
31 bottom: 0;
32 line-height: 30px;
34 border-top: 1px solid #bebebe;
35 background: url(../Assets/menu.png) repeat-x;
36 }
38 div.filemanager button {
39 cursor: pointer;
40 height: 22px;
41 line-height: 20px;
42 margin: 4px 5px;
43 padding: 0 5px;
45 color: #FFF;
47 clear: none;
48 background: url(../Assets/button.png) repeat-x;
49 border: 1px solid #a1aeb9;
50 -moz-border-radius: 4px;
51 -webkit-border-radius: 4px;
52 border-radius: 4px;
53 }
54 div.filemanager-engine-trident4 button, div.filemanager-engine-trident5 button {
55 padding: 0 .25em;
56 overflow: visible;
57 }
59 div.filemanager-menu button {
60 float: right;
61 }
63 div.filemanager button:hover, div.filemanager button.hover, div.filemanager button:focus {
64 border: 1px solid #5f676e;
65 }
67 div.filemanager button.disabled, div.filemanager button.disabled:hover, div.filemanager button.disabled:focus {
68 cursor: default;
69 color: #666;
70 text-shadow: none;
71 background: url(../Assets/button_disabled.png) repeat-x;
72 border-color: #bababa;
73 }
75 div.filemanager button.filemanager-open {
76 font-weight: bold;
77 }
79 div.filemanager-menu label {
80 cursor: pointer;
81 float: right;
82 font-size: 11px;
83 width: auto;
84 }
86 div.filemanager-menu div.loader {
87 float: left;
88 width: 16px;
89 height: 16px;
90 margin: 8px 0;
91 background: url(../Assets/loader.gif) no-repeat;
92 }
94 div.filemanager ul {
95 margin: 0;
96 padding: 0;
97 position: relative;
98 line-height: 1.8em;
99 overflow: auto;
100 overflow-x: hidden;
101 zoom: 1;
102 }
104 div.filemanager ul li {
105 background: none;
106 list-style-image: none;
107 list-style-type: none;
108 list-style: none;
109 line-height: 1.8em;
110 margin: 0;
111 padding: 0;
112 height: 21px;
113 white-space: nowrap;
114 }
116 div.filemanager ul.filemanager-browser {
117 left: 0px;
118 top: 0px;
119 height: 100%;
120 width: 30%;
122 border: 0;
123 border-right: 1px solid #bebebe;
124 background: url(../Assets/filelist.png) repeat-x #c1c7cf;
125 }
127 div.filemanager ul li span.fi {
128 height: 21px;
129 padding-left: 5px;
130 color: #000;
131 text-decoration: none;
132 display: block;
133 white-space: nowrap;
134 cursor: pointer;
135 }
137 div.filemanager ul li span.fi span {
138 white-space: nowrap;
139 display: block;
140 width: 90%;
141 overflow: hidden;
142 }
144 div.filemanager-engine-trident4 ul li span.fi span, div.filemanager-engine-trident5 ul li span.fi span, div.filemanager-engine-presto ul li span.fi span, div.filemanager ul li:hover span.fi span {
145 width: 65%;
146 overflow: hidden;
147 }
149 div.filemanager ul li span.dir {
150 background-color: transparent;
151 }
153 div.filemanager ul li span.droppable {
154 background-color: #99b7e7;
155 }
157 ul.filemanager-browser a, ul.filemanager-browser span {
158 position: relative;
159 }
161 div.filemanager ul li a.selected, div.filemanager ul li span.selected {
162 background: url(../Assets/filelist_selected.png) repeat-x;
163 color: #eee;
164 outline: none;
165 }
167 div.filemanager ul li img {
168 display: block;
169 float: left;
170 margin: 3px 3px 0 0;
171 }
173 div.filemanager ul li img.browser-icon {
174 float: right;
175 }
177 div.filemanager span.notice {
178 position: absolute;
179 bottom: 16px;
180 left: 16px;
181 }
183 div.filemanager div.filemanager-close {
184 position: absolute;
185 right: -10px;
186 top: -10px;
187 height: 20px;
188 width: 20px;
190 cursor: pointer;
191 background: url(../Assets/button.png) repeat-x;
192 border: 1px solid #a1aeb9;
193 -moz-border-radius: 10px;
194 -webkit-border-radius: 10px;
195 border-radius: 10px;
196 }
197 div.filemanager div.filemanager-close img {
198 padding: 2px;
199 }
201 div.filemanager-infos {
202 position: absolute;
203 left: 30%;
204 top: 0;
205 width: 70%;
206 line-height: 1.6em;
207 overflow: auto;
208 }
210 div.filemanager-head {
211 height: 32px;
212 overflow: hidden;
213 }
215 img.filemanager-icon {
216 float: left;
217 margin: 10px 12px;
218 }
220 div.filemanager h1 {
221 margin: 0;
222 padding: 0;
223 width: 80%;
224 height: 32px;
225 line-height: 32px;
227 color: #333;
228 font-size: 20px;
229 letter-spacing: 1px;
230 overflow: hidden;
231 white-space: nowrap;
232 background-color: transparent;
233 }
235 div.filemanager h2 {
236 margin: 0;
237 border-top: 1px solid #bebebe;
238 font-size: 14px;
239 font-weight: bold;
240 padding: 2px 0 0 5px;
241 clear: both;
242 }
244 div.filemanager dl {
245 margin: 5px 0;
246 width: 100%;
247 clear: both;
248 overflow: auto;
249 }
251 div.filemanager dt, div.filemanager dd {
252 float: left;
253 line-height: 20px;
254 font-size: 11px;
255 }
257 div.filemanager dt {
258 clear: both;
259 width: 22%;
260 margin-left: 5%;
261 font-weight: bold;
262 }
264 div.filemanager dd {
265 width: 60%;
266 white-space: nowrap;
267 overflow: auto;
268 }
270 div.filemanager div.margin {
271 margin-left: 15px;
272 }
274 div.filemanager dd.filemanager-dir a.icon {
275 border: 1px solid #bebebe;
276 padding: 2px 5px 2px 20px;
277 text-decoration: none;
278 background: #eee url(../Assets/Icons/dir.png) 2px 0 no-repeat;
279 color: #000;
281 -moz-border-radius: 3px;
282 -webkit-border-radius: 3px;
283 border-radius: 3px;
284 }
286 div.filemanager dd.filemanager-dir a.icon:hover {
287 text-decoration: none;
288 background-color: #fff;
289 }
291 div.filemanager dd.filemanager-dir a.selected, div.filemanager dd.filemanager-dir a.selected:hover {
292 margin: 0 1px;
293 background-color: transparent;
294 border: none;
295 cursor: auto;
296 }
298 div.filemanager-preview {
299 margin-top: 5px;
300 }
302 div.filemanager-preview img.preview {
303 margin: 0 auto 1em;
304 display: block;
305 max-height: 100px;
306 }
308 div.filemanager-engine-trident4 div.filemanager-preview img.preview {
309 height: 100px;
310 }
312 div.filemanager-preview ul, div.filemanager-preview div.textpreview {
313 border: 1px solid #bebebe;
314 background: #fff;
316 padding: 2px;
317 margin: 1em auto;
319 width: 490px;
320 height: 220px;
321 overflow: auto;
322 }
324 div.filemanager-preview div.textpreview {
325 font: 9px Verdana, Arial, Helvetica, sans-serif;
326 }
328 div.filemanager-preview div.object {
329 width: 200px;
330 height: 20px;
331 border: 1px solid #bebebe;
332 margin: 0 0 1em 190px;
333 overflow: hidden;
334 }
336 div.filemanager-container img.browser-add {
337 position: absolute;
338 width: 16px;
339 height: 16px;
340 z-index: 1010;
341 }
343 /* UPLOAD */
344 div.filemanager-container .file span {
345 padding: 0 5px 0 0;
346 }
348 div.filemanager-container .file .file-size {
349 color: #666;
350 }
352 div.filemanager-container .file .file-cancel {
353 cursor: pointer;
354 padding-left: 5px;
355 float: right;
356 }
357 div.filemanager-container .file .file-progress {
358 margin-top: 5px;
359 float: right;
360 width: 125px;
361 height: 12px;
362 background-image: url(../Assets/progress.gif);
363 }
365 div.filemanager div.checkbox {
366 float: left;
367 height: 12px;
368 width: 16px;
369 margin: 10px 3px 0;
370 background: url(../Assets/checkbox.png) no-repeat;
371 }
373 div.filemanager div.checkboxChecked {
374 background-position: 0 -12px;
375 }
377 /* SELECTED FILE */
378 div.selected-file img {
379 vertical-align: bottom;
380 padding: 0 3px 0 0;
381 }
382 div.selected-file span {
383 line-height: 16px;
384 }
385 div.selected-file .file-cancel {
386 cursor: pointer;
387 padding: 0 0 0 5px;